@charset "UTF-8";

@property --gradient-angle {
	syntax: "<angle>"; initial-value: 0deg; inherits: false;
}

:root {
	--border-light: #17191c;
	--brand: #0fdb80;
	--brand-h: 153;
	--brand-s: 87%;
	--brand-l: 46%;
	--brand-hsl: 153, 87%, 46%;
	--brand-l-dark: 6%;
	--brand-bg: hsl(var(--brand-h), var(--brand-s), var(--brand-l-dark));
	--shine-bg: #131416;
	--shine-bg-subtle: #17191c;
	--shine-bg: #0e1917;
	--shine-bg-subtle: #0e231c;
	--shine-fg: #fff;
	--shine-highlight: #0fdb80;
	--shine-highlight-subtle: #03b565
}

.loading-indicator {
	text-align: center
}

.preloader {
	position: fixed;
	z-index: 10;
	height: 100vh;
	width: 100%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: transparent;
	z-index: 99999
}

.preloader svg {
	position: absolute;
	top: 0;
	width: 100vw;
	height: 110vh;
	fill: var(--bs-body-bg)
}

.preloader .preloader-heading .load-text {
	font-size: 33px;
	font-weight: 700;
	letter-spacing: 6px;
	display: flex
}

.preloader .preloader-heading .load-text span {
	-webkit-animation: loading 1s infinite alternate;
	animation: loading 1s infinite alternate;
	color: var(--primary-color)
}

