.eniv-navbar-wrapper {
	position: relative;
	z-index: 100;
	padding: 14px 0;
	background: var(--color-surface);
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 20px;
}
.eniv-navbar-wrapper *, .eniv-navbar-wrapper *::before, .eniv-navbar-wrapper *::after {
	box-sizing: border-box;
}
.eniv-navbar-wrapper .eniv-navbar {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 52px;
}
.eniv-navbar-wrapper a {
	text-decoration: none;
}
.eniv-navbar-wrapper button, .eniv-navbar-wrapper input {
	font: inherit;
}
.eniv-navbar-wrapper button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: none;
	color: inherit;
	cursor: pointer;
}
.eniv-navbar-wrapper svg {
	display: block;
	flex-shrink: 0;
}
.eniv-navbar-wrapper a:focus-visible, .eniv-navbar-wrapper button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
}
.eniv-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 66px;
	height: 37px;
}
.eniv-brand img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.eniv-navbar-wrapper nav {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}
.eniv-navbar-wrapper nav > a, .eniv-more > button {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 52px;
	padding: 16px;
	color: var(--color-text-muted);
	white-space: nowrap;
	transition: color 0.2s;
}
.eniv-navbar-wrapper nav > a:hover, .eniv-navbar-wrapper nav > a[aria-current="page"], .eniv-more > button:hover, .eniv-more > button[aria-expanded="true"], .eniv-more > button[aria-current="page"] {
	color: var(--color-primary);
}
.eniv-navbar-wrapper nav > a[aria-current="page"]::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 2px;
	border-radius: 10px;
	background: var(--color-primary);
	box-shadow: 0 0 12px var(--color-f53003-alpha-0-8);
	content: "";
	transform: translateX(-50%);
}
.eniv-more {
	position: relative;
}
.eniv-more > button svg {
	transition: transform 0.2s;
}
.eniv-more > button[aria-expanded="true"] svg {
	transform: rotate(180deg);
}
.eniv-more > div {
	position: absolute;
	top: calc(100% + 24px);
	left: 50%;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	width: 660px;
	padding: 24px;
	border-radius: 22px;
	background: var(--color-surface);
	box-shadow: 0 24px 60px -10px var(--color-black-alpha-0-5);
	transform: translateX(-50%);
}
.eniv-more > div[hidden] {
	display: none;
}
.eniv-more > div::before {
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 24px;
	content: "";
}
.eniv-more > div > a {
	display: flex;
	align-items: center;
	gap: 14px;
	width: calc(50% - 8px);
	min-height: 90px;
	padding: 16px;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: var(--color-surface-raised);
	transition: border-color 0.2s, background 0.2s;
}
.eniv-more > div > a:hover, .eniv-more > div > a[aria-current="page"] {
	border-color: var(--color-primary-alpha-0-35);
	background: var(--color-201b27);
}
.eniv-more img {
	display: block;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	object-fit: contain;
}
.eniv-more a > div {
	flex: 1;
	min-width: 0;
}
.eniv-more strong {
	display: block;
	margin: 0 0 4px;
	color: var(--color-white);
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
}
.eniv-more small {
	display: block;
	color: var(--color-text-muted);
	font-size: 12px;
	line-height: 17px;
}
.eniv-more a > svg {
	opacity: 0.7;
}
.eniv-navbar-wrapper .eniv-nav-search button {
	outline: none;
	box-shadow: none;
	flex-shrink: 0;
	padding: 0;
}
.eniv-navbar-wrapper input {
	width: 100%;
	min-width: 0;
	height: auto;
	padding: 12px 0;
	border: 0;
	border-radius: 0;
	background: var(--color-transparent);
	color: var(--color-white);
	font-size: 13px;
	line-height: 18px;
	outline: none;
	box-shadow: none;
}
.eniv-navbar-wrapper input::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}
.eniv-login {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	color: var(--color-primary);
}
.eniv-login span {
	padding: 10px 20px;
	border-radius: 12px;
	background: var(--color-primary-alpha-0-1);
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	transition: background 0.2s;
	color: var(--color-primary);
}
.eniv-login:hover {
	color: var(--color-primary);
}
.eniv-login:hover span {
	background: var(--color-primary-alpha-0-18);
}
.eniv-login img {
	display: block;
	width: 75px;
	height: 50px;
	margin-left: -15px;
	object-fit: cover;
}
.eniv-account {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}
.eniv-account > a:first-child {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 8px 10px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	color: var(--color-white);
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}
.eniv-account span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: var(--color-surface-raised);
}
.eniv-account > a:last-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 16px;
	font-weight: 800;
}
.eniv-content {
	padding: 32px 0;
	min-height: 478px;
}
.eniv-mb {
	margin-bottom: 30px;
}
.eniv-banner {
	overflow: hidden;
	border-radius: 16px;
}
.eniv-banner a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 16px;
}
.eniv-banner img {
	display: block;
	width: 100%;
	aspect-ratio: 1006 / 400;
	object-fit: cover;
}
.eniv-banner a::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, var(--color-primary-alpha-0-6), var(--color-030108-alpha-0));
	content: "";
	pointer-events: none;
}
.eniv-flash {
	position: relative;
	padding-top: 100px;
}
.eniv-flash *, .eniv-flash *::before, .eniv-flash *::after {
	box-sizing: border-box;
}
.eniv-flash > img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 167px;
	height: 111px;
	object-fit: contain;
	pointer-events: none;
}
.eniv-flash::before, .eniv-flash::after {
	position: absolute;
	top: 62px;
	z-index: 2;
	width: 115.73px;
	height: 204.23px;
	background: url("/assets/images/flash-sale-thunder.gif") center / contain no-repeat;
	content: "";
	pointer-events: none;
}
.eniv-flash::before {
	left: 2px;
	transform: rotate(16deg);
}
.eniv-flash::after {
	right: 2px;
	transform: rotate(-16deg);
}
.eniv-flash-panel {
	position: relative;
	padding: 30px;
	border-radius: 20px;
	background: var(--color-surface);
}
.eniv-flash-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
}
.eniv-flash-heading h2 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	color: var(--color-white);
	font-size: 22px;
	font-weight: 900;
	line-height: 33px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.eniv-flash-heading h2 img {
	display: block;
	width: 35px;
	height: 35px;
	object-fit: contain;
}
.eniv-flash-countdown {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	color: var(--color-white);
}
.eniv-flash-countdown strong {
	margin-right: 2px;
	font-size: 14px;
	font-weight: 900;
	line-height: 21px;
}
.eniv-flash-countdown span {
	display: block;
	min-width: 36px;
	padding: 6px 10px;
	border-radius: 8px;
	background: var(--color-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.eniv-flash-countdown b {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}
.eniv-flash-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	overflow: hidden;
	padding: 10px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-background);
	color: var(--color-white);
	text-decoration: none;
	isolation: isolate;
}
.eniv-flash-card::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: url("/assets/images/flash-sale-card-bg.png") center / cover no-repeat;
	opacity: 0.25;
	content: "";
	pointer-events: none;
}
.eniv-flash-card::after {
	content: none;
}
.eniv-flash-card > div {
	position: relative;
	z-index: 1;
}
.eniv-flash-card:hover {
	color: var(--color-white);
	text-decoration: none;
}
.eniv-flash-card > div:first-child {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px;
}
.eniv-flash .eniv-flash-card > div:first-child > img {
	display: block;
	flex-shrink: 0;
	width: 48px;
	height: 64px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	object-fit: cover;
	box-shadow: 0 2px 10px var(--color-surface-alpha-0-5);
}
.eniv-flash-card > div:first-child > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
	min-height: 64px;
}
.eniv-flash-card h3 {
	overflow: hidden;
	margin: 0 0 4px;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 700;
	line-height: 16px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
.eniv-flash-card p {
	overflow: hidden;
	margin: 0 0 8px;
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eniv-flash-price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: auto;
}
.eniv-flash-price strong {
	color: var(--color-primary);
	font-size: 17px;
	font-weight: 900;
	line-height: 17px;
	white-space: nowrap;
}
.eniv-flash-price del {
	color: var(--color-primary-alpha-0-6);
	font-size: 11px;
	font-weight: 700;
	line-height: 11px;
	white-space: nowrap;
}
.eniv-flash-stock {
	position: relative;
	padding-left: 13px;
}
.eniv-flash-stock span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	padding: 2px 12px;
	border: 1px solid var(--color-2b2a24);
	border-radius: 100px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 13px;
	font-weight: 600;
	line-height: 16px;
}
.eniv-flash .eniv-flash-stock img {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 35px;
	height: 35px;
	object-fit: contain;
	pointer-events: none;
}
.eniv-games-category {
	display: flex;
	align-items: center;
	gap: 20px;
	overflow-x: auto;
	padding: 10px;
	border-radius: 100px;
	background: var(--color-surface);
}
.eniv-games-category button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 7px 12px 7px 7px;
	border: 2px solid var(--color-transparent);
	border-radius: 100px;
	background: var(--color-transparent);
	color: var(--color-text-muted);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.eniv-games-category-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color-border);
	transition: background 0.2s;
}
.eniv-games-category-icon img {
	display: block;
	width: auto;
	height: 24px;
	filter: brightness(0) invert(1);
}
.eniv-games-category button:hover {
	color: var(--color-primary);
}
.eniv-games-category button[aria-pressed="true"] {
	border-color: var(--color-5f3f70);
	background: var(--color-3a2545);
	color: var(--color-primary);
}
.eniv-games-category button[aria-pressed="true"] .eniv-games-category-icon {
	background: var(--color-primary);
}
.eniv-games-category button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}
.eniv-games-area-category {
	margin-bottom: 20px;
	padding-left: 16px;
	border-left: 3px solid var(--color-primary);
}
.eniv-games-area-category p {
	margin: 0 0 2px;
	color: var(--color-primary);
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.eniv-games-area-category > div {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--color-white);
	font-size: 18px;
	font-weight: 700;
	line-height: 33px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.eniv-games-area-category-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 30px;
	height: 30px;
}
.eniv-games-area-category-icon img {
	display: block;
	width: auto;
	max-width: 30px;
	height: 24px;
	object-fit: contain;
}
.eniv-games-card {
	flex: 0 0 calc((100% - 120px) / 6);
	min-width: 0;
}
.eniv-games-item {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 212 / 283;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: var(--color-surface);
	color: var(--color-white);
	font-family: inherit;
	text-decoration: none;
	cursor: pointer;
	isolation: isolate;
}
.eniv-games-item > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.eniv-games-item > div {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	padding: 20px 10px;
	background: linear-gradient(to bottom, var(--color-transparent), var(--color-black-alpha-0-8));
	opacity: 0;
	transition: opacity 0.25s;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	pointer-events: none;
}
.eniv-games-item > div > img {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 130px;
	max-width: calc(100% - 40px);
	height: auto;
	max-height: 80px;
	object-fit: contain;
	transform: translate(-50%, -50%);
}
.eniv-games-item h6 {
	margin: 0 0 2px;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.eniv-games-item span {
	color: var(--color-white);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	text-align: center;
}
.eniv-games-item > div::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 57%;
	height: 4px;
	border-radius: 100px 100px 0 0;
	background: var(--color-primary);
	content: "";
	transform: translateX(-50%);
}
.eniv-games-item:hover > div, .eniv-games-item:focus-visible > div {
	opacity: 1;
}
.eniv-games-item:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}
.eniv-games-load-more {
	display: block;
	margin: 20px auto 0;
	padding: 6px 12px;
	border: 0;
	border-radius: 100px;
	background: var(--color-transparent);
	color: var(--color-primary);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
}
.eniv-games-load-more:hover {
	background: var(--color-primary-alpha-0-1);
}
.eniv-games-area[hidden], .eniv-games-card[hidden], .eniv-games-load-more[hidden] {
	display: none;
}
.eniv-home-review-header {
	display: flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 32px;
}
.eniv-home-review-header > img {
	display: block;
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	object-fit: contain;
}
.eniv-home-review-header p {
	margin: 0 0 6px;
	color: var(--color-primary);
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.eniv-home-review-header h1 {
	margin: 0;
	color: var(--color-white);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.eniv-home-review-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 12px;
}
.eniv-home-review-item {
	box-sizing: border-box;
	flex: 0 0 calc((100% - 24px) / 3);
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: var(--color-surface);
}
.eniv-home-review-item > div:first-child {
	display: flex;
	align-items: center;
	gap: 4px;
}
.eniv-home-review-item svg {
	display: block;
	flex-shrink: 0;
}
.eniv-home-review-item-content {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
}
.eniv-home-review-item-content-start {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
	min-width: 0;
}
.eniv-home-review-item-content-start > img {
	display: block;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	object-fit: cover;
}
.eniv-home-review-item-content-start > div {
	flex: 1;
	min-width: 0;
}
.eniv-home-review-item-content-start h1 {
	overflow: hidden;
	margin: 0 0 6px;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eniv-home-review-item-content-start span {
	display: block;
	overflow: hidden;
	color: var(--color-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eniv-home-review-item-content-end {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	flex-shrink: 0;
	max-width: 40%;
}
.eniv-home-review-item-content-end > span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 8px;
	border: 1px solid var(--color-22c55e-alpha-0-2);
	border-radius: 100px;
	background: var(--color-22c55e-alpha-0-1);
	color: var(--color-05df72);
	font-size: 9px;
	font-weight: 400;
	line-height: 13.5px;
	white-space: nowrap;
}
.eniv-home-review-item-content-end-date {
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	text-align: right;
}
.eniv-home-review-item > p {
	margin: 12px 0 0;
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 22px;
	overflow-wrap: anywhere;
}
.eniv-home-review-item > p:empty {
	display: none;
}
.eniv-home-review-wrapper + a {
	display: block;
	margin: 32px auto 0;
	width: fit-content;
}
.eniv-trusted {
	padding-top: 112px;
	overflow: hidden;
	border-radius: 0 0 20px 20px;
}
.eniv-trusted *, .eniv-trusted *::before, .eniv-trusted *::after {
	box-sizing: border-box;
}
.eniv-trusted-panel {
	position: relative;
	display: flex;
	justify-content: flex-end;
	padding: 32px;
	border-radius: 20px;
	background: var(--color-surface);
	isolation: isolate;
}
.eniv-trusted-panel::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: url("/assets/images/trusted/background.png") center / cover no-repeat;
	opacity: 0.05;
	content: "";
	pointer-events: none;
}
.eniv-trusted-panel > img {
	position: absolute;
	bottom: 0;
	left: -7px;
	display: block;
	width: 35.85%;
	height: auto;
	pointer-events: none;
}
.eniv-trusted-content {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 61.3%;
	min-width: 0;
}
.eniv-trusted-content > div:first-child > span {
	display: block;
	margin-bottom: 2px;
	color: var(--color-primary);
	font-size: 10px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.eniv-trusted-content h2 {
	margin: 0;
	color: var(--color-white);
	font-size: 20px;
	font-weight: 800;
	line-height: 30px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
.eniv-trusted-content > p {
	margin: 0;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 400;
	line-height: 21.13px;
}
.eniv-trusted-features {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.eniv-trusted-features > div {
	display: flex;
	align-items: center;
	gap: 22px;
	width: calc(50% - 8px);
	padding: 16px 0 16px 6px;
	border-radius: 12px;
	background: var(--color-surface-alpha-0-5);
}
.eniv-trusted-features > div > img {
	display: block;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	object-fit: contain;
}
.eniv-trusted-features > div > div {
	flex: 1;
	min-width: 0;
}
.eniv-trusted-features h3 {
	margin: 0;
	color: var(--color-primary);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.4px;
}
.eniv-trusted-features p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
}
.eniv-footer-wrapper {
	margin-top: 50px;
	color: var(--color-white);
}
.eniv-footer-wrapper *, .eniv-footer-wrapper *::before, .eniv-footer-wrapper *::after {
	box-sizing: border-box;
}
.eniv-footer-wrapper a {
	color: inherit;
	text-decoration: none;
}
.eniv-footer-wrapper img {
	display: block;
	flex-shrink: 0;
}
.eniv-footer {
	padding: 40px 0 30px;
	background: var(--color-0f0a15);
}
.eniv-footer > .container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 50px;
}
.eniv-footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 433px;
	max-width: 32%;
}
.eniv-footer-brand img {
	width: 143px;
	height: 80px;
	object-fit: contain;
}
.eniv-footer-brand p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}
.eniv-footer-links {
	display: flex;
	align-items: flex-start;
	gap: 50px;
}
.eniv-footer-links h3 {
	margin: 0 0 16px;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.eniv-footer-links ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.eniv-footer-links li {
	margin: 0;
	padding: 0;
}
.eniv-footer-links li a {
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	white-space: nowrap;
}
.eniv-footer-links a:hover {
	color: var(--color-primary);
}
.eniv-footer-social li a {
	gap: 12px;
	padding: 8px 14px;
	border: 1px solid var(--color-border);
	border-radius: 100px;
	font-weight: 500;
}
.eniv-footer-social img {
	object-fit: contain;
}
.eniv-footer-help {
	width: 306px;
}
.eniv-footer-help > a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 13px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-primary-alpha-0-1);
	font-size: 14px;
	line-height: 22px;
}
.eniv-footer-help > a > img:last-child {
	margin-left: auto;
}
.eniv-footer-help > div {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 20px;
}
.eniv-footer-help p, .eniv-footer-help > div > a {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 400;
	line-height: 19.5px;
}
.eniv-footer-bottom {
	padding: 30px 0;
	background: var(--color-primary);
	color: var(--color-background);
}
.eniv-footer-bottom > .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.eniv-footer-bottom p {
	flex-shrink: 0;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}
