.info-nav{
	display: flex;
	gap: 16px;
	margin-bottom: 16px
}
.info-card{
	position: relative;
	flex: 1;
	min-height: 160px;
	border: 1px solid #2b2f36 !important;
	border-radius: 10px !important;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	cursor: pointer
}
.info-card: hover{
	border-color: #3a3f46 !important
}
.info-card: focus, .info-card: focus-visible{
	outline: none !important;
	box-shadow: none !important
}
.info-card: : before{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.30)
}
.info-card span{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: 600
}
.info-section.hidden{
	display: none
}
.info-container{
	background: #1c1f24;
	border: 1px solid #0e1216;
	border-radius: 10px;
	padding: 0;
	margin: 16px 0;
	overflow: hidden
}
.info-container h2{
	margin: 0;
	padding: 10px 14px;
	background: #000000;
	border-bottom: 1px solid #1c2026;
	letter-spacing: normal;
	text-transform: none;
	text-align: left;
	color: #ffffff;
	font-weight: 700
}
.info-container h2: : before{
	content: none
}
.info-table,.commands-table,.vip-table{
	width: 100%;
	border-collapse: collapse
}
.info-table td,.commands-table td,.vip-table td,.vip-table th{
	padding: 10px 14px;
	border-bottom: 1px solid rgba(255,255,255,.06);
	color: #cfe0f3
}
.info-table td: first-child,.commands-table td: first-child{
	color: #e6edf3
}
.info-table td: last-child,.commands-table td: last-child{
	text-align: right
}
.info-table tr: hover td,.commands-table tr: hover td{
	background: #1b1e23
}
.info-table tr: last-child td,.commands-table tr: last-child td,.vip-table tr: last-child td{
	border-bottom: none
}
.text-success{
	color: #19c37d;
	font-weight: 700
}
.info-section[data-section="information"] .info-table tr: hover{
	background: #1b1e23
}
.info-section[data-section="information"] .info-table td{
	border-bottom: 1px solid rgba(255,255,255,.06)
}
.info-section[data-section="information"] .info-table td: first-child{
	color: #dfe6ee
}
.info-section[data-section="information"] .info-table td: last-child{
	color: #cfd8e2
}
.page{
	--tw-ring-color: transparent !important;
	--tw-ring-offset-shadow: 0 0 #0000 !important;
	--tw-ring-shadow: 0 0 #0000 !important
}
.page, .page *{
	box-shadow: none !important;
	outline: none !important;
	border-image: none !important;
	text-shadow: none !important
}
.page a: focus, .page button: focus, .page [tabindex]: focus{
	outline: none !important;
	box-shadow: none !important
}
.vip-compare{
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #1c2026
}
.vip-compare .row-label{
	text-align: left;
	color: #e6edf3;
	width: 36%
}
.vip-compare thead th{
	font-weight: 700;color: #ffffff;
	border-bottom: none
}
.vip-compare thead .row-label{
	background: #0b0d11
}
.vip-compare thead .col-free{
	background: #3a3e46
}
.vip-compare thead .col-vip{
	background: #b38a2c;
	color: #0b0d11
}
.vip-compare tbody td{
	border-bottom: 1px solid rgba(255,255,255,.06);
	padding: 12px 14px
}
.vip-compare tbody tr: last-child td{
	border-bottom: none
}
.vip-compare tbody .col-free{
	background: rgba(255,255,255,.02)
}
.vip-compare tbody .col-vip{
	background: linear-gradient(180deg,#2e2517 0%,#1c180f 100%);
	border-left: 1px solid rgba(255,223,128,.22)
}
.vip-compare tbody tr: hover .row-label{
	background: #14171c
}
.vip-compare tbody tr: hover .col-free{
	background: #161a20
}
.vip-compare tbody tr: hover .col-vip{
	background: linear-gradient(180deg,#3a2f1f 0%,#231e13 100%)
}
.cm-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	padding: 16px
}
@media (max-width: 900px){
	.cm-grid{
		grid-template-columns: 1fr
	}
}
.cm-card{
	background: #0f1115;
	border: 1px solid #1c2026;
	border-radius: 12px;
	overflow: hidden
}
.cm-title{
	margin: 0;
	padding: 16px 18px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: #22c55e;
	background: #0b0d11;
	border-bottom: 1px solid #1c2026;
	font-weight: 800
}
.cm-table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0
}
.cm-table thead th{
	background: #191c22;
	color: #cfe0f3;
	font-weight: 700;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255,255,255,.08);
	border-right: 1px solid rgba(255,255,255,.06)
}
.cm-table thead th: first-child{
	text-align: left
}
.cm-table thead th: last-child{
	border-right: none
}
.cm-table tbody td{
	background: #0f1115;
	color: #cfe0f3;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255,255,255,.06);
	border-right: 1px solid rgba(255,255,255,.06)
}
.cm-table tbody td: first-child{
	color: #e6edf3;
	font-weight: 600;
	text-align: left
}
.cm-table tbody td: last-child{
	border-right: none
}
.cm-table tbody tr: last-child td{
	border-bottom: none
}
.cm-table tbody tr: hover td{
	background: #161a20
}
.cm-note{
	padding: 12px 14px;
	color: #9fb3c8;
	background: #0f1115;
	border-top: 1px dashed rgba(255,255,255,.08);
	font-size: 13px
}