.preloader .preloader-heading .load-text span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.preloader .preloader-heading .load-text span:nth-child(2) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.preloader .preloader-heading .load-text span:nth-child(3) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.preloader .preloader-heading .load-text span:nth-child(4) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.preloader .preloader-heading .load-text span:nth-child(5) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.preloader .preloader-heading .load-text span:nth-child(6) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.preloader .preloader-heading .load-text span:nth-child(7) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.preloader .preloader-heading .load-text span:nth-child(8) {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

@-webkit-keyframes loading {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes loading {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.dj-loader-container {
	position: fixed;
	align-items: center;
	justify-content: center;
	-webkit-box-reflect: below 0 linear-gradient(transparent,transparent,rgba(0,0,0,.333));
	z-index: 1000;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000000bd;
	display: none;
	--b-width: 10px
}

.fast-loading .dj-loader-container {
	display: flex
}

.dj-loader {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	animation: animate 2s linear infinite
}

.dj-loader1:before,.dj-loader2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to top,transparent,rgba(0,255,249,.4));
	background-size: 100px 180px;
	background-repeat: no-repeat;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px
}

.dj-loader2,.dj-loader4 {
	animation-delay: -1s;
	filter: hue-rotate(290deg)
}

.dj-loader i {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	width: var(--b-width);
	height: var(--b-width);
	background: #00fff9;
	border-radius: 50%;
	z-index: 100;
	box-shadow: 0 0 10px #00fff9,0 0 var(--b-width) #00fff9,0 0 30px #00fff9,0 0 40px #00fff9,0 0 50px #00fff9,0 0 60px #00fff9,0 0 70px #00fff9,0 0 80px #00fff9,0 0 90px #00fff9,0 0 100px #00fff9
}

.dj-loader span {
	position: absolute;
	inset: var(--b-width);
	background: #000;
	border-radius: 50%;
	z-index: 1
}

@keyframes animate {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.fast-mask {
	position: fixed;
	z-index: 1000;
	background-image: linear-gradient(180deg,#00000080,#00000080);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--primary-color)
}

.fast-mask:after {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	background: 0;
	animation: ldld-default .5s ease-in-out infinite;
	border-radius: 50%;
	margin: 0;
	box-sizing: border-box;
	border: 6px solid var(--primary-color);
	border-color: currentColor rgba(0,0,0,0) currentColor rgba(0,0,0,0)
}

@keyframes ldld-default {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@property --gradient-angle-offset {
	syntax: "<angle>"; initial-value: 0deg; inherits: false;
}

@property --gradient-percent {
	syntax: "<percentage>"; initial-value: 5%; inherits: false;
}

@property --gradient-shine {
	syntax: "<color>"; initial-value: white; inherits: false;
}

.shine {
	--animation: gradient-angle linear infinite;
	--duration: 3s;
	--shadow-size: 2px;
	border-radius: .5em;
	border: 2px solid transparent;
	cursor: pointer;
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 500;
	isolation: isolate;
	line-height: 1;
	outline-offset: 4px;
	overflow: hidden;
	padding: .6em 1.2em;
	position: relative;
	background: linear-gradient(var(--shine-bg),var(--shine-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shine-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shine-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;
	box-shadow: inset 0 0 0 1px var(--shine-bg-subtle);
	color: #00ff68
}

.shine:before,.shine:after,.shine span:before {
	content: "";
	pointer-events: none;
	position: absolute;
	inset-inline-start: 50%;
	inset-block-start: 50%;
	translate: -50% -50%;
	z-index: -1
}

.shine:active {
	translate: 0 1px
}

div.shine {
	cursor: default;
	pointer-events: none;
	--shine-fg: #0fdb80;
	white-space: nowrap;
	font-size: 1em
}

.shine:after {
	--animation: shimmer linear infinite;
	width: 100%;
	aspect-ratio: 1;
	background: linear-gradient(-50deg,transparent,var(--shine-highlight),transparent);
	-webkit-mask-image: radial-gradient(circle at bottom,transparent 40%,black);
	mask-image: radial-gradient(circle at bottom,transparent 40%,black);
	opacity: .2
}

.shine span {
	z-index: 1
}

.shine span:before {
	--size: calc(100% + 1rem);
	width: var(--size);
	height: var(--size);
	box-shadow: inset 0 -1ex 2rem 4px var(--shine-highlight);
	opacity: 0
}

.shine {
	--transition: .8s cubic-bezier(.25, 1, .5, 1);
	transition: var(--transition);
	transition-property: --gradient-angle-offset,--gradient-percent,--gradient-shine
}

.shine,.shine:before,.shine:after {
	animation: var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;
	animation-composition: add
}

.shine span:before {
	transition: opacity var(--transition);
	animation: calc(var(--duration) * 1.5) breathe linear infinite
}

.shine:is(:hover,:focus-visible) {
	--gradient-percent: 20%;
	--gradient-angle-offset: 95deg;
	--gradient-shine: var(--shine-highlight-subtle)
}

.shine:is(:hover,:focus-visible),.shine:is(:hover,:focus-visible):before,.shine:is(:hover,:focus-visible):after {
	animation-play-state: running
}

.shine:is(:hover,:focus-visible) span:before {
	opacity: 1
}

@keyframes rotate-gradient {
	to {
		--gradient-angle: 360deg
	}
}

@keyframes gradient-angle {
	to {
		--gradient-angle: 360deg
	}
}

@keyframes shimmer {
	to {
		rotate: 360deg
	}
}

@keyframes breathe {
	0%,to {
		scale: 1
	}

	50% {
		scale: 1.2
	}
}

:root {
	--bs-body-bg: #111214;
	--grey-500: #26272A;
	--grey-600: #373737;
	--sidebar-background: var(--grey-500);
	--header-background: var(--grey-600);
	--card-bg: var(--grey-500);
	--header-height: 60px;
	--menu-width: 283px;
	--primary-color: hsl(144deg 69.11% 51.76%);
	--swiper-pagination-color: var(--primary-color);
	--bulma-success-h: 144deg;
	--bulma-success-s: 69.11%;
	--bulma-success-l: 51.76%;
	--gray-400: #d1d1d1;
	--p: 2rem;
	--body-color: #F8F8F8;
	--bulma-link-text: var(--primary-color);
	--bulma-link: var(--primary-color);
	--bulma-shadow: rgba(255, 255, 255, .1) 0px 1px 0px 0px, rgba(255, 255, 255, .02) 0px 0px 0px 1px
}

html,body,a {
	color: var(--body-color)
}

.input {
	--bulma-input-focus-h: 144deg;
	--bulma-input-focus-s: 69.11%;
	--bulma-input-focus-l: 51.76%
}

.link {
	--factor: 1;
	--shadow-alpha: .01;
	--blur-opacity: 0;
	text-shadow: 0 .25em calc(var(--factor) * 1em) hsla(var(--brand-hsl),var(--shadow-alpha))
}

.link:hover {
	--shadow-alpha: 1;
	--blur-opacity: .5;
	color: var(--primary-color)
}

::-webkit-scrollbar {
	width: 2px;
	height: 2px
}

::-webkit-scrollbar-track {
	background-color: var(--gray-500);
	border-radius: 10px
}

::-webkit-scrollbar-thumb {
	background-color: var(--gray-400);
	border-radius: 10px
}

.is-small-radius {
	border-radius: .75rem;
	overflow: hidden
}

.shadow-0 {
	box-shadow: none
}

.is-border-0 {
	border: none!important
}

.border-1 {
	border: 1px solid #3d3d3d
}

.border-b-1 {
	border-bottom: 1px solid #3d3d3d
}

.box {
	--bulma-box-background-color: #252628
}

.has-background-purple-dark {
	background-color: #261e44
}

.has-text-purple {
	color: #6236ff
}

.has-background-pink-dark {
	background-color: #271a2b
}

.has-text-pink {
	color: #b620e0
}

.text-underline {
	text-decoration: line-through
}

.is-border-box {
	box-sizing: border-box!important
}

.is-256x256 {
	width: 256px;
	height: 256px
}

.is-clearfix:after {
	content: "";
	display: table;
	clear: both
}

.is-top-lt {
	position: absolute;
	top: .75rem;
	left: .75rem;
	z-index: 10
}

.is-top-rt {
	position: absolute;
	top: .75rem;
	right: .75rem;
	z-index: 10
}

.html-drop {
	width: 1rem;
	height: 1rem;
	border-radius: 1rem;
	background-color: hsl(var(--bulma-button-h),var(--bulma-button-s),var(--bulma-button-color-l))
}

.media-content {
	overflow-x: visible
}

.button.is-success.is-dark {
	--bulma-dark-l: 10%
}

.button.is-success.is-dark[disabled] {
	color: #000
}

#form-resetpwd .send-code {
	display: none
}

#form-resetpwd .type-email .send-code.send-email,#form-resetpwd .type-mobile .send-code.send-mobile {
	display: block
}

.btn-collection.is-active .icon-shoucang {
	color: #4caf50
}

.rank {
	background-color: #a1a1a1;
	border-radius: .75rem 0;
	color: #1c1c1c;
	height: 1.5625rem;
	left: 0;
	line-height: 1.5625rem;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.5625rem
}

.rank.rank-1 {
	background-color: #f73131;
	color: #fff
}

.rank.rank-2 {
	background-color: #ff8c1a;
	color: #fff
}

.rank.rank-3 {
	background-color: #ffbf00;
	color: #fff
}

.is-sticky {
	position: sticky;
	top: 0;
	z-index: 10
}

.is-sticky.is-top-header {
	top: calc(var(--header-height) + 1rem)
}

.follow-cell:hover {
	background-color: #1e212769;
	border-radius: .75rem
}

.block-title {
	padding-left: 1rem;
	position: relative
}

.block-title:before {
	content: "";
	display: block;
	height: 90%;
	width: .5rem;
	background-color: var(--primary-color);
	position: absolute;
	left: 0;
	border-radius: 5px;
	box-shadow: 4px 1px 9px #00ff3e91;
	top: 10%
}

.vip-btn .button {
	cursor: pointer;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAkCAMAAABBj89wAAAAXVBMVEX/27EAAAD/4az/4az/4Kz+4q9kUz5lVEJzZFBiUz7kwZ1mXEX95MXRsY5lVUC+pYSli25jUz5nVkGylXlkUz2Se1+bg2jgx6iMeF3cxKh+bFL657yRfmanj2zIrozSxRFxAAAAH3RSTlMUAA8ZBQsbEgUiFwkbGhYfKSsOIyc2MB47JCYjHhMsZekV9AAAApBJREFUSMeFlAl2gzAMRI2xAxiymEAoWXr/Y1YSi4hMxZgXUto3H31wTYZx1vwbm2FKTF3XbVsUxeVyOp2qqrLOucxlcPDZrdemIMAbNR77VwD3dx/v1LTtBPBNrhPcBKhFPwygpjydimmCptEBVggiPV1nnR74u0tLAHdE8KIf7z++DwBtBYCiNPQgDiQF8QCwvzoa4ESAGgCHkkKwBGhbfgAxeOc8LDrm5fga9iOgmABeJYQQfA3hB4CCsIa75fpUOMAC0CUFjBDUWWihzHctUwkASNL6z+cPCOL+GKxXc+kEACVpACBs36Cn8Xqgnx4BA1CS1n+9FpsBzMEA1ToAA1hS2k+AN/efod96az1z8GcMXfvEFdACgCVpA1zv8xsaQRABaC3xm2W7uBgiAI+g9t9vywDNVCha+Xu1GWALcEyQgqj/9p76r2a96918IgCWAWAncywQlAFut4reoMbq6TYDzACWpPY/HjjAYPT+99cADNiRFDCzoDv29zHG+0F/iJsBGMCStAH6/luQgSXzxP5qGYABLEnr//lBQWZZC8PwQkFrPwOkJPkGEaAHwG8DJVQqzkuEoLpkgJAU9gboG6PnGXmPUT8DWJIiaMz1/rMYoGSAkCS22CzocTQA9+MADEglhd0BjvrFFmCAlPSfoMbkuZkt5fSdz7uCGCAkUb8EPJqcg70yYgswIJWU771BL2jV1l1sAQJkBEglpQOAoFxPsgUYkEoaQiLolVYeC8p2ASBuHASgP+q/yiesAbJyGEX/LwMSVXSt2xW0C8Df+HH8AjxeWDJMR94kR36DfrEFsH8fgIgwDlvAa77tgT83AUQiSANg6nGkfgKgICA0+EH3O40xfyDvKf5HUD3lD8O5VPHL5gN/AAAAAElFTkSuQmCC);border-color: #f3d49b;
	color: #eecc91
}

.divider {
	margin: 1rem 0;
	border-bottom: 1px solid #393939
}

.is-hide {
	display: none
}

.is-hide.is-active {
	display: block
}

.is-vips-bg {
	background: linear-gradient(90deg,#865d2b,#952328);
	color: #fff
}

.is-vips-bg:hover {
	box-shadow: 0 0 10px #be000080
}

.is-zhizuoren-bg {
	background: linear-gradient(90deg,#244c88,#2564c4)
}

.is-zhizuoren-bg:hover {
	box-shadow: 0 0 10px #004cbe80
}

.is-danqu-bg {
	background: linear-gradient(90deg,#a15110,#df6b0c)
}

.is-danqu-bg:hover {
	box-shadow: 0 0 10px #ff730080
}

.is-taoqu-bg {
	background: linear-gradient(90deg,#189b76,#16cf9a)
}

.is-taoqu-bg:hover {
	box-shadow: 0 0 10px #00bcd480
}

.is-mianfei-bg {
	background: linear-gradient(90deg,#42598c,#4764a5)
}

.is-mianfei-bg:hover {
	box-shadow: 0 0 10px #00bcd480
}

.is-yinyueren-bg {
	background: linear-gradient(90deg,#9c27b0,#e91e63)
}

.is-yinyueren-bg:hover {
	box-shadow: 0 0 10px #ff730080
}

.card {
	--bulma-card-background-color: var(--grey-500)
}

.breadcrumb {
	--bulma-breadcrumb-item-color: #c1c1c1;
	--bulma-breadcrumb-item-hover-color: var(--bulma-link-text)
}

.is-buy {
	background: linear-gradient(90deg,#3b7400,#006222);
	color: #fff;
	padding: .5rem 2rem
}

.is-buy:hover {
	box-shadow: 0 0 10px #00be1980
}

.index-menu .column a {
	border-radius: 8px;
	transition: all .3s ease-in-out
}

.index-menu .column a:hover {
	transform: translateY(-5px)
}

.modal {
	--bulma-modal-card-body-background-color: hsl(221deg 15.37% 14.46%)
}

.modal-card-head {
	--bulma-modal-card-head-background-color: hsl(221deg 15.37% 14.46%)
}

.download-modal .btn-download svg {
	width: 20px;
	height: 20px
}

.download-modal .list .list-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative
}

.download-modal .list .list-item .list-item-content {
	width: 100%;
	flex: 1
}

.download-modal .list .list-item .list-item-content .pan {
	display: flex
}

.download-modal .list .list-item .list-item-content .pan .link {
	width: 90%
}

.download-modal .list .list-item .list-item-content .pan input {
	background: #101010;
	display: block;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-clip: padding-box;
	border: 1px solid #1a1a1a;
	border-radius: 3px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.download-modal .list .list-item .list-item-content .pan .password {
	width: 100px;
	margin-left: 10px
}

.download-modal .list .list-item .list-item-icon {
	min-width: 40px;
	max-width: 40px;
	height: 40px;
	margin-top: 8px;
	margin-bottom: 8px;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}

.download-modal .list .list-item .list-item-icon svg {
	width: 30px;
	height: 30px
}

.download-modal .list .list-item .btns {
	margin-left: 5px
}

/* 下载加载动画 */
.download-loading-spinner {
	width: 40px;
	height: 40px;
	border: 3px solid rgba(255, 255, 255, 0.1);
	border-top-color: var(--primary-color, #00ff0a);
	border-radius: 50%;
	animation: download-spin 0.8s linear infinite;
}

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

/* 确保下载成功弹窗可见 */
#download-submit {
	position: relative;
	z-index: 1000;
	margin-top: 1rem;
	margin-bottom: 1rem;
	/* 确保弹窗不会因为布局变化而移动位置 */
	transform: none !important;
	transition: opacity 0.2s ease-in;
}

#download-submit.is-active {
	display: block !important;
}

.sidebar {
	--bulma-menu-item-h: 225;
	--bulma-menu-item-s: 5%;
	--bulma-menu-item-background-l: 15.69%;
	--bulma-menu-item-background-l-delta: 0%;
	--bulma-menu-list-link-padding: .6em .75em;
	background-color: var(--sidebar-background);
	z-index: 11;
	position: fixed;
	height: 100vh;
	width: var(--menu-width);
	top: 0;
	left: 0;
	bottom: 0;
	padding: 1em .8em;
	overflow-x: hidden;
	overflow-y: scroll;
	transition: .3s all ease-in-out
}

.sidebar .menu-list a.is-active {
	--bulma-menu-item-h: 144deg;
	--bulma-menu-item-s: 69.11%;
	--bulma-menu-item-l: 51.76%;
	--bulma-menu-item-background-l: 14%;
	--bulma-menu-item-color-l: var(--bulma-menu-item-selected-color-l);
	border: 1px solid var(--primary-color)
}

.sidebar .menu-list a.menu-link {
	display: flex;
	align-items: center;
	position: relative
}

.sidebar .menu-list a.menu-link .is-right {
	position: absolute;
	right: .8rem
}

.sidebar .menu-list a.menu-link:hover {
	color: var(--primary-color)!important
}

.wrapper {
	margin-left: calc(var(--menu-width));
	z-index: 10
}

.wrapper .main-header {
	--bulma-scheme-main: var(--header-background);
	position: fixed;
	top: 0;
	left: calc(var(--menu-width));
	right: 0;
	z-index: 20;
	transition: .3s all ease-in-out
}

.wrapper .main-header .navbar-search {
	--bulma-control-radius: .5rem;
	--bulma-navbar-burger-color: #fff;
	display: flex;
	align-items: center;
	margin-left: 1rem
}

.wrapper .main-header .navbar-search .input {
	--bulma-input-h: 0deg;
	--bulma-input-s: 0%;
	--bulma-input-border-l: 35.69%;
	--bulma-input-border-l-delta: 0%;
	--bulma-input-radius: .5rem;
	--bulma-input-focus-h: 144deg;
	--bulma-input-focus-s: 69.11%;
	--bulma-input-focus-l: 30.76%
}

.wrapper .main-header .navbar-search .button.is-static {
	background-color: #5b5b5b;
	border-color: #5b5b5b;
	color: #f8f8f8;
	pointer-events: all
}

.wrapper .main-header .navbar-search .button.is-static:hover {
	color: var(--primary-color)
}

.wrapper .main-header .navbar-end .navbar-item {
	gap: 0
}

.wrapper .main-header .navbar-end .navbar-item .navbar-dropdown .navbar-item {
	--bulma-navbar-dropdown-item-h: 204deg;
	--bulma-navbar-dropdown-item-s: 0%;
	--bulma-navbar-dropdown-item-background-l: 20%
}

.wrapper .main-header .navbar-end .navbar-item .iconfont {
	font-size: 18px
}

.wrapper .main-header .navbar-end .navbar-item .text {
	font-size: 12px
}

.wrapper .main-header .navbar-end .navbar-item:hover {
	color: var(--primary-color)
}

.wrapper .content-wrapper {
	margin-top: var(--header-height);
	padding: var(--p);
	min-height: 63vh
}

.userMobile {
	--bulma-menu-item-h: 225;
	--bulma-menu-item-s: 5%;
	--bulma-menu-item-background-l: 15.69%;
	--bulma-menu-item-background-l-delta: 0%;
	--bulma-menu-list-link-padding: .6em .75em;
	background-color: var(--sidebar-background);
	z-index: 999;
	position: fixed;
	height: 100vh;
	width: var(--menu-width);
	padding: 1em .8em;
	overflow-x: hidden;
	overflow-y: scroll
}

.sidebar-hide .sidebar {
	transform: translate(-100%)
}

.sidebar-hide .wrapper {
	margin-left: 0
}

.sidebar-hide .wrapper .main-header {
	left: 0
}

.upload-btn:hover {
	cursor: pointer
}

.footer-logo {
	width: 20rem
}

.fx-footer {
	content-visibility: auto;
	contain-intrinsic-size: 1px 1000px;
	background: #171a1e;
	position: relative;
	margin-top: auto;
	flex-shrink: 0;
	width: 100%;
	z-index: 1;
}

/* 固定页脚在底部，防止内容变化时上移 */
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.content-wrapper {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* 音乐列表容器固定最小高度，防止内容变化时影响页脚位置 */
#update-music {
	min-height: 400px;
	position: relative;
}

.fx-footer .footer-copyright {
	padding: 1rem 0;
	background-color: #000
}

.fx-footer ul {
	list-style: disc outside;
	margin-inline-start: 2em
}

.fx-footer ul li {
	margin-bottom: .5rem
}

.fx-footer ul li::marker {
	color: var(--primary-color)
}

.hover-bg {
	--background-color: #181b20;
	padding: .5rem;
	overflow: hidden;
	border-radius: 8px
}

.hover-bg:hover {
	cursor: pointer;
	background-color: var(--background-color, #181b20)
}

.swiper-index-full {
	position: relative;
	aspect-ratio: 3/1;
	overflow: hidden;
	--swiper-pagination-bullet-inactive-color: var(--gray-400)
}

.swiper-index-full .swiper-wrapper {
	display: flex;
	height: 100%
}

.swiper-index-full .swiper-slide {
	text-align: center;
	font-size: 18px;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	background: var(--card-bg);
	box-shadow: #00000080 0 8px 16px -2px,#0000000d 0 0 0 1px;
	flex-shrink: 0;
	height: 100%
}

.swiper-index-full .swiper-slide .swiper-carousel-animate-opacity {
	height: 100%
}

.swiper-index-full .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(0.97);
	transform-origin: center center
}

.swiper-index-full .swiper-button-white {
	width: 3rem;
	height: 3rem;
	background: #00000045;
	border-radius: 2rem;
	--swiper-navigation-size: 1.5rem;
	font-weight: 700;
	color: #fff
}

.swiper-index-full .swiper-pagination-bullet-active {
	width: 13px;
	border-radius: 10px
}

.swiper-index-hot {
	position: relative;
	overflow: hidden
}

.swiper-index-hot .swiper-wrapper {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%
}

.swiper-index-hot .swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-index-hot .swiper-wrapper .swiper-slide,
.swiper-index-hot .swiper-wrapper .column {
	flex-shrink: 0
}

.swiper-index-hot .swiper-wrapper .swiper-slide:hover .website-subtitle {
	color: var(--primary-color)
}

.swiper-container {
	position: relative
}

.swiper-container .nextPrevButton {
	--swiper-navigation-size: 20px;
	--theme-color: #ffffff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none
}

.swiper-container .nextPrevButton .swiper-button-next {
	background: #0000005e;
	padding: 20px;
	border-radius: 30px;
	color: var(--theme-color);
	right: -100px;
	opacity: 0;
	transition: all .3s ease-in-out;
	top: 38%;
	pointer-events: auto
}

.swiper-container .nextPrevButton .swiper-button-prev {
	background: #0000005e;
	padding: 20px;
	border-radius: 30px;
	color: var(--theme-color);
	left: -100px;
	opacity: 0;
	top: 38%;
	transition: all .3s ease-in-out;
	pointer-events: auto
}

.swiper-container.swiper-hover .swiper-button-next,.swiper-container.swiper-hover .swiper-button-prev {
	opacity: 1
}

.swiper-container.swiper-hover .swiper-button-next {
	right: .9rem
}

.swiper-container.swiper-hover .swiper-button-prev {
	left: .9rem
}

.hot-list-item {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: var(--grey-500);
	border-radius: .75rem;
	cursor: pointer;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: .5rem .75rem;
	position: relative;
	transition: all .3s ease-in-out
}

.hot-list-item.hot-card-1 {
	background-image: linear-gradient(180deg,#ffccdb33,#ffccdb00 50%)
}

.hot-list-item.hot-card-2 {
	background-image: linear-gradient(180deg,#ffbf801f,#ffbf8000 50%)
}

.hot-list-item.hot-card-3 {
	background-image: linear-gradient(180deg,#fff28014,#fff28000 50%)
}

.hot-list-item .avatar {
	margin-top: 1rem
}

.hot-list-item .avatar img {
	border: 2px solid #fff;
	height: 64px;
	background-color: #3d3d3d
}

.hot-list-item .desc {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-flex: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: 15px;
	width: 100%;
	text-align: center
}

.hot-list-item .desc .intro {
	font-size: 12px;
	color: #848691;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.hot-list-item .desc .value {
	color: #848691
}

.hot-list-item:hover {
	transform: scale(.95)
}

.presale-item .media-left img {
	width: 11.5rem;
	height: 11.5rem
}

.presale-item .progress-btn {
	margin-top: .5rem;
	cursor: pointer;
	position: relative;
	border: 1px solid var(--primary-color);
	font-size: 15px;
	border-radius: 50px;
	color: #848691;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: .4em 0
}

.presale-item .progress-btn .value {
	position: absolute;
	--bulma-menu-item-h: 144deg;
	--bulma-menu-item-s: 69.11%;
	--bulma-menu-item-background-l: 16%;
	--bulma-menu-item-background-l-delta: 0%;
	background-color: hsl(var(--bulma-menu-item-h),var(--bulma-menu-item-s),calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta)));
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.presale-item .progress-btn .btn-text {
	position: relative;
	z-index: 1
}

.presale-item .progress-btn .btn-text .title {
	color: var(--primary-color)
}

.presale-item .progress-btn:hover {
	box-shadow: 0 0 10px #00ff0a59!important
}

.presale-item:hover .title {
	color: var(--primary-color)
}

.music-item {
	border: 1px solid transparent
}

.music-item .title-link {
	color: var(--body-color)
}

.music-item .music-button {
	background: transparent;
	border-color: transparent
}

.music-item:hover,.music-item.is-playing {
	border: 1px solid var(--primary-color);
	box-shadow: 0 0 10px #00ff0a59!important
}

.is-playing .play-circle {
	opacity: 1!important
}

.hot-item a:hover {
	color: var(--primary-color)
}

.hot-item .link {
	color: var(--bulma-text)
}

.links.is-small {
	font-size: .8rem
}

.num {
	font-size: 1.2rem;
	font-weight: 600;
	color: #69748c!important;
	padding: 1rem
}

.num.num-1 {
	color: hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l))!important
}

.num.num-2 {
	color: hsl(var(--bulma-warning-h),var(--bulma-warning-s),var(--bulma-warning-l))!important
}

.num.num-3 {
	color: hsl(var(--bulma-info-h),var(--bulma-info-s),var(--bulma-info-l))!important
}

.filter-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
	overflow: hidden
}

.filter-item .type-item {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.filter-item .type-item .type-tip {
	font-size: 1rem;
	font-weight: 600
}

.filter-item .type-item .showSwiper {
	width: auto;
	overflow: hidden;
	flex: 1
}

.filter-item .type-item .showSwiper .item-list {
	display: inline-block
}

.filter-item .type-item .showSwiper .item-list .item {
	padding: 0 .3rem;
	width: auto;
	margin-bottom: .6rem;
	float: left
}

.pagination {
	justify-content: center
}

.pagination .pagination-link.is-current,.pagination .pagination-link.is-selected,.pagination .pagination-link:hover {
	--bulma-pagination-item-h: var(--bulma-success-h);
	--bulma-pagination-item-s: var(--bulma-success-s);
	--bulma-pagination-item-l: var(-bulma-success-l);
	--bulma-pagination-item-background-l: var(--bulma-success-l)
}

.collapse .js-sublist-link.is-open .icon.is-right {
	transform: rotate(90deg)
}

.collapse .js-sublist-link.is-clicked .icon {
	transition-duration: var(--bulma-duration);
	transition-property: transform
}

.collapse .collapse-sublist {
	margin: 0 0 0 1.5rem;
	font-weight: var(--bulma-weight-normal);
	max-height: 0;
	overflow: hidden;
	padding-left: calc(var(--total) - var(--offset));
	transition-duration: var(--bulma-duration);
	transition-property: max-height
}

.collapse .collapse-sublist.is-open {
	max-height: calc(var(--sublist-size) * 1.75rem)
}

/* 套曲包分类列表：当分类太多时，设置最大高度并启用滚动 */
.collapse > a[data-size="7"] + .collapse-sublist.is-open,
.collapse:has(> a[data-size="7"]) .collapse-sublist.is-open {
	max-height: 400px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* 单曲包分类列表：当分类太多时，设置最大高度并启用滚动 */
.collapse > a[data-size="15"] + .collapse-sublist.is-open,
.collapse:has(> a[data-size="15"]) .collapse-sublist.is-open {
	max-height: 400px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

/* 制作人ID分类列表：显示所有分类，不限制高度，不显示滚动条 */
.collapse > a[data-size="20"] + .collapse-sublist.is-open,
.collapse:has(> a[data-size="20"]) .collapse-sublist.is-open {
	max-height: none !important;
	overflow-y: visible !important;
	overflow-x: hidden !important;
}

.empty {
	padding: 1rem;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center
}

.empty .iconfont {
	font-size: 6rem;
	color: #313131
}

.empty .empty-title {
	font-size: .9rem;
	color: #313131
}

.play-circle {
	position: absolute;
	cursor: pointer;
	transition: all .3s ease-in-out;
	opacity: 0
}

.play-circle .iconfont {
	font-size: 2rem;
	color: var(--primary-color)
}

.image:hover .play-circle {
	opacity: 1
}

.play.image {
	display: flex;
	align-items: center;
	justify-content: center
}

.login-card {
	width: 38rem;
	margin: auto
}

.hero .hero-tabs ul {
	border-bottom: var(--bulma-tabs-border-bottom-width) var(--bulma-tabs-border-bottom-style) var(--bulma-tabs-border-bottom-color)
}

.vip-hero {
	color: #f5e688;
	text-align: center;
	--bulma-text-strong: #F5E688
}

.vip-hero .icon-text {
	margin: 0 1rem
}

.bg-container {
	position: relative;
	margin-top: calc(-1 * var(--p));
	margin-left: calc(-1 * var(--p));
	margin-right: calc(-1 * var(--p))
}

.vip-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 500px;
	background-image: linear-gradient(#00000080,#00000080),url(https://static.qiantucdn.com/static/images/personalPrice/bg.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat
}

.rights-row {
	display: flex;
	justify-content: center;
	align-items: center
}

.rights {
	text-align: left;
	width: 50%
}

.rights li {
	list-style: none;
	padding: .5rem 0
}

.rights li:last-child {
	border-bottom: none
}

.rights i {
	color: var(--primary-color);
	margin-right: .5rem
}

.vip-list .card {
	--bulma-card-radius: 1.75rem;
	--bulma-card-background-color: #26272a;
	border: 1px solid #3d3d3d;
	position: relative;
	overflow: hidden
}

.vip-list .card .hero {
	height: 29rem
}

.vip-list .card .card-footer {
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 1rem .5rem
}

.vip-list .card .card-footer .check {
	position: absolute;
	right: 0;
	width: 35px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	display: none
}

.vip-list .card .card-footer .check:after {
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 0;
	border-left: 80px solid transparent;
	border-top: 80px solid transparent;
	border-right: 80px solid var(--primary-color);
	z-index: 1
}

.vip-list .card .card-footer .check i {
	position: relative;
	z-index: 2;
	color: #fff;
	font-size: 2rem
}

.vip-list .card.is-active,.vip-list .card:hover {
	cursor: pointer;
	border: 1px solid var(--primary-color);
	--bulma-card-shadow: 0 0 28px 0 rgba(0, 255, 10, .3) !important
}

.vip-list .card.is-active .vip-price,.vip-list .card:hover .vip-price {
	color: var(--primary-color)
}

.vip-list .card.is-active .card-footer .check,.vip-list .card:hover .card-footer .check {
	display: flex
}

.vip-paytype .box {
	border: 2px solid transparent
}

.vip-paytype .box.is-active {
	cursor: pointer;
	border: 2px solid var(--primary-color);
	box-shadow: 0 0 28px #00ff0a4d!important
}

.login-bg {
	background: linear-gradient(#000000a3,#000) center/cover no-repeat,var(--bg) center/cover no-repeat;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 59%;
	bottom: 0
}

.audio-info {
	color: #ababab;
	font-size: .9rem;
	align-items: center;
	white-space: nowrap;
	margin: .8rem 0 1rem
}

.audio-info .info-name-box:nth-of-type(n+2) {
	margin-left: .8rem;
	padding-left: .8rem;
	border-left: .1rem solid #4b4b4b
}

.artist-item {
	margin-bottom: 2rem
}

.artist-item figure {
	transition: .3s all ease-in-out
}

.artist-item figure:hover {
	transform: scale(1.05)
}

.artist-item:hover .title {
	color: var(--primary-color)
}

.user-info {
	align-items: center;
	display: flex;
	margin-top: .5rem;
	margin-bottom: 1rem
}

.user-info .info-item {
	align-items: center;
	display: flex
}

.user-info .info-item .key {
	color: #fff9;
	margin-right: 6px;
	font-size: 14px;
	line-height: 22px;
	text-shadow: 1px 0 black
}

.user-info .info-item .value {
	color: #ffffffe6;
	font-size: 16px;
	line-height: 24px;
	text-shadow: 1px 0 black
}

.user-info .info-item:after {
	content: "";
	width: 0;
	height: 16px;
	border-left: 1px solid #f2f2f4;
	margin: 0 16px
}

.user-info .info-item:last-child:after {
	display: none
}

.special-image {
	position: relative
}

.special-image img {
	position: relative;
	z-index: 1;
	background-color: #3b3b3b
}

.special-image:after {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% - 40px);
	background: #676767;
	right: -10px;
	top: 20px;
	border-radius: .75rem
}

.special-image:before {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% - 80px);
	background: #3b3b3b;
	right: -20px;
	top: 40px;
	border-radius: .75rem
}

.cover-box img {
	max-height: 23rem
}

.flipclock {
	background-color: #0b3c1f;
	padding: .75rem;
	border-radius: .75rem;
	width: 30rem;
	margin-bottom: 1rem
}

.flipclock>div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.flipclock>div span {
	width: 5rem;
	text-align: center
}

.flipclock>div span p {
	font-size: 1.8rem;
	color: var(--primary-color);
	font-weight: 700
}

.flipclock>div span b {
	font-size: 1rem
}

.flipclock>div .line {
	width: 1px;
	background: #2fd97329;
	padding-top: 9%
}

.user-menu {
	padding-bottom: 1.5rem
}

.user-menu .user-menu-item a {
	display: flex;
	align-items: center;
	position: relative;
	padding: .6em .75em .6em 15%
}

.user-menu .user-menu-item a .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	margin-right: .5rem
}

.user-menu .user-menu-item a .icon .iconfont {
	font-size: 1.1em;
	line-height: 1
}

.user-menu .user-menu-item a span:not(.icon) {
	flex: 1
}

.user-menu .user-menu-item a.is-active,.user-menu .user-menu-item a:hover {
	background-color: #0b3c1f;
	color: var(--primary-color)
}

.user-menu .user-menu-item a.is-active:after,.user-menu .user-menu-item a:hover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background-color: var(--primary-color)
}

.player-bottom__popup-share {
	font-family: PingFangSC-Regular;
	font-size: 12px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	padding: 24px;
	display: flex;
	align-items: center;
	position: relative
}

.player-bottom__popup-share .popup-share__left {
	display: flex;
	flex-wrap: wrap;
	width: 208px;
	margin-top: -16px
}

.player-bottom__popup-share .popup-share__left .share-item {
	margin-top: 13px;
	margin-right: 26px;
	display: flex;
	align-items: center;
	cursor: pointer;
	flex-direction: column;
	width: 46px;
	position: relative
}

.player-bottom__popup-share .popup-share__right {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center
}

.share-popover-content {
	display: block;
	max-width: 600px;
	font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	white-space: normal;
	word-spacing: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	background-color: #0f0f0f;
	background-clip: padding-box;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: .5rem;
	z-index: 99
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip-arrow:before,.tooltip-arrow:after {
	position: absolute;
	display: block;
	content: "";
	border-color: transparent;
	border-style: solid;
	border-width: 0
}

.tooltip-arrow:before {
	z-index: -1
}

.tooltip-arrow:after {
	z-index: -2
}[data-popper-placement^=top]>.tooltip-arrow {
	bottom: -4px;
	border-width: 5px 5px 0;
	border-top-color: #333
}[data-popper-placement^=top]>.tooltip-arrow:before {
	bottom: 1px;
	border-width: 5px 5px 0;
	border-top-color: #0000001a
}[data-popper-placement^=right]>.tooltip-arrow {
	left: -4px;
	border-width: 5px 5px 5px 0;
	border-right-color: #333
}[data-popper-placement^=right]>.tooltip-arrow:before {
	left: 1px;
	border-width: 5px 5px 5px 0;
	border-right-color: #0000001a
}[data-popper-placement^=bottom]>.tooltip-arrow {
	top: -4px;
	border-width: 0 5px 5px;
	border-bottom-color: #333
}[data-popper-placement^=bottom]>.tooltip-arrow:before {
	top: 1px;
	border-width: 0 5px 5px;
	border-bottom-color: #0000001a
}[data-popper-placement^=left]>.tooltip-arrow {
	right: -4px;
	border-width: 5px 0 5px 5px;
	border-left-color: #333
}[data-popper-placement^=left]>.tooltip-arrow:before {
	right: 1px;
	border-width: 5px 0 5px 5px;
	border-left-color: #0000001a
}

a.box:active,a.box:focus,a.box.is-active {
	box-shadow: var(--bulma-box-link-hover-shadow)
}

.recharge-list .is-active p {
	color: var(--primary-color)
}

.row-paytype .radio {
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: .5rem;
	border-radius: .5rem
}

.row-paytype .radio .pay-icon {
	padding: .5rem;
	width: 8.6rem
}

.calendar-title,.calendar-header {
	background: var(--primary-color);
	color: #fff
}

.calendar-header th {
	padding: 10px;
	text-align: center
}

.calendar-title th {
	font-size: 14px;
	font-weight: 700;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400
}

.calendar-title th span,.calendar-title th a {
	margin: 0 5px;
	color: #fff
}

.calendar {
	color: #444;
	width: 100%;
	table-layout: fixed;
	--bs-pills-bg: #212121;
	--item-bg: #191919;
	--item-border: #212121;
	--item-hover-bg: #181818
}

.calendar tbody tr td {
	text-align: center;
	vertical-align: middle;
	width: 14.28%;
	height: 60px;
	line-height: 30px
}

.calendar tbody tr td.pad {
	background: #ffffff1a
}

.calendar tbody tr td.day {
	background: var(--item-bg);
	border: 1px solid var(--item-border);
	color: var(--gray-400)
}

.calendar tbody tr td.day:hover {
	background: var(--item-hover-bg)
}

.calendar tbody tr td.day div:first-child {
	display: block;
	width: 30px;
	margin: 0 auto;
	cursor: pointer
}

.calendar tbody tr td.signed {
	border: .1249999999rem solid #2fd973!important;
	position: relative
}

.calendar tbody tr td.signed div:first-child {
	color: #fff;
	border-radius: 7px
}

.calendar tbody tr td.signed:after {
	content: "✔";
	position: absolute;
	right: 0;
	transform: translate(-30%,-2%);
	bottom: 0;
	color: #fff
}

.calendar tbody tr td.today {
	background: var(--primary-color)
}

.is-drawer-open {
	overflow: hidden
}

.ov-a-100vh {
	overflow: auto;
	height: 100vh
}

.ov-auto-90vh {
	overflow: auto;
	height: 90vh
}

.single-card .table {
	--bulma-table-cell-background-color: #252628
}

.textarea-none {
	display: none
}

.is-disabled {
	cursor: not-allowed;
	opacity: .5;
	pointer-events: none
}

a.dropdown-item.is-active,a.dropdown-item.is-selected,button.dropdown-item.is-active,button.dropdown-item.is-selected {
	--bulma-dropdown-item-h: var(--bulma-success-h);
	--bulma-dropdown-item-s: var(--bulma-success-s);
	--bulma-dropdown-item-l: var(--bulma-success-l);
	--bulma-dropdown-item-background-l: 14%;
	--bulma-dropdown-item-color-l: var(--bulma-dropdown-item-selected-color-l)
}

.upload-form {
	display: none
}

.container-drag {
	align-self: center;
	border-image-slice: 1;
	border-image-source: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAABBgAAAE6CAYAAAC8veHzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LjE0NjI4OTk3NzcsIDIwMjMvMDYvMjUtMjM6NTc6MTQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MTBFNDc4MDE4RTQxMUYwODhDMUUzOUMxRUVFMjdBRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MTBFNDc4MTE4RTQxMUYwODhDMUUzOUMxRUVFMjdBRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkxMEU0NzdFMThFNDExRjA4OEMxRTM5QzFFRUUyN0FGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkxMEU0NzdGMThFNDExRjA4OEMxRTM5QzFFRUUyN0FGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nd/doQAACitJREFUeNrs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);border-image-width: 1px;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	height: 314px;
	justify-content: center;
	text-align: center;
	width: 100%;
	-webkit-user-select: none;
	user-select: none
}

.container-drag:hover {
	background: #292d37
}

.container-drag .drag-info {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.container-drag .drag-info .drag-icon {
	font-size: 40px;
	margin-bottom: 10px
}

.container-drag .drag-info .drag-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px
}

.container-drag .drag-info .drag-sub-title {
	font-size: 14px
}

.start-upload .upload-row {
	display: none
}

.start-upload .upload-form,.start-upload .upload-progress {
	display: block
}

.playlist-tip,.upload-progress {
	display: none
}

.progress-upload .playlist {
	pointer-events: none
}

.progress-upload .playlist .playlist-tip {
	display: block
}

.progress-upload .downlist {
	pointer-events: none
}

.progress-upload .downlist .playlist-tip,.progress-upload .upload-progress {
	display: block
}

.author-table {
	--bulma-table-cell-border-color: transparent!important
}

.author-table th:not([align]) {
	font-size: 14px
}

.empty-row {
	display: table-row
}

.control .selectpicker {
	position: absolute!important;
	bottom: 0;
	left: 50%;
	display: block!important;
	width: .5px!important;
	height: 100%!important;
	padding: 0!important;
	opacity: 0!important;
	border: none;
	z-index: 0!important
}

.select .dropdown-menu {
	background-color: var(--sidebar-background);
	width: 100%;
	box-shadow: var(--bulma-box-shadow);
	max-height: 500px;
	overflow: auto
}

.preview img {
	object-fit: cover
}

.aod-empty {
	padding-bottom: 3rem
}

.is-length #add-playlist {
	pointer-events: none;
	background: #f1f1f1
}

.is-length #add-playlist:hover {
	cursor: not-allowed
}

.is-length #add-playlist span,.is-length #add-playlist i {
	color: #999
}

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	height: 100%;
	background-color: #00000080;
	overflow: auto
}

.drawer {
	position: absolute;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	box-shadow: 0 16px 48px 16px #00000014,0 12px 32px #0000001f,0 8px 16px -8px #00000029;
	overflow: hidden;
	background-color: var(--sidebar-background);
	width: 30%;
	transition: all .3s
}

.drawer.is-right {
	right: 0;
	transform: translate(100%);
	height: 100%;
	top: 0;
	bottom: 0
}

.drawer.is-right.is-active {
	transform: translate(0)
}

.drawer .drawer-body {
	padding: 1rem
}

.drawer .drawer-header {
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media print,screen and (max-width: 769px) {
	:root {
		--p: 1rem;
		--bulma-column-gap: .5rem
	}

	.swiper-index-full .swiper-button-white {
		width: 2rem;
		height: 2rem;
		--swiper-navigation-size: 1rem;
		background: #00000042;
		color: #fff
	}

	.main-header .navbar .brand-mobile {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px .6rem;
		position: relative
	}

	.presale-item .title.is-4 {
		--bulma-title-weight: 500;
		font-size: 1rem
	}

	.presale-item .is-size-4 {
		font-size: 1rem!important
	}

	.presale-item .progress-btn {
		width: 100%;
		padding: .1em 0
	}

	.presale-item .media-left img {
		width: 6.5rem;
		height: 6.5rem
	}

	.wrapper {
		margin-right: calc(-1 * var(--menu-width));
		transition: .3s all ease-in-out
	}

	.wrapper .content-wrapper {
		width: 100%
	}

	.sidebar-hide .wrapper {
		margin-right: 0
	}

	.artist-item {
		margin-bottom: 2rem
	}

	.artist-item figure.image.is-128x128 {
		width: 80px;
		height: 80px
	}

	.singer-box .media-left .image.is-128x128 {
		width: 80px;
		height: 80px
	}

	.singer-box .user-info {
		align-items: center;
		justify-content: space-around
	}

	.singer-box .user-info .info-item {
		flex-direction: column
	}

	.singer-box .user-info .info-item:after {
		display: none
	}

	.breadcrumb {
		width: 100%
	}

	.breadcrumb ul {
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: calc(100% - 2rem)
	}

	.cover-box {
		width: 20rem;
		box-shadow: 0 0 26px #0000007a;
		margin: 5rem auto
	}

	.cover-box img {
		border-radius: .75rem
	}

	.music-bg {
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		width: 100%;
		background: var(--bg);
		padding-top: 90%;
		filter: blur(45px);
		z-index: -1
	}

	.flipclock {
		width: 100%
	}

	.user-menu {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: repeat(3,1fr);
		gap: 1rem;
		padding: 1rem
	}

	.user-menu .user-menu-item a {
		flex-direction: column
	}

	.user-menu .user-menu-item a.is-active,.user-menu .user-menu-item a:hover {
		background-color: transparent
	}

	.user-menu .user-menu-item a.is-active:after,.user-menu .user-menu-item a:hover:after {
		left: auto!important;
		bottom: 0!important;
		width: 25%;
		height: 2px;
		top: auto
	}

	.rights {
		width: auto
	}

	.rights li {
		padding: .1rem 0
	}

	.vip-list .card .hero {
		height: auto
	}
}

@font-face {
	font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal
}

:root {
	--swiper-theme-color: #007aff
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-horizontal {
	touch-action: pan-y
}

.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d {
	perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
	transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

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

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

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

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

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

.swiper-button-prev svg,.swiper-button-next svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
	transform: rotate(180deg)
}

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

.swiper-button-lock {
	display: none
}

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

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

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

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

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
	display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none!important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
	right: var(--swiper-pagination-right, 8px);
	left: var(--swiper-pagination-left, auto);
	top: 50%;
	transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translate(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size, 4px);
	left: 0;
	top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
	width: var(--swiper-pagination-progressbar-size, 4px);
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	position: relative;
	touch-action: none;
	background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset, 1%);
	bottom: var(--swiper-scrollbar-bottom, 4px);
	top: var(--swiper-scrollbar-top, auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size, 4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical {
	position: absolute;
	left: var(--swiper-scrollbar-left, auto);
	right: var(--swiper-scrollbar-right, 4px);
	top: var(--swiper-scrollbar-sides-offset, 1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size, 4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
	border-radius: var(--swiper-scrollbar-border-radius, 10px);
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper.swiper-cube {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper.swiper-flip {
	overflow: visible
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform,opacity,height
}

.swiper.swiper-cards {
	overflow: visible
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}