.eniv-footer-payment {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}
.eniv-footer-payment > span {
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	white-space: nowrap;
}
.eniv-footer-payment > div {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}
.eniv-footer-payment img {
	height: 24px;
	border-radius: 7px;
	object-fit: contain;
}
.eniv-page-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}
.eniv-page-header > span {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}
.eniv-page-header > span::before, .eniv-page-header > span::after {
	width: 25px;
	height: 1px;
	background: linear-gradient(to right, var(--color-transparent), var(--color-primary));
	content: "";
}
.eniv-page-header > span::after {
	transform: rotate(180deg);
}
.eniv-page-header h1 {
	margin: 0;
	color: var(--color-white);
	font-size: 38px;
	font-weight: 700;
	line-height: 0.95;
	letter-spacing: -1.44px;
	text-transform: uppercase;
}
.eniv-page-header h1 span {
	color: var(--color-primary);
}
.eniv-page-header p {
	margin: 0;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
.eniv-check-orders {
	padding-top: 110px;
}
.eniv-check-orders *, .eniv-check-orders *::before, .eniv-check-orders *::after {
	box-sizing: border-box;
}
.eniv-check-orders > div {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 240px;
	padding: 20px 400px 20px 20px;
	border-radius: 20px;
	background: var(--color-surface);
	isolation: isolate;
}
.eniv-check-orders > div::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: url("/assets/images/check-orders-bg.png") center bottom / 100% 145.833333% no-repeat;
	opacity: 1;
	content: "";
	pointer-events: none;
}
.eniv-check-orders form {
	width: 100%;
	min-width: 0;
	margin: 0;
}
.eniv-check-orders form > div {
	display: flex;
	align-items: stretch;
	gap: 12px;
}
.eniv-check-orders label {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
	min-width: 0;
	margin: 0;
	padding: 0 16px;
	border-radius: 16px;
	background: var(--color-surface-raised);
	color: var(--color-text-muted);
}
.eniv-check-orders svg {
	display: block;
	flex-shrink: 0;
}
.eniv-check-orders input {
	display: block;
	width: 100%;
	min-width: 0;
	padding: 18px 0;
	border: 0;
	outline: none;
	background: var(--color-transparent);
	color: var(--color-white);
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	box-shadow: none;
}
.eniv-check-orders input::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}
.eniv-check-orders button {
	flex-shrink: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 16px;
	background: var(--color-primary);
	color: var(--color-background);
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	cursor: pointer;
}
.eniv-check-orders form > p {
	margin: 16px 0 0;
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}
.eniv-check-orders form > p > span {
	color: var(--color-white);
}
.eniv-check-orders > div > img {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 350px;
	height: 350px;
	object-fit: contain;
	object-position: center bottom;
	pointer-events: none;
}
.eniv-games-banner {
	height: 352px;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 80px;
}
.eniv-games-info {
	position: relative;
	border-radius: 30px;
	background: var(--color-surface-alpha-0-3);
	backdrop-filter: blur(15px);
	padding: 30px 50px;
	display: flex;
	align-items: end;
	gap: 36px;
	margin-top: 220px;
	margin-bottom: 40px;
}
.eniv-games-image {

}
.eniv-games-image img {
	width: 165px;
	height: 220px;
	transform: rotate(-9deg);
	align-items: center;
	aspect-ratio: 3/4;
	border-radius: 16px;
	margin-top: -120px;
}
.eniv-games-detail {

}
.eniv-games-detail h1 {
	font-size: 28px;
	font-weight: 600;
	color: var(--color-white);
}
.eniv-games-detail p {
	font-size: 15px;
	color: var(--color-white);
	font-weight: 500;
}
.eniv-games-detail ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 20px;
	color: var(--color-text-muted);
}
.eniv-games-detail ul li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 500;
}
.eniv-games-detail ul li img {
	height: 18px;
}
.eniv-games-row {
	flex-wrap: wrap;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
}
.eniv-games-row > .eniv-games-col {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.eniv-games-row > .eniv-games-col:first-child {
	flex: 2 1 0;
	gap: 24px;
}
.eniv-games-row > .eniv-games-col:last-child {
	position: sticky;
	top: 24px;
	flex: 1 1 0;
	gap: 24px;
}
.eniv-games-card-header {
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 14px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.eniv-games-card-header-icon {
    flex-shrink: 0;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	border: 1px solid var(--color-primary-alpha-0-2);
	background: var(--color-surface);
}
.eniv-games-card-header-icon svg {

}
.eniv-games-card-header h2 {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-white);
	margin-bottom: 4px;
}
.eniv-games-card-header p {
	margin: 0;
	font-size: 13px;
}
.eniv-product-category {
	list-style: none;
	padding: 0;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
}
.eniv-product-category::-webkit-scrollbar {
	display: none;
}
.eniv-product-category li {
	border-radius: 10px;
	border: 1px solid var(--color-border);
	background: var(--color-surface-raised);
	padding: 6px 12px 6px 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
}
.eniv-product-category li.active {
	border-color: var(--color-de7dfd94);
	background: var(--color-de7dfd24);
	color: var(--color-primary);
}
.eniv-product-category li img {
	height: 20px;
}
.eniv-product-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 10px;
}
.eniv-product {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: calc((100% - 20px) / 3);
	min-width: 0;
	min-height: 100px;
	padding: 14px;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: var(--color-surface-raised);
	box-sizing: border-box;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.eniv-product::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: url("/assets/images/product-card-bg.png") 50% 31.18% / 124.77% 211.67% no-repeat;
	opacity: 0.04;
	content: "";
	pointer-events: none;
}
.eniv-product:hover, .eniv-product.active {
	border-color: var(--color-de7dfd94);
	box-shadow: 0 0 8px 1px var(--color-c084fc-alpha-0-35);
	background-color: var(--color-de7dfd24);
}
.eniv-product > h2 {
	margin: 0;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	overflow-wrap: anywhere;
}
.eniv-product-icon-price {
	display: flex;
	align-items: center;
	gap: 6px;
}
.eniv-product-icon-price > img {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
	flex-shrink: 0;
}
.eniv-product-icon-price > h3 {
	margin: 0;
	color: var(--color-f6af00);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}
.eniv-product:has(> .eniv-games-ribbon) > h2 {
	padding-right: 52px;
}
.eniv-games-ribbon {
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: 2;
	width: 86px;
	height: 86px;
	pointer-events: none;
}
.eniv-games-ribbon > span:first-child, .eniv-games-ribbon > span:last-child {
	position: absolute;
	z-index: -1;
	display: block;
	width: 5px;
	height: 5px;
	background: var(--color-713b85);
}
.eniv-games-ribbon > span:first-child {
	top: 0;
	left: 0;
	clip-path: polygon(0 100%, 100% 0, 100% 100%);
}
.eniv-games-ribbon > span:last-child {
	right: 0;
	bottom: 0;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.eniv-games-ribbon > span:nth-child(2) {
	position: absolute;
	top: 26px;
	left: -9px;
	display: block;
	width: 114px;
	padding: 5px 18px;
	background: var(--color-primary);
	color: var(--color-background);
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	clip-path: polygon(26px 0, calc(100% - 26px) 0, 100% 100%, 0 100%);
	transform: rotate(45deg);
}
.eniv-product-footer {
	display: flex;
	justify-content: end;
    margin-top: auto;
}
.eniv-target-row {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.eniv-target-col {
	width: calc((100% - 16px) / 2);
}
.eniv-image-target-btn {
	background: none !important;
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	margin-left: auto;
}
.eniv-image-target-btn i {
	color: var(--color-text-muted);
	font-size: 18px;
}
.eniv-target-info {
	font-size: 12px;
	color: var(--color-text-muted);
	margin-top: 8px;
	margin-bottom: 0;
	line-height: 22px;
}
.eniv-method-wrapper {

}
.eniv-method-category {
	margin-bottom: 10px;
}
.eniv-method-category h2 {
	margin: 0;
	font-size: 14px;
}
.eniv-method-list {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}
.eniv-method {
	border-radius: 16px;
	border: 1px solid var(--color-border);
	background: var(--color-surface-raised);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	flex: 0 0 calc(50% - 7px);
	max-width: calc(50% - 7px);
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.eniv-method:hover, .eniv-method.active {
	border-color: var(--color-de7dfd94);
	box-shadow: 0 0 8px 1px var(--color-c084fc-alpha-0-35);
	background-color: var(--color-de7dfd24);
}
.eniv-method:only-child {
	flex-basis: 100%;
	max-width: 100%;
}
.eniv-method img {
	display: block;
	box-sizing: border-box;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	object-fit: cover;
	overflow: hidden;
    flex-shrink: 0;
}
.eniv-method h1 {
	font-size: 14px;
	margin: 0;
	font-weight: 600;
}
.eniv-method h2 {
	font-size: 14px;
	margin: 0;
	color: var(--color-primary);
	margin-left: auto;
}
.eniv-method-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.eniv-phone {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	gap: 10px;
}
.eniv-phone > .select2-container {
	width: 60px !important;
	margin: 0 !important;
}
.eniv-phone .select2-selection--single {
	outline: none !important;
	display: flex;
	align-items: center;
	height: 46px;
	padding: 0 10px;
	border: 0;
	border-radius: 16px !important;
	background: var(--color-surface-raised);
	box-shadow: none;
}
.eniv-phone .select2-selection--single .select2-selection__rendered {
	display: block;
	width: 100%;
}
.eniv-phone .select2-selection__rendered > span {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-phone .select2-selection__rendered img {
	display: block;
	width: 26px !important;
	height: auto;
	object-fit: contain;
	flex-shrink: 0;
	margin: auto;
	border-radius: 2px;
}
.eniv-phone .select2-selection--single .select2-selection__arrow {
	display: none !important;
}
.eniv-phone .select2-container--open .select2-selection__arrow b {
	margin-top: 4px;
	transform: rotate(225deg);
}
.eniv-phone .select2-selection__clear {
	display: none;
}
.eniv-phone > input.form-control {
	flex: 1 1 0;
	width: 0;
	min-width: 0;
	height: 46px;
	margin: 0 !important;
	padding: 14px 20px;
	border: 0;
	border-radius: 16px !important;
	background: var(--color-surface-raised);
	color: var(--color-white);
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	box-shadow: none;
}
.eniv-phone > input.form-control::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}
.eniv-phone > input.form-control:focus {
	background: var(--color-surface-raised);
	box-shadow: none;
	outline: none;
}
.eniv-summary.card {
	width: 100%;
	margin: 0;
	border: 0;
	border-radius: 22px;
	background: var(--color-surface);
}
.eniv-summary > .card-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
}
.eniv-summary-product {
	display: flex;
	align-items: center;
	gap: 12px;
}
.eniv-summary-product > img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	object-fit: cover;
	flex-shrink: 0;
}
.eniv-summary-product > div {
	flex: 1;
	min-width: 0;
}
.eniv-summary-product h2 {
	margin: 0 0 6px;
	color: var(--color-fafafa);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}
.eniv-summary-product p {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.eniv-summary-product p > img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}
.eniv-summary table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 20px;
}
.eniv-summary th, .eniv-summary td {
	padding: 0 0 12px;
	border: 0;
	background: var(--color-transparent);
	vertical-align: top;
}
.eniv-summary th {
	font-weight: 400;
	text-align: left;
}
.eniv-summary td {
	font-weight: 500;
	text-align: right;
	white-space: nowrap;
}
.eniv-summary tbody tr:last-child th, .eniv-summary tbody tr:last-child td {
	padding-bottom: 20px;
}
.eniv-summary tfoot {
	border-top: 1px solid var(--color-border);
}
.eniv-summary tfoot th, .eniv-summary tfoot td {
	padding: 20px 0 0;
	line-height: 28px;
}
.eniv-summary tfoot th {
	color: var(--color-white);
	font-size: 18px;
	font-weight: 600;
}
.eniv-summary tfoot td {
	color: var(--color-primary);
	font-size: 24px;
	font-weight: 700;
}
.eniv-summary button > img {
	display: block;
	flex-shrink: 0;
}
.eniv-testimonial-heading {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
	min-height: 35px;
	padding-left: 16px;
	border-left: 3px solid var(--color-primary);
	margin-bottom: 20px;
}
.eniv-testimonial-heading > span {
	color: var(--color-primary);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.eniv-testimonial-heading > h2 {
	margin: 0;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.eniv-testimonial-rating {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}
.eniv-testimonial-rating > div:first-child {
	display: flex;
	align-items: baseline;
	gap: 6px;
	white-space: nowrap;
}
.eniv-testimonial-rating strong {
	color: var(--color-white);
	font-size: 48px;
	font-weight: 700;
	line-height: 48px;
}
.eniv-testimonial-rating > div:first-child > span {
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.eniv-testimonial-rating > div:last-child {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.eniv-testimonial-rating p {
	margin: 0;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.eniv-testimonial-stars {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}
.eniv-testimonial-stars > img {
	display: block;
	flex-shrink: 0;
}
.eniv-testimonial-stars > .eniv-star-empty {
	filter: grayscale(1);
	opacity: 0.25;
}
.eniv-testimonial-item {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 11px;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: var(--color-surface-raised);
	backdrop-filter: blur(6px);
	margin-bottom: 16px;
}
.eniv-testimonial-item > div {
	display: flex;
	align-items: center;
	gap: 8px;
}
.eniv-testimonial-item > div > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--color-primary-alpha-0-15);
	color: var(--color-primary);
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
	box-shadow: 0 0 0 1px var(--color-556bef-alpha-0-25);
	flex-shrink: 0;
}
.eniv-testimonial-item h3 {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eniv-testimonial-item .eniv-testimonial-stars {
	gap: 2px;
	margin-left: auto;
}
.eniv-testimonial-item > p {
	margin: 0;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 300;
}
.eniv-testimonial-item > small {
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 300;
}
.eniv-testimonial > .card-body > a {
	align-self: center;
	padding: 6px 12px;
	border-radius: 100px;
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
}
.eniv-testimonial > .card-body > a:hover {
	background: var(--color-primary-alpha-0-1);
}
.eniv-modal .modal-content {
	border: 0;
	border-radius: 16px;
	background: var(--color-surface);
	color: var(--color-white);
	box-shadow: 0 24px 50px var(--color-black-alpha-0-05);
}
.eniv-modal .modal-header {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 28px 32px 24px;
	border-bottom: 2px solid var(--color-border);
	border-radius: 16px 16px 0 0;
	background: var(--color-background);
}
.eniv-modal .modal-header::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: url("/assets/images/modal-header-bg.png") center / cover no-repeat;
	opacity: 0.05;
	content: "";
	pointer-events: none;
}
.eniv-modal-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: var(--color-primary);
	flex-shrink: 0;
}
.eniv-modal-icon > svg {
	display: block;
}
.eniv-modal .modal-header > div:not(.eniv-modal-icon) {
	flex: 1;
	min-width: 0;
}
.eniv-modal .modal-title {
	margin: 0;
	color: var(--color-white);
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}
.eniv-modal .modal-header p {
	margin: 2px 0 0;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
}
.eniv-modal .modal-header .btn-close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0 0 0 auto;
	padding: 0;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: var(--color-transparent);
	box-sizing: border-box;
	box-shadow: none;
	filter: none;
	opacity: 1;
	flex-shrink: 0;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}
.eniv-modal .modal-header .btn-close:hover {
	border-color: var(--color-primary);
	background: var(--color-primary-alpha-0-08);
}
.eniv-modal .modal-header .btn-close:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}
.eniv-modal .modal-body {
	padding: 32px;
}
.eniv-modal .modal-footer {
	gap: 12px;
	padding: 0 32px 32px;
	border-top: 0;
	border-radius: 0 0 16px 16px;
}
.eniv-modal .modal-body > .modal-footer {
	margin-top: 24px;
	padding: 0;
}
.eniv-modal .modal-footer > * {
	margin: 0;
}
.eniv-modal .modal-footer > .btn {
	flex: 1;
	min-height: 48px;
	padding: 12px 16px;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	background: var(--color-transparent);
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
}
.eniv-modal .modal-footer > .btn-primary {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--color-background);
}
.eniv-confirm {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.eniv-confirm-product {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	border-radius: 12px;
	background: var(--color-surface-raised);
}
.eniv-confirm-product > img {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	object-fit: cover;
	flex-shrink: 0;
}
.eniv-confirm-product > div {
	flex: 1;
	min-width: 0;
}
.eniv-confirm-product h2 {
	margin: 0 0 6px;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}
.eniv-confirm-product p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 20px;
}
.eniv-confirm-details {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.eniv-confirm-details > div {
	flex: 1;
	min-width: 0;
}
.eniv-confirm-details h3 {
	margin: 0 0 12px;
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-confirm-details > div > div {
	padding: 16px;
	border-radius: 12px;
	background: var(--color-surface-raised);
}
.eniv-confirm-details table {
	width: 100%;
	border-collapse: collapse;
}
.eniv-confirm-details th, .eniv-confirm-details td {
	padding: 0 0 12px;
	border: 0;
	background: var(--color-transparent);
	font-size: 13px;
	line-height: 18px;
	vertical-align: top;
}
.eniv-confirm-details th {
	padding-right: 12px;
	color: var(--color-text-muted);
	font-weight: 400;
	text-align: left;
}
.eniv-confirm-details td {
	color: var(--color-white);
	font-weight: 500;
	text-align: right;
	overflow-wrap: anywhere;
}
.eniv-confirm-details > div:first-child th, .eniv-confirm-details > div:first-child td {
	padding-bottom: 8px;
}
.eniv-confirm-details > div:first-child td {
	font-size: 14px;
}
.eniv-confirm-details tr:last-child th, .eniv-confirm-details tr:last-child td {
	padding-bottom: 0;
}
.eniv-confirm-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.eniv-confirm-total > span {
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-confirm-total > strong {
	color: var(--color-primary);
	font-size: 18px;
	font-weight: 700;
}
.eniv-confirm-warning {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(--color-fd8e12-alpha-0-24);
	border-radius: 12px;
	background: var(--color-fd8e12-alpha-0-1);
}
.eniv-confirm-warning > img {
	display: block;
	flex-shrink: 0;
}
.eniv-confirm-warning > p {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--color-fd8e12);
	font-size: 13px;
}
#modalConfirm .eniv-confirm {
	padding-bottom: 24px;
}
.eniv-summary button.btn-primary {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--color-background);
}
.eniv-summary button.btn-primary:hover {
	border-color: var(--color-d365f5);
	background: var(--color-d365f5);
	color: var(--color-background);
}
.eniv-summary button.btn-primary > img {
	filter: brightness(0);
}
.eniv-summary button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 14px;
	border: 0;
	border-radius: 16px;
	background: var(--color-surface-raised);
	color: var(--color-text-muted);
	font-family: inherit;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.eniv-check-region form > .row {
	--bs-gutter-x: 20px;
	gap: 0;
}
.eniv-check-region form > .row > .col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.eniv-check-region label {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	border-radius: 0;
	background: var(--color-transparent);
	color: var(--color-white);
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}
.eniv-check-region input.form-control {
	padding: 14px 20px;
	border: 0;
	border-radius: 16px;
	background: var(--color-surface-raised);
	color: var(--color-white);
	font-size: 14px;
	line-height: 20px;
}
.eniv-check-region form > .row > div > .mb-3 {
	margin-bottom: 16px !important;
}
.eniv-check-region button[type="submit"] {
	padding: 14px 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.eniv-region-result {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.eniv-region-status {
	display: flex;
	align-items: center;
	gap: 16px;
}
.eniv-region-status > div:first-child {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--color-46ce49);
	border-radius: 50%;
	background: var(--color-46ce49-alpha-0-08);
	box-sizing: border-box;
	flex-shrink: 0;
}
.eniv-region-status svg {
	display: block;
}
.eniv-region-status > div:last-child {
	flex: 1;
	min-width: 0;
}
.eniv-region-status span {
	display: block;
	margin-bottom: 4px;
	color: var(--color-46ce49);
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.88px;
	text-transform: uppercase;
}
.eniv-region-status h2 {
	margin: 0;
	color: var(--color-white);
	font-size: 18px;
	font-weight: 700;
	overflow-wrap: anywhere;
}
.eniv-region-details {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 16px;
	border-radius: 12px;
	background: var(--color-surface-raised);
}
.eniv-region-details > div {
	flex: 1;
	min-width: 0;
}
.eniv-region-details span {
	display: block;
	margin-bottom: 6px;
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}
.eniv-region-details p {
	margin: 0;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	overflow-wrap: anywhere;
}
.eniv-pagination {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}
.eniv-pagination > a, .eniv-pagination > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 8px;
	background: var(--color-surface);
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	text-decoration: none;
}
.eniv-pagination > a {
	transition: background-color 0.2s ease, color 0.2s ease;
}
.eniv-pagination > a:hover {
	background: var(--color-primary-alpha-0-15);
	color: var(--color-primary);
}
.eniv-pagination > .active {
	background: var(--color-primary);
	color: var(--color-background);
	font-weight: 700;
}
.eniv-pagination > a:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}
.eniv-pagination > span[aria-disabled="true"] {
	cursor: default;
}
.eniv-page-intro {
	display: flex;
	align-items: stretch;
	gap: 24px;
}
.eniv-page-intro::before {
	width: 6px;
	border-radius: 100px;
	background: var(--color-primary);
	content: "";
	flex-shrink: 0;
}
.eniv-page-intro > div {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 1;
	min-width: 0;
}
.eniv-page-intro nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}
.eniv-page-intro nav > a {
	color: var(--color-text-muted);
	text-decoration: none;
}
.eniv-page-intro nav > a:hover {
	color: var(--color-primary);
}
.eniv-page-intro nav > span[aria-current="page"] {
	color: var(--color-primary);
	font-weight: 500;
}
.eniv-page-intro h1 {
	margin: 0;
	color: var(--color-white);
	font-size: 34px;
	font-weight: 700;
	line-height: 1.25;
}
.eniv-page-intro > div > p {
	margin: 0;
	padding: 24px;
	border-radius: 16px;
	background: var(--color-surface);
	color: var(--color-text-muted);
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
}
.eniv-document {
	padding: 30px;
	border-radius: 30px;
	background: var(--color-surface-alpha-0-5);
	backdrop-filter: blur(10px);
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	overflow-wrap: anywhere;
}
.eniv-document > h3 {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 32px;
	margin: 30px 0 16px;
	padding-left: 44px;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 600;
}
.eniv-document > h3:first-child {
	margin-top: 0;
}
.eniv-document > h3[data-number]::before {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 32px;
	padding: 0 4px;
	border: 1px solid var(--color-primary-alpha-0-3);
	border-radius: 8px;
	background: var(--color-primary-alpha-0-1);
	color: var(--color-primary);
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	box-sizing: border-box;
	content: attr(data-number);
}
.eniv-document > p {
	margin: 0 0 12px;
	padding-left: 44px;
}
.eniv-document > ul, .eniv-document > ol {
	margin: 0 0 12px 44px;
	padding-left: 16px;
	color: var(--color-text-muted);
	font-weight: 500;
}
.eniv-document li {
	padding-left: 2px;
}
.eniv-document li + li {
	margin-top: 12px;
}
.eniv-document li::marker {
	color: var(--color-primary);
}
.eniv-document li > p {
	margin: 0;
}
.eniv-document li > ul, .eniv-document li > ol {
	margin-top: 12px;
	padding-left: 20px;
}
.eniv-document strong {
	color: var(--color-white);
	font-weight: 600;
}
.eniv-document a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.eniv-document > :last-child {
	margin-bottom: 0;
}
.eniv-neon {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-color: var(--color-090511);
	background-image: radial-gradient(ellipse 60% 60% at 50% 50%, var(--color-462369-alpha-0-35) 0%, var(--color-462369-alpha-0) 100%),

    linear-gradient(to right, var(--color-966ed2-alpha-0-07) 1px, var(--color-transparent) 1px),

    linear-gradient(to bottom, var(--color-966ed2-alpha-0-07) 1px, var(--color-transparent) 1px);
	background-size: 100% 100%, 37px 37px, 37px 37px;
	width: min(400px, 100%);
	height: 400px;
}
.eniv-faq-layout {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.eniv-faq-category {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 330px;
	padding: 20px;
	border-radius: 16px;
	background: var(--color-surface);
	box-sizing: border-box;
	flex-shrink: 0;
}
.eniv-faq-category > button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	margin: 0;
	padding: 12px 16px;
	border: 0;
	border-radius: 8px;
	background: var(--color-transparent);
	color: var(--color-text-muted);
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.eniv-faq-category > button > span {
	min-width: 0;
}
.eniv-faq-category > button > small {
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	flex-shrink: 0;
}
.eniv-faq-category > button:hover, .eniv-faq-category > button.active {
	background: var(--color-primary-alpha-0-1);
	color: var(--color-primary);
}
.eniv-faq-category > button.active {
	font-weight: 600;
}
.eniv-faq-layout > .tab-content {
	flex: 1;
	min-width: 0;
}
.eniv-faq-layout .accordion {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.eniv-faq-layout .accordion-item {
	border: 1px solid var(--color-transparent);
	border-radius: 16px;
	background: var(--color-surface);
	color: var(--color-white);
	overflow: hidden;
	transition: border-color 0.2s ease;
}
.eniv-faq-layout .accordion-header {
	margin: 0;
}
.eniv-faq-layout .accordion-button {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	padding: 20px;
	border: 0;
	border-radius: 0;
	background: var(--color-transparent);
	color: var(--color-white);
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
	box-shadow: none;
}
.eniv-faq-layout .accordion-button::after {
	width: 32px;
	height: 32px;
	margin-left: auto;
	border-radius: 50%;
	background: var(--color-surface-raised) url("/assets/images/faq-arrow.svg") center / 16px 16px no-repeat;
	transform: none;
	flex-shrink: 0;
}
.eniv-faq-layout .accordion-button:not(.collapsed)::after {
	background-color: var(--color-primary-alpha-0-1);
	background-image: url("/assets/images/faq-arrow-active.svg");
	transform: rotate(180deg);
}
.eniv-faq-layout .accordion-body {
	margin: -4px 20px 0;
	padding: 8px 0 20px;
	border-top: 1px solid var(--color-border);
	color: var(--color-text-muted);
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	overflow-wrap: anywhere;
}
.eniv-faq-layout .accordion-body p {
	margin: 0 0 12px;
}
.eniv-faq-layout .accordion-body > :last-child {
	margin-bottom: 0;
}
.eniv-faq-layout .accordion-body a {
	color: var(--color-primary);
}
.eniv-faq-layout button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: -3px;
	box-shadow: none;
}
.eniv-support {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 7.47%;
}
.eniv-support > img {
	display: block;
	width: 34.05%;
	max-width: 474px;
	height: auto;
	flex-shrink: 0;
}
.eniv-support-content {
	flex: 1;
	min-width: 0;
}
.eniv-support-content > h2 {
	margin: 0 0 6px;
	color: var(--color-white);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}
.eniv-support-content > p {
	margin: 0 0 16px;
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 24px;
}
.eniv-support-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.eniv-support-list > div {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: calc(50% - 6px);
	min-width: 0;
	padding: 20px;
	border-radius: 20px;
	background: var(--color-surface);
	box-sizing: border-box;
}
.eniv-support-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}
.eniv-support-top > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 12px;
	background: var(--color-primary-alpha-0-1);
}
.eniv-support-top > span > img {
	display: block;
}
.eniv-support-top > small {
	padding: 6px 10px;
	border-radius: 8px;
	background: var(--color-primary-alpha-0-1);
	color: var(--color-primary);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
}
.eniv-support-list h3 {
	margin: 0 0 4px;
	color: var(--color-white);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}
.eniv-support-list p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: 20px;
}
.eniv-support-list > div > a {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 6px;
	margin-top: auto;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: color 0.2s ease;
}
.eniv-support-list > div:first-child > a, .eniv-support-list > div > a:hover {
	color: var(--color-primary);
}
.eniv-support-list > div > a > img {
	display: block;
	flex-shrink: 0;
	transform: rotate(-90deg);
}
.eniv-support-list > div > a:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 5px;
	border-radius: 3px;
}
.eniv-support-list > div > a[aria-disabled="true"] {
	color: var(--color-text-muted);
	cursor: default;
}
.eniv-support-map {
	margin-bottom: 18px;
}
.eniv-support-map h2 {
	font-size: 18px;
	color: var(--color-white);
	margin-bottom: 6px;
}
.eniv-support-map p {
	margin: 0;
	font-size: 13px;
}
.eniv-support-map+iframe {
	border-radius: 14px;
}
.eniv-calculator-menu {
	display: flex;
	gap: 4px;
	border-radius: 20px;
}
.eniv-calculator-menu > button {
	border: 0;
	background: var(--color-transparent);
	font-family: inherit;
	text-align: left;
	cursor: pointer;
	display: flex;
	align-items: center;
	flex: 1;
	gap: 16px;
	min-width: 0;
	padding: 20px;
	border-radius: 12px;
	color: var(--color-text-muted);
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}
.eniv-calculator-menu > button > strong {
	flex-shrink: 0;
	color: var(--color-primary);
	font-weight: 700;
}
.eniv-calculator-menu > button > span {
	flex: 1;
	min-width: 0;
}
.eniv-calculator-menu > button::after {
	content: "";
	width: 4px;
	height: 20px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--color-primary);
}
.eniv-calculator-menu > button:hover, .eniv-calculator-menu > button.active {
	background: var(--color-primary-alpha-0-05);
	color: var(--color-white);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.eniv-calculator-menu > button.active {
	font-weight: 600;
}
.eniv-calculator-menu > button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}
.eniv-calculator-card {
	position: relative;
	isolation: isolate;
	padding: 20px;
	border-radius: 20px;
	background: var(--color-surface);
	color: var(--color-white);
}
.eniv-calculator-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: url('/assets/images/calculator/background.png') center / cover;
	opacity: 0.02;
	pointer-events: none;
}
.eniv-calculator-card[hidden], .eniv-calculator-result[hidden] {
	display: none;
}
.eniv-calculator-card h2 {
	margin: 0 0 8px;
	font-size: 22px;
	font-weight: 700;
}
.eniv-calculator-card > p {
	margin: 0 0 30px;
	color: var(--color-a6abb8);
	font-size: 14px;
	font-weight: 500;
}
.eniv-calculator-card form {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.eniv-calculator-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.eniv-calculator-fields > div {
	flex: 1;
	min-width: 0;
}
.eniv-calculator-fields > .eniv-calculator-full {
	flex-basis: 100%;
}
.eniv-calculator-fields label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 300;
}
.eniv-calculator-card form > button {
	width: 100%;
	padding: 14px 20px;
	border: 0;
	border-radius: 16px;
	background: var(--color-primary);
	color: var(--color-background);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	cursor: pointer;
}
.eniv-calculator-card form > button:hover {
	background: var(--color-e59aff);
}
.eniv-calculator-card button:focus-visible, .eniv-calculator-card input:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}
.eniv-calculator-result {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: 494px;
	max-width: 100%;
	min-height: 196px;
	margin: 30px auto 0;
	padding: 0 40px 0 0;
	overflow: hidden;
	border-radius: 16px;
	background: var(--color-surface-raised);
	text-align: center;
}
.eniv-calculator-result > img {
	width: 210px;
	height: 191px;
	object-fit: cover;
	flex-shrink: 0;
}
.eniv-calculator-result > div {
	flex: 1;
	min-width: 0;
	padding: 20px 0;
}
.eniv-calculator-result small {
	display: block;
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 3px;
}
.eniv-calculator-result strong {
	display: block;
	margin: 10px 0;
	color: var(--color-primary);
	font-size: 40px;
	line-height: 1.2;
}
.eniv-calculator-result p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: 18px;
}
#wl-result {
	min-height: 0;
	padding: 20px;
}
#wl-result strong {
	display: inline;
	margin: 0;
	font-size: 20px;
}
.eniv-calculator-slider {
	display: flex;
	align-items: center;
	gap: 50px;
}
.eniv-calculator-progress {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 220px;
	flex-shrink: 0;
}
.eniv-calculator-progress::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: conic-gradient(var(--color-primary) var(--progress, 50%), var(--color-border) 0);
	mask: radial-gradient(farthest-side, var(--color-transparent) calc(100% - 20px), var(--color-black) calc(100% - 19px));
	-webkit-mask: radial-gradient(farthest-side, var(--color-transparent) calc(100% - 20px), var(--color-black) calc(100% - 19px));
}
.eniv-calculator-progress small {
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.24px;
}
.eniv-calculator-progress strong {
	margin-top: 4px;
	font-size: 32px;
	font-weight: 700;
}
.eniv-calculator-slider > div:last-child {
	flex: 1;
	min-width: 0;
}
.eniv-calculator-slider input[type="range"] {
	display: block;
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	margin: 11px 0 16px;
	border: 0;
	border-radius: 4px;
	background: linear-gradient(to right, var(--color-primary) var(--progress, 50%), var(--color-border) var(--progress, 50%));
	cursor: pointer;
}
.eniv-calculator-slider input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	-webkit-appearance: none;
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 50%;
	background: var(--color-white);
}
.eniv-calculator-slider input[type="range"]::-moz-range-thumb {
	width: 22px;
	height: 22px;
	border: 0;
	border-radius: 50%;
	background: var(--color-white);
}
.eniv-calculator-slider label {
	display: flex;
	justify-content: space-between;
	margin: 0 0 24px;
	color: var(--color-text-muted);
	font-size: 14px;
}
.eniv-calculator-slider p {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--color-text-muted);
	font-size: 14px;
}
.eniv-calculator-slider p strong {
	color: var(--color-primary);
	font-size: 20px;
	font-weight: 600;
}
#robux-tax-result {
	padding-right: 32px;
}
#robux-tax-result > div {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
#robux-tax-result small {
	font-size: 11px;
	line-height: normal;
}
#robux-tax-result p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 6px;
	color: var(--color-white);
	font-weight: 500;
}
#robux-tax-result strong {
	margin: 0;
}
.eniv-table {
	overflow-x: auto;
	border-radius: 18px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
}
.eniv-table .table {
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	color: var(--color-white);
	--bs-table-bg: var(--color-transparent);
	--bs-table-color: var(--color-white);
	--bs-table-border-color: var(--color-border);
	--bs-table-accent-bg: var(--color-transparent);
}
.eniv-table .table > :not(caption) > * > * {
	border: 0;
	box-shadow: none;
	vertical-align: middle;
}
.eniv-table .table > thead > tr > th {
	padding: 16px 22px;
	background: var(--color-surface-raised);
	color: var(--color-9c96a7);
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	white-space: nowrap;
}
.eniv-table .table > tbody > tr > td {
	padding: 12px 22px;
	background: var(--color-surface);
	color: var(--color-white);
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
}
.eniv-table .table > tbody > tr:nth-child(even) > td {
	background: var(--color-surface-raised);
}
.eniv-table td > img {
	height: auto;
	vertical-align: middle;
}
.eniv-table .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 14px;
	border: 0;
	border-radius: 8px;
	background: var(--color-white);
	color: var(--color-background);
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	transition: background 0.2s ease;
}
.eniv-price-games > button {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
	min-height: 68px;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background: var(--color-surface);
	color: var(--color-white);
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	cursor: pointer;
}
.eniv-price-games > button > span {
	flex: 1;
	min-width: 0;
}
.eniv-price-games > button::after {
	content: "";
	width: 7px;
	height: 7px;
	margin: 0 4px 4px 12px;
	border-right: 1.5px solid var(--color-text-muted);
	border-bottom: 1.5px solid var(--color-text-muted);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
.eniv-price-games > button[aria-expanded="true"]::after {
	transform: translateY(4px) rotate(225deg);
}
.eniv-price-games img {
	display: block;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	border-radius: 10px;
	object-fit: cover;
}
.eniv-price-games > .dropdown-menu {
	width: 100%;
	max-height: 360px;
	padding: 6px;
	overflow-y: auto;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-surface);
	box-shadow: 0 12px 30px var(--color-black-alpha-0-25);
	scrollbar-width: thin;
	scrollbar-color: var(--color-493653) var(--color-surface);
}
.eniv-price-games > .dropdown-menu > a {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 10px;
	border-radius: 10px;
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}
.eniv-price-games > .dropdown-menu > a:hover, .eniv-price-games > .dropdown-menu > a.active {
	background: var(--color-primary-alpha-0-1);
	color: var(--color-white);
}
.eniv-price-games > button:focus-visible, .eniv-price-games > .dropdown-menu > a:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: -2px;
}
.eniv-price-games > .dropdown-menu::-webkit-scrollbar {
	width: 5px;
}
.eniv-price-games > .dropdown-menu::-webkit-scrollbar-track {
	background: var(--color-transparent);
}
.eniv-price-games > .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: var(--color-493653);
}
.eniv-table tbody > tr[hidden] {
	display: none;
}
.eniv-invoice {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-radius: 30px;
	background: var(--color-surface);
	color: var(--color-white);
	box-shadow: 0 18px 44px var(--color-black-alpha-0-4);
}
.eniv-invoice::before {
	left: 0;
	bottom: -80px;
}
.eniv-invoice::after {
	top: 72px;
	right: -126px;
}
.eniv-invoice button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	background: var(--color-transparent);
	cursor: pointer;
}
.eniv-invoice button > img {
	display: block;
}
.eniv-invoice button:focus-visible, .eniv-invoice a:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
	border-radius: 4px;
}
.eniv-invoice-header {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	gap: 26px;
	padding: 50px;
	background: var(--color-background);
}
.eniv-invoice-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url("/assets/images/invoice/background.png") center / cover no-repeat;
	opacity: 0.05;
	pointer-events: none;
}
.eniv-invoice-header > img {
	display: block;
	width: 254px;
	height: 169px;
	flex-shrink: 0;
	margin: -30px 0;
	object-fit: cover;
}
.eniv-invoice-header > div {
	flex: 1;
	min-width: 0;
}
.eniv-invoice-header small {
	display: block;
	margin-bottom: 8px;
	color: var(--color-primary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.96px;
}
.eniv-invoice-header > div > div {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.eniv-invoice-header h1 {
	min-width: 0;
	margin: 0;
	color: var(--color-white);
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-invoice-header p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 16px;
	line-height: 1.5;
}
.eniv-invoice-body {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 30px;
}
.eniv-invoice-body > div:first-child {
	flex: 890;
	min-width: 0;
}
.eniv-invoice-body > div:last-child {
	flex: 418;
	min-width: 0;
}
.eniv-invoice-body h2 {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 0 20px;
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.eniv-invoice-body h2::before {
	content: "";
	width: 3px;
	height: 18px;
	flex-shrink: 0;
	border-radius: 3px;
	background: var(--color-primary);
}
.eniv-invoice-payment {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px;
	border-radius: 24px;
	background: var(--color-surface-raised);
}
.eniv-invoice-status {
	display: flex;
	align-items: center;
	gap: 16px;
}
.eniv-invoice-status > img {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	object-fit: cover;
}
.eniv-invoice-status small, .eniv-invoice-deadline small {
	display: block;
	margin-bottom: 4px;
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.72px;
	text-transform: uppercase;
}
.eniv-invoice-status p, .eniv-invoice-deadline p {
	margin: 0;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 600;
}
.eniv-invoice-deadline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.eniv-invoice-countdown {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}
.eniv-invoice-countdown > div {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid var(--color-ed2d2d52);
	border-radius: 10px;
	background: var(--color-ed2d2d-alpha-0-2);
}
.eniv-invoice-countdown b {
	font-size: 16px;
	line-height: 16px;
}
.eniv-invoice-countdown span {
	color: var(--color-fd4a4a);
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
}
.eniv-invoice-countdown > strong {
	font-size: 16px;
}
.eniv-invoice-billing {
	padding: 16px;
	border-radius: 18px;
	background: var(--color-white-alpha-0-02);
}
.eniv-invoice-body table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 20px;
}
.eniv-invoice-body td, .eniv-invoice-body th {
	padding: 0 0 8px;
	border: 0;
	vertical-align: top;
}
.eniv-invoice-body td {
	color: var(--color-text-muted);
	font-weight: 400;
}
.eniv-invoice-body th {
	padding-left: 16px;
	font-weight: 500;
	text-align: right;
}
.eniv-invoice-body tr:last-child > td, .eniv-invoice-body tr:last-child > th {
	padding-bottom: 0;
}
.eniv-invoice-billing th {
	color: var(--color-text-muted);
}
.eniv-invoice-billing > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--color-border);
}
.eniv-invoice-billing > div > span {
	font-size: 14px;
	font-weight: 600;
}
.eniv-invoice-billing > div > div {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-invoice-billing strong {
	color: var(--color-primary);
	font-size: 24px;
	font-weight: 700;
}
.eniv-invoice-method {
	display: flex;
	align-items: center;
	gap: 8px;
}
.eniv-invoice-method > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border-radius: 14px;
	background: var(--color-white);
}
.eniv-invoice-method small {
	display: block;
	margin-bottom: 4px;
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}
.eniv-invoice-method p {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}
.eniv-invoice-actions > a {
	padding: 12px 24px;
	border-radius: 12px;
	background: var(--color-primary);
	color: var(--color-background);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}
.eniv-invoice-actions > a:hover {
	background: var(--color-e59aff);
}
.eniv-invoice-information {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 20px;
	border-radius: 22px;
	background: var(--color-surface-raised);
}
.eniv-invoice-information h3 {
	margin: 0 0 12px;
	color: var(--color-primary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
}
.eniv-invoice-product {
	display: flex;
	align-items: center;
	gap: 14px;
}
.eniv-invoice-product > img {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 8px;
	object-fit: cover;
}
.eniv-invoice-product > div {
	min-width: 0;
}
.eniv-invoice-product strong {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 600;
}
.eniv-invoice-product p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 12px;
}
.eniv-invoice-information .eniv-invoice-pending {
	color: var(--color-faba05);
	font-weight: 600;
}
.eniv-invoice-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.eniv-invoice-method img {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
}
.eniv-invoice-payment-data {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	max-width: 100%;
	margin-left: auto;
	color: var(--color-white);
	font-size: 14px;
	text-align: right;
	overflow-wrap: anywhere;
}
.eniv-invoice-payment-data ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.eniv-invoice-payment-data li + li {
	margin-top: 6px;
}
.eniv-invoice-payment-data > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.eniv-invoice[data-status="Pending"] {
	--invoice-glow: var(--color-fad702);
	--invoice-status-color: var(--color-faba05);
}
.eniv-invoice[data-status="Processing"] {
	--invoice-glow: var(--color-429aff);
	--invoice-status-color: var(--color-2cb3ff);
}
.eniv-invoice[data-status="Success"] {
	--invoice-glow: var(--color-46ce49);
	--invoice-status-color: var(--color-46ce49);
}
.eniv-invoice[data-status="Canceled"] {
	--invoice-glow: var(--color-ed2d2d);
	--invoice-status-color: var(--color-ed2d2d);
}
.eniv-invoice::before, .eniv-invoice::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 253px;
	height: 253px;
	border-radius: 50%;
	opacity: 0.3;
	filter: blur(177.75px);
	pointer-events: none;
	background: var(--invoice-glow);
}
.eniv-invoice[data-status="Success"] .eniv-invoice-header > img, .eniv-invoice[data-status="Canceled"] .eniv-invoice-header > img {
	object-fit: contain;
}
.eniv-invoice-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
}
.eniv-invoice-heading h2 {
	margin: 0;
}
.eniv-invoice-heading > button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--color-white);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
}
.eniv-invoice-heading > button > img {
	transition: transform 0.2s ease;
}
.eniv-invoice-heading > button[aria-expanded="true"] > img {
	transform: rotate(90deg);
}
#invoice-price-detail > .eniv-invoice-billing {
	margin-bottom: 20px;
}
.eniv-invoice-status > div {
	flex: 1;
	min-width: 0;
}
.eniv-invoice-status > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 10px 16px;
	border-radius: 10px;
	background: var(--color-primary);
	color: var(--color-background);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.eniv-invoice-status > a > img {
	display: block;
}
.eniv-invoice-status > a:hover {
	background: var(--color-e59aff);
}
.eniv-invoice-information .eniv-invoice-state {
	color: var(--invoice-status-color);
	font-weight: 600;
}
.eniv-invoice-review {
	margin-top: 20px;
	padding: 24px;
	border-radius: 24px;
	background: var(--color-surface-raised);
}
.eniv-invoice-review > small {
	display: block;
	margin-bottom: 8px;
	color: var(--color-primary);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
}
.eniv-invoice-review h3 {
	margin: 0 0 6px;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 600;
}
.eniv-invoice-review > p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: 20px;
}
.eniv-invoice-review form {
	margin-top: 20px;
}
.eniv-invoice-review .eniv-star, .eniv-invoice-review .eniv-review-rating {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-invoice-review .eniv-star {
	margin-bottom: 20px;
}
.eniv-invoice-review .eniv-star i, .eniv-invoice-review .eniv-review-rating i {
	margin: 0;
	color: var(--color-494150);
	font-size: 26px;
}
.eniv-invoice-review .eniv-star i {
	cursor: pointer;
	transition: transform 0.2s ease, color 0.2s ease;
}
.eniv-invoice-review .eniv-star i:hover {
	transform: translateY(-2px);
}
.eniv-invoice-review .eniv-star i.text-warning {
	color: var(--color-primary) !important;
}
.eniv-invoice-review .eniv-review-rating {
	margin-top: 20px;
}
.eniv-invoice-review .eniv-review-rating i.active {
	color: var(--color-primary);
}
.eniv-invoice-review label {
	display: block;
	margin-bottom: 10px;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 500;
}
.eniv-invoice-review textarea.form-control {
	width: 100%;
	min-height: 110px;
	padding: 14px 16px;
	border: 1px solid var(--color-292330);
	border-radius: 14px;
	background: var(--color-surface);
	color: var(--color-white);
	font-family: inherit;
	font-size: 14px;
	line-height: 22px;
	resize: vertical;
	box-shadow: none;
}
.eniv-invoice-review textarea.form-control::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}
.eniv-invoice-review textarea.form-control:focus {
	border-color: var(--color-primary);
	box-shadow: none;
}
.eniv-invoice-review button.btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 16px;
	padding: 12px 20px;
	border: 0;
	border-radius: 12px;
	background: var(--color-primary);
	color: var(--color-background);
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}
.eniv-invoice-review button.btn-primary:hover {
	background: var(--color-e59aff);
	color: var(--color-background);
}
.eniv-invoice-review button.btn-primary:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 4px;
}
.eniv-invoice-review blockquote {
	margin: 16px 0 0;
	padding: 16px;
	border-left: 3px solid var(--color-primary);
	border-radius: 0 12px 12px 0;
	background: var(--color-surface);
	color: var(--color-white);
	font-size: 14px;
	line-height: 24px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
.eniv-invoice-note {
	margin-top: 20px;
	padding: 24px;
	border-radius: 24px;
	background: var(--color-surface-raised);
}
.eniv-invoice-note > small {
	display: block;
	margin-bottom: 8px;
	color: var(--color-primary);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
}
.eniv-invoice-note h3 {
	margin: 0 0 16px;
	color: var(--color-white);
	font-size: 16px;
	font-weight: 600;
}
.eniv-invoice-note > p {
	margin: 0;
	padding: 16px;
	border-radius: 12px;
	background: var(--color-surface);
	color: var(--color-white);
	font-size: 14px;
	line-height: 24px;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
.eniv-invoice-note table {
	width: 100%;
	table-layout: fixed;
}
.eniv-invoice-note table td {
	width: 35%;
}
.eniv-invoice-note table td, .eniv-invoice-note table th {
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}
.eniv-auth .modal-dialog {
	width: calc(100% - 32px);
	max-width: 1080px;
	margin-right: auto;
	margin-left: auto;
}
.eniv-auth .modal-content {
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	overflow: hidden;
	border: 0;
	border-radius: 30px;
	background: var(--color-surface);
	color: var(--color-white);
}
.eniv-auth .modal-content::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url("/assets/images/auth/background.png") center / cover no-repeat;
	opacity: 0.02;
	pointer-events: none;
}
.eniv-auth .modal-content::after {
	content: "";
	position: absolute;
	top: -250px;
	left: 30%;
	z-index: -1;
	width: 400px;
	height: 300px;
	border-radius: 50%;
	background: var(--color-primary);
	opacity: 0.3;
	filter: blur(177px);
	pointer-events: none;
}
.eniv-auth button, .eniv-auth input {
	font-family: inherit;
}
.eniv-auth .eniv-auth-close {
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid var(--color-border);
	border-radius: 10px;
	background: var(--color-transparent);
	cursor: pointer;
}
.eniv-auth-close img {
	display: block;
}
.eniv-auth-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	width: 50%;
	min-width: 0;
	min-height: 667px;
	padding: 64px;
}
.eniv-auth-hero::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 200px;
	height: 220px;
	border-radius: 50%;
	background: var(--color-primary);
	opacity: 0.3;
	filter: blur(177px);
	pointer-events: none;
}
.eniv-auth-hero > a {
	display: block;
	flex-shrink: 0;
}
.eniv-auth-hero > a > img {
	display: block;
	width: 89px;
	height: 50px;
	object-fit: contain;
}
.eniv-auth-slider {
	width: 100%;
	min-width: 0;
}
.eniv-auth-slider .owl-item img {
	display: block;
	width: 100%;
	height: 376px;
	object-fit: contain;
}
.eniv-auth-slider .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 40px;
}
.eniv-auth-slider .owl-dots .owl-dot {
	width: 80px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: var(--color-border);
	transition: background 0.2s ease;
}
.eniv-auth-slider .owl-dots .owl-dot.active {
	background: var(--color-primary);
}
.eniv-auth-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	width: 50%;
	min-width: 0;
	padding: 50px;
	background: var(--color-0f0a15);
}
.eniv-auth-heading {
	text-align: center;
}
.eniv-auth-heading small {
	display: block;
	margin-bottom: 10px;
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 600;
}
.eniv-auth-heading h2 {
	margin: 0 0 10px;
	color: var(--color-white);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}
.eniv-auth-heading p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 15px;
	line-height: 22px;
}
.eniv-auth-panel form {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
}
.eniv-auth-fields {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.eniv-auth-input {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 16px;
	border-radius: 16px;
	background: var(--color-surface-raised);
}
.eniv-auth-input > img {
	display: block;
	flex-shrink: 0;
}
.eniv-auth-input input {
	flex: 1;
	width: 100%;
	min-width: 0;
	padding: 18px 0;
	border: 0;
	outline: none;
	background: var(--color-transparent);
	color: var(--color-white);
	font-size: 15px;
	line-height: 20px;
	box-shadow: none;
}
.eniv-auth-input input::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}
.eniv-auth-input > button {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	background: var(--color-transparent);
	cursor: pointer;
}
.eniv-auth-input > button > img {
	display: block;
}
.eniv-auth-panel .recaptcha-center {
	display: flex;
	justify-content: center;
	margin: 0 !important;
}
.eniv-auth-panel form > button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 18px 20px;
	border: 0;
	border-radius: 16px;
	background: var(--color-primary);
	color: var(--color-background);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	cursor: pointer;
	transition: background 0.2s ease;
}
.eniv-auth-panel form > button:hover {
	background: var(--color-e59aff);
}
.eniv-auth-footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	text-align: center;
}
.eniv-auth-footer p {
	margin: 0;
	color: var(--color-text-muted);
}
.eniv-auth-footer a {
	color: var(--color-primary);
	font-weight: 500;
	text-decoration: none;
}
.eniv-auth-footer p > a {
	font-weight: 600;
}
.eniv-auth-footer a:hover {
	text-decoration: underline;
}
.eniv-auth button:focus-visible, .eniv-auth a:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}
.eniv-users {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}
.eniv-users-banner {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 184px;
	padding: 24px;
	overflow: hidden;
	border-radius: 24px;
	background: var(--color-surface);
}
.eniv-users-banner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: url("/assets/images/users/profile-banner.svg") center / 1392px 182px no-repeat;
	pointer-events: none;
}
.eniv-users-avatar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--color-9b4dca), var(--color-primary));
	color: var(--color-white);
	font-size: 22px;
	font-weight: 700;
}
.eniv-users-avatar::after {
	content: "";
	position: absolute;
	top: 44px;
	left: 44px;
	width: 14px;
	height: 14px;
	border: 3px solid var(--color-surface);
	border-radius: 50%;
	background: var(--color-22c55e);
}
.eniv-users-identity {
	flex: 1;
	min-width: 0;
}
.eniv-users-identity h2 {
	margin: 0 0 6px;
	color: var(--color-white);
	font-size: 30px;
	font-weight: 700;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-users-identity p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: normal;
}
.eniv-users-banner > button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	gap: 12px;
	padding: 12px 16px;
	border: 0;
	border-radius: 12px;
	background: var(--color-transparent);
	color: var(--color-text-muted);
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	cursor: pointer;
	transition: color .2s ease, background .2s ease;
}
.eniv-users-banner > button:hover {
	background: var(--color-primary-alpha-0-08);
	color: var(--color-primary);
}
.eniv-users svg {
	display: block;
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}
.eniv-users > nav {
	display: flex;
	align-items: stretch;
	gap: 8px;
}
.eniv-users > nav > a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	gap: 12px;
	min-width: 0;
	padding: 12px 16px;
	border-radius: 12px;
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s ease, background .2s ease;
}
.eniv-users > nav > a > svg {
	color: var(--color-primary);
}
.eniv-users > nav > a:hover {
	color: var(--color-primary);
}
.eniv-users > nav > a.active {
	border-radius: 0 12px 12px 0;
	background: linear-gradient(90deg, var(--color-primary-alpha-0-1), var(--color-primary-alpha-0));
	color: var(--color-white);
}
.eniv-users > nav > a.active::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	border-radius: 999px;
	background: var(--color-primary);
	box-shadow: 0 0 12px var(--color-f53003-alpha-0-8);
}
.eniv-users > nav > a:focus-visible, .eniv-users-banner > button:focus-visible {
	outline: 2px solid var(--color-primary);
	outline-offset: 3px;
}
.eniv-users-title {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
}
.eniv-users-title > div {
	min-width: 0;
}
.eniv-users-title h2 {
	margin: 0;
	color: var(--color-white);
	font-size: 20px;
	font-weight: 600;
	line-height: normal;
}
.eniv-users-title p {
	margin: 6px 0 0;
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}
.eniv-users-title > a {
	flex-shrink: 0;
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
}
.eniv-users-title > a:hover {
	text-decoration: underline;
}
.eniv-users-stats {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}
.eniv-users-stats > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	padding: 20px;
	border-radius: 16px;
	background: var(--color-surface);
}
.eniv-users-stats > div > div {
	display: flex;
	align-items: center;
	gap: 8px;
}
.eniv-users-stats svg {
	display: block;
	flex-shrink: 0;
}
.eniv-users-stats h3 {
	margin: 0;
	color: var(--color-white);
	font-size: 12px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-users-stats > div > p {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	line-height: normal;
}
.eniv-users-stats > [data-status="success"] {
	color: var(--color-05df72);
}
.eniv-users-stats > [data-status="pending"] {
	color: var(--color-eab308);
}
.eniv-users-stats > [data-status="processing"] {
	color: var(--color-3b82f6);
}
.eniv-users-stats > [data-status="canceled"] {
	color: var(--color-ff5f56);
}
.eniv-users-cards {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}
.eniv-users-cards > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	padding: 24px;
	border-radius: 20px;
	background: var(--color-surface);
}
.eniv-users-card-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
}
.eniv-users-card-heading h3 {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.eniv-users-card-heading > a {
	color: var(--color-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
}
.eniv-users-card-heading > a:hover {
	text-decoration: underline;
}
.eniv-users-contact {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}
.eniv-users-contact > div {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border-radius: 16px;
	background: var(--color-surface-raised);
}
.eniv-users-contact > div > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 10px;
	border-radius: 12px;
	background: var(--color-primary-alpha-0-08);
	color: var(--color-primary);
}
.eniv-users-contact > div > span > svg {
	display: block;
	width: 22px;
	height: 22px;
}
.eniv-users-contact > div > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}
.eniv-users-contact h4 {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: .5px;
	text-transform: uppercase;
}
.eniv-users-contact p {
	margin: 0;
	overflow: hidden;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.eniv-users-wallet > p {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	color: var(--color-white);
	font-size: 30px;
	font-weight: 700;
	line-height: normal;
	overflow-wrap: anywhere;
}
.eniv-users-wallet > p > small {
	color: var(--color-primary);
	font-size: 14px;
	font-weight: 600;
}
.eniv-reset-page {
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	padding: 36px;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: var(--color-surface);
}
.eniv-reset-page .eniv-auth-panel {
	width: 100%;
	padding: 0;
	background: var(--color-transparent);
}
.eniv-payment-return {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	padding: 40px 32px;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: var(--color-surface);
	text-align: center;
}
.eniv-payment-return > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 24px;
	background: var(--color-primary-alpha-0-08);
}
.eniv-payment-return > span::before {
	content: "";
	width: 38px;
	height: 38px;
	border: 3px solid var(--color-primary-alpha-0-18);
	border-top-color: var(--color-primary);
	border-radius: 50%;
	animation: eniv-payment-return-spin .85s linear infinite;
}
.eniv-payment-return > small {
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: 20px;
}
.eniv-navbar-wrapper .eniv-nav-search {
	display: flex;
	align-items: center;
	gap: 12px;
	flex: 1;
	min-width: 0;
	max-width: 507px;
	margin: 0 0 0 auto;
	padding: 0 14px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	position: relative;
}
.eniv-nav-search > svg {
	flex-shrink: 0;
	color: var(--color-text-muted);
}
.eniv-live-search {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	left: 0;
	z-index: 10;
	max-height: 380px;
	padding: 8px;
	overflow-y: auto;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: var(--color-surface);
	box-shadow: 0 16px 40px var(--color-black-alpha-0-35);
	scrollbar-width: thin;
	scrollbar-color: var(--color-60466b) var(--color-surface);
}
.eniv-live-search[hidden] {
	display: none;
}
.eniv-live-search > a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px;
	border-radius: 12px;
	color: var(--color-white);
	text-decoration: none;
	transition: background .2s ease;
}
.eniv-live-search > a:hover, .eniv-live-search > a:focus-visible {
	background: var(--color-211829);
}
.eniv-live-search > a > img {
	flex-shrink: 0;
	width: 44px;
	height: 58px;
	border-radius: 8px;
	object-fit: cover;
}
.eniv-live-search > a > div {
	flex: 1;
	min-width: 0;
}
.eniv-live-search strong {
	display: block;
	color: var(--color-white);
	font-size: 13px;
	font-weight: 600;
	line-height: 19px;
}
.eniv-live-search small {
	display: block;
	margin-top: 3px;
	color: var(--color-text-muted);
	font-size: 12px;
	line-height: 17px;
}
.eniv-live-search > p {
	margin: 0;
	padding: 16px 10px;
	color: var(--color-text-muted);
	font-size: 13px;
	text-align: center;
}
.eniv-referral {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.eniv-referral > .eniv-users-title {
	margin: 0;
}
.eniv-referral-code > label {
	display: block;
	margin: 0 0 10px;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 500;
}
.eniv-referral-code > div {
	display: flex;
	align-items: stretch;
	gap: 12px;
}
.eniv-referral-code input {
	flex: 1;
	min-width: 0;
	height: 56px;
	padding: 16px;
	border: 0;
	border-radius: 16px;
	background: var(--color-surface-raised);
	color: var(--color-white);
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
}
.eniv-referral-code input:focus {
	outline: none;
	box-shadow: none;
}
.eniv-referral-code button {
	padding: 0 20px;
	border: 0;
	border-radius: 16px;
}
.eniv-referral-balance {
	display: flex;
	align-items: center;
	align-self: center;
	margin-top: -6px;
	overflow: hidden;
	border-radius: 16px;
}
.eniv-referral-balance > img {
	display: block;
	width: 110px;
	height: 100px;
	object-fit: cover;
	flex-shrink: 0;
}
.eniv-referral-balance > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 20px 40px;
	border-radius: 16px;
	background: var(--color-surface);
	text-align: center;
}
.eniv-referral-balance p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.eniv-referral-balance strong {
	color: var(--color-primary);
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
}
.eniv-data-section {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.eniv-data-section > h3 {
	margin: 0;
	color: var(--color-white);
	font-size: 18px;
	font-weight: 600;
}
.eniv-data-table {
	overflow-x: auto;
	border-radius: 20px;
	background: var(--color-surface);
}
.eniv-data-table table {
	width: 100%;
	border-collapse: collapse;
}
.eniv-data-table td {
	padding: 20px;
	border: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: normal;
	white-space: nowrap;
}
.eniv-data-table tbody tr:nth-child(even) {
	background: var(--color-surface-raised);
}
.eniv-data-table[data-layout="ledger"] td:nth-child(1) {
	width: 30%;
}
.eniv-data-table[data-layout="ledger"] td:nth-child(2) {
	width: 30%;
	color: var(--color-primary);
	font-weight: 600;
}
.eniv-data-table[data-layout="ledger"] td:nth-child(3) {
	width: 20%;
	color: var(--color-white);
	font-weight: 600;
	text-align: right;
}
.eniv-data-table[data-layout="ledger"] td:nth-child(4) {
	width: 20%;
	text-align: right;
}
.eniv-status {
	display: inline-block;
	padding: 4px 8px;
	border-radius: 6px;
	background: var(--color-success-alpha-0-1);
	color: var(--color-success);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}
.eniv-data-table td[colspan] {
	padding: 30px 20px;
	text-align: center;
}
.eniv-data-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-top: 12px;
	border-top: 1px solid var(--color-white-alpha-0-07);
}
.eniv-data-pagination > div {
	display: flex;
	align-items: center;
	gap: 24px;
}
.eniv-data-pagination p, .eniv-data-pagination label {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}
.eniv-data-pagination form {
	display: flex;
	align-items: center;
	gap: 10px;
}
.eniv-data-pagination form > div {
	position: relative;
}
.eniv-data-pagination select {
	outline: none !important;
	display: block;
	padding: 8px 34px 8px 12px;
	border: 0;
	border-radius: 8px;
	background: var(--color-surface);
	color: var(--color-white);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	appearance: none;
	cursor: pointer;
}
.eniv-data-pagination form svg {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	pointer-events: none;
}
.eniv-data-page {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.eniv-data-page > .eniv-users-title {
	margin: 0;
}
.eniv-status[data-status="Pending"] {
	background: var(--color-facc15-alpha-0-1);
	color: var(--color-facc15);
}
.eniv-status[data-status="Processing"] {
	background: var(--color-info-alpha-0-1);
	color: var(--color-info);
}
.eniv-status[data-status="Canceled"] {
	background: var(--color-f87171-alpha-0-1);
	color: var(--color-f87171);
}
.eniv-data-table[data-layout="orders"] td {
	font-size: 14px;
	vertical-align: middle;
}
.eniv-data-table[data-layout="orders"] td:nth-child(2) {
	width: 160px;
	color: var(--color-white);
	font-weight: 600;
	text-align: center;
}
.eniv-data-table[data-layout="orders"] td:nth-child(3) {
	width: 170px;
	text-align: center;
}
.eniv-data-item {
	display: flex;
	align-items: center;
	gap: 20px;
}
.eniv-data-item > img {
	width: 65px;
	height: 65px;
	flex-shrink: 0;
	border-radius: 8px;
	object-fit: cover;
}
.eniv-data-item > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}
.eniv-data-item a {
	color: var(--color-primary);
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
}
.eniv-data-item p {
	margin: 0;
	color: var(--color-white);
	font-size: 14px;
	font-weight: 500;
	white-space: normal;
}
.eniv-data-item time {
	color: var(--color-text-muted);
	font-size: 12px;
}
.eniv-data-filters {
	display: flex;
	align-items: center;
	gap: 12px;
}
.eniv-data-filters details {
	position: relative;
}
.eniv-data-filters summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-width: 260px;
	padding: 12px 16px;
	border-radius: 14px;
	background: var(--color-surface);
	color: var(--color-white);
	font-size: 14px;
	font-weight: 500;
	list-style: none;
	cursor: pointer;
}
.eniv-data-filters summary::-webkit-details-marker {
	display: none;
}
.eniv-data-filters details > div {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 280px;
	padding: 16px;
	border: 1px solid var(--color-28232f);
	border-radius: 14px;
	background: var(--color-surface);
}
.eniv-data-filters details label {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
}
.eniv-data-filters input[type="date"] {
	outline: none !important;
	width: 100%;
	padding: 10px;
	border: 0;
	border-radius: 8px;
	background: var(--color-surface-raised);
	color: var(--color-white);
	color-scheme: dark;
}
.eniv-data-select {
	position: relative;
}
.eniv-data-select select {
	min-width: 120px;
	padding: 12px 38px 12px 16px;
	border: 0;
	border-radius: 14px;
	background: var(--color-surface);
	color: var(--color-white);
	font: inherit;
	font-size: 14px;
	appearance: none;
	cursor: pointer;
	outline: none !important;
}
.eniv-data-select > svg {
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	pointer-events: none;
}
.eniv-data-search {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 271px;
	margin-left: auto;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--color-surface);
}
.eniv-data-search input {
	width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	outline: none;
	background: var(--color-transparent);
	color: var(--color-white);
	font: inherit;
	font-size: 14px;
}
.eniv-data-search input::placeholder {
	color: var(--color-text-muted);
}
.eniv-data-search button {
	display: flex;
	padding: 0;
	border: 0;
	background: var(--color-transparent);
}
.eniv-form-stack {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.eniv-form-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0;
	padding: 24px;
	border: 0;
	border-radius: 20px;
	background: var(--color-surface);
}
.eniv-form-heading {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.eniv-form-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--color-primary-alpha-0-1);
}
.eniv-form-heading > div:last-child {
	flex: 1;
	min-width: 0;
}
.eniv-form-heading h3 {
	margin: 0 0 4px;
	color: var(--color-white);
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}
.eniv-form-heading p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	line-height: 18px;
}
.eniv-form-row {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.eniv-form-row > .eniv-form-field {
	flex: 1;
	min-width: 0;
}
.eniv-form-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.eniv-form-field > label {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
	font-weight: 400;
	line-height: normal;
}
.eniv-form-input {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 16px;
	border-radius: 8px;
	background: var(--color-surface-raised);
}
.eniv-form-input > input {
	flex: 1;
	width: 100%;
	min-width: 0;
	padding: 12px 0;
	border: 0;
	outline: none;
	background: var(--color-transparent);
	color: var(--color-white);
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	box-shadow: none;
}
.eniv-form-input > input::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}
.eniv-form-input > button, .eniv-form-input > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0;
	border: 0;
	background: var(--color-transparent);
}
.eniv-form-input > button {
	cursor: pointer;
}
.eniv-form-input > a {
	flex-shrink: 0;
	color: var(--color-primary);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}
.eniv-form-input [data-password-toggle] > svg:last-child {
	display: none;
}
.eniv-form-input [data-password-toggle][aria-pressed="true"] > svg:first-child {
	display: none;
}
.eniv-form-input [data-password-toggle][aria-pressed="true"] > svg:last-child {
	display: block;
}
.eniv-form-card > button[type="submit"]:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.eniv-wa-card #input-otp {
	padding-top: 20px;
	border-top: 1px solid var(--color-white-alpha-0-07);
}
.eniv-wa-card #input-otp p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 13px;
}
.eniv-wa-card #input-otp > .btn {
	margin-top: 20px;
}
.eniv-data-back {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 12px;
	color: var(--color-text-muted);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}
.eniv-data-back:hover {
	color: var(--color-primary);
}
.eniv-data-table[data-layout="history"] {
	border: 1px solid var(--color-border);
	border-radius: 16px;
}
.eniv-data-table[data-layout="history"] th, .eniv-data-table[data-layout="history"] td {
	padding: 16px;
	border-bottom: 1px solid var(--color-border);
	color: var(--color-white);
	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
.eniv-data-table[data-layout="history"] th {
	background: var(--color-surface-raised);
	font-weight: 600;
}
.eniv-data-table[data-layout="history"] tbody tr {
	background: var(--color-surface);
}
.eniv-data-table[data-layout="history"] tbody tr:last-child td {
	border-bottom: 0;
}
.eniv-data-table[data-layout="history"] th:first-child {
	width: 180px;
}
.eniv-data-table[data-layout="history"] th:nth-child(2) {
	width: 220px;
}
.eniv-data-table[data-layout="history"] td:nth-child(2) {
	color: var(--color-text-muted);
}
.eniv-data-table[data-layout="history"] th:nth-child(4) {
	width: 180px;
}
.eniv-data-table[data-layout="history"] td:nth-child(4) {
	color: var(--color-primary);
	font-weight: 600;
}
.eniv-data-table[data-layout="history"] th:last-child, .eniv-data-table[data-layout="history"] td:last-child:not([colspan]) {
	width: 140px;
	text-align: center;
}
.eniv-data-table[data-layout="history"] td > a {
	color: var(--color-white);
	font-weight: 600;
	text-decoration: none;
}
.eniv-data-table[data-layout="history"] td > a:hover {
	color: var(--color-primary);
}
.eniv-data-table[data-layout="history"] .eniv-status[data-status="Pending"] {
	background: var(--color-warning-alpha-0-1);
	color: var(--color-warning);
}
.eniv-data-table[data-layout="history"] .eniv-status[data-status="Canceled"] {
	background: var(--color-danger-alpha-0-1);
	color: var(--color-danger);
}
.eniv-games-options {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.eniv-games-options > a {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px;
	border: 1px solid var(--color-282230);
	border-radius: 14px;
	background: var(--color-surface-raised);
	color: var(--color-text-muted);
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.eniv-games-options > a:hover, .eniv-games-options > a:focus-visible {
	background: var(--color-241a2d);
	color: var(--color-primary);
	box-shadow: 0 0 0 3px var(--color-primary-alpha-0-08);
	outline: none;
}
.eniv-games-options > a > img {
	display: block;
	width: 72px;
	height: auto;
	border-radius: 8px;
	flex-shrink: 0;
}
.eniv-games-options > a > div {
	flex: 1;
	min-width: 0;
}
.eniv-games-options h3 {
	margin: 0 0 5px;
	color: var(--color-white);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: anywhere;
}
.eniv-games-options p {
	margin: 0;
	color: var(--color-text-muted);
	font-size: 12px;
	line-height: 1.5;
	overflow-wrap: anywhere;
}
.eniv-games-options > a > svg {
	margin-right: 4px;
	flex-shrink: 0;
}
.eniv-admin-login {
	display: flex;
	min-height: 100vh;
	background: var(--color-background);
}
.eniv-admin-login-left {
	position: relative;
	isolation: isolate;
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 60px 40px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.eniv-admin-login-left::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, var(--color-primary-alpha-0-1), var(--color-background));
	content: "";
	pointer-events: none;
}
.eniv-admin-login-left > img {
	display: block;
	width: 380px;
	max-width: 80%;
	height: auto;
	margin-bottom: 32px;
	object-fit: contain;
}
.eniv-admin-login-left h1 {
	max-width: 480px;
	margin: 0 0 12px;
	color: var(--color-white);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
}
.eniv-admin-login-left p {
	max-width: 420px;
	margin: 0;
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 24px;
}
.eniv-admin-login-right {
	display: flex;
	flex: 0 0 460px;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 56px 48px;
	border-left: 1px solid var(--color-border);
	background: var(--color-surface);
}
.eniv-admin-login-right > a {
	align-self: flex-start;
	margin-bottom: 40px;
}
.eniv-admin-login-right > a > img {
	display: block;
	width: 130px;
	height: 76px;
	object-fit: contain;
	object-position: left center;
}
.eniv-admin-login-right h1 {
	margin: 0 0 10px;
	color: var(--color-white);
	font-size: 26px;
	font-weight: 600;
}
.eniv-admin-login-right h1 span {
	color: var(--color-primary);
}
.eniv-admin-login-right > p {
	margin: 0 0 32px;
	color: var(--color-text-muted);
	font-size: 14px;
	line-height: 23px;
}
.eniv-admin-content table.dataTable td .btn-secondary {
	background: var(--color-surface-raised);
	border-color: transparent;
	color: var(--color-text-muted);
}
.eniv-admin-content table.dataTable td .btn-secondary:hover {
	background: var(--color-border);
	color: var(--color-white);
}
.eniv-admin-content table.dataTable td .btn-success {
	background: color-mix(in srgb, var(--color-success) 10%, transparent);
	border-color: transparent;
	color: var(--color-success);
}
.eniv-admin-content table.dataTable td .btn-success:hover {
	background: color-mix(in srgb, var(--color-success) 18%, transparent);
	color: var(--color-success);
}
.eniv-admin-content table.dataTable td .btn-warning {
	background: color-mix(in srgb, var(--color-warning) 10%, transparent);
	border-color: transparent;
	color: var(--color-warning);
}
.eniv-admin-content table.dataTable td .btn-warning:hover {
	background: color-mix(in srgb, var(--color-warning) 18%, transparent);
	color: var(--color-warning);
}
.eniv-admin-content table.dataTable td .btn-info {
	background: color-mix(in srgb, var(--color-info) 10%, transparent);
	border-color: transparent;
	color: var(--color-info);
}
.eniv-admin-content table.dataTable td .btn-info:hover {
	background: color-mix(in srgb, var(--color-info) 18%, transparent);
	color: var(--color-info);
}
.eniv-admin-content table.dataTable td .btn-light {
	background: color-mix(in srgb, var(--color-white) 10%, transparent);
	border-color: transparent;
	color: var(--color-white);
}
.eniv-admin-content table.dataTable td .btn-light:hover {
	background: color-mix(in srgb, var(--color-white) 18%, transparent);
	color: var(--color-white);
}
.eniv-admin-content table.dataTable td .btn-dark {
	background: var(--color-background);
	border-color: var(--color-border);
	color: var(--color-text-muted);
}
.eniv-admin-content table.dataTable td .btn-dark:hover {
	background: var(--color-border);
	color: var(--color-white);
}