@font-face {
	font-family: SILEONLINEFont;
	src: url('/fonts/77f5d7ee6b061800-s.p.woff2') format('woff2');
	font-display: swap;
}

:root {
	--font-majestic-font:
		'SILEONLINEFont', 'SILEONLINEFont Fallback', Arial, sans-serif;
	color-scheme: light;
}

[data-theme='dark'] {
	color-scheme: dark;
}

html,
body {
	overflow-x: hidden;
}

.theme-toggle {
	border-radius: 10px;
	position: relative;
}

.theme-toggle:focus-visible {
	box-shadow: 0 0 0 2px var(--color-accent-primary);
}

.theme-toggle svg {
	pointer-events: none;
}

.yOiH7z82.site-header--with-search {
	display: grid;
	gap: 50px;
	grid-template-areas: 'logo search user';
	grid-template-columns: 3fr minmax(0, 6fr) 3fr;
	justify-content: initial;
}

.yOiH7z82.site-header--with-search > .yOiH7z8 {
	grid-area: logo;
}

.yOiH7z82.site-header--with-search > .ysuQKQR1 {
	grid-area: search;
	margin: 0;
	max-width: none;
	min-width: 0;
	width: 100%;
}

.yOiH7z82.site-header--with-search > .yOiH7z81 {
	grid-area: user;
	justify-self: end;
}

.yOiH7z82 > .ysuQKQR1 .ylHaTUs {
	margin-bottom: 0;
}

.mj-site-header > .mj-header-search .mj-search-field input,
.yOiH7z82 > .ysuQKQR1 .ylHaTUs1 input {
	font-size: 16px;
	line-height: 1.2;
}

.mj-site-header > .mj-header-search .mj-search-field input::placeholder,
.yOiH7z82 > .ysuQKQR1 .ylHaTUs1 input::placeholder {
	font-size: 16px;
	line-height: 1.2;
}

.header-global-search-panel {
	z-index: 1000;
}

@media screen and (max-width: 1000px) {
	.yOiH7z82.site-header--with-search {
		gap: 0;
		grid-template-areas: 'logo user';
		grid-template-columns: 1fr 1fr;
		margin-bottom: 15px;
	}

	.yOiH7z82 > .ysuQKQR1 {
		display: none;
	}

	.yOiH7z81 > .theme-toggle.yfKWn7I {
		display: flex;
	}
}

.ylehECu {
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	width: 100%;
}

.ylehECuA {
	overflow: hidden;
	position: relative;
}

.transport-price-menu-fields {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 10px;
}

.transport-price-menu-input {
	background-color: var(--color-background-primary);
	border: 1px solid var(--color-background-tertiary);
	border-radius: 8px;
	box-sizing: border-box;
	color: var(--color-text-primary);
	font-size: var(--fs-sm);
	height: 40px;
	outline: none;
	padding: 0 12px;
	width: 100%;
}

.transport-price-menu-input:focus {
	border-color: var(--color-accent-primary);
}

.transport-price-menu-actions {
	margin-bottom: 8px;
}

.transport-grid-view.yMpSaKE {
	grid-gap: 12px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.transport-grid-view .yfAinAT {
	align-items: stretch;
	flex-direction: column;
	flex-wrap: nowrap;
	min-width: 0;
	overflow: auto;
}

.transport-grid-view .yfAinAT4 {
	border-radius: 0;
	height: 140px;
	margin-top: 28px;
	min-height: 140px;
	width: 100%;
}

.transport-grid-view .yfAinAT4 img {
	height: 100%;
	max-height: 140px;
	width: 100%;
}

.transport-grid-view .yfAinATQ {
	align-items: flex-start;
	background-color: color-mix(
		in srgb,
		var(--color-background-secondary) 42%,
		transparent
	);
	border-top: 1px solid var(--color-background-tertiary);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: space-between;
	margin-top: auto;
	padding: 10px 14px;
	width: 100%;
}

.transport-grid-view .yfAinATQ > .yfAinATC {
	margin: 0;
	min-width: 0;
	padding: 0;
}

.transport-grid-view .yfAinATQ > .yfAinATC:first-child {
	flex: 1 1 auto !important;
}

.transport-grid-view .yfAinAT9,
.transport-grid-view .yfAinATN {
	font-size: var(--fs-sm);
}

.transport-grid-view .yfAinAT8,
.transport-grid-view .yfAinATM,
.transport-grid-view .yfAinATO {
	font-size: var(--fs-xs);
}

.transport-grid-view .yfAinATE {
	display: block;
}

.transport-grid-view .yfAinATD {
	margin: 0;
	text-align: right;
}

.transport-grid-view .yfAinATD:not(:last-child) {
	display: none;
}

.transport-grid-view .yfAinATF {
	right: 18px;
	top: 20px;
}

.transport-grid-view .yfAinATA {
	gap: 8px 10px;
}

@media screen and (max-width: 1280px) {
	.transport-grid-view.yMpSaKE {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 900px) {
	.transport-grid-view.yMpSaKE {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 600px) {
	.transport-grid-view.yMpSaKE {
		grid-template-columns: minmax(0, 1fr);
	}
}

.auth-original-modal-motion-enter-active,
.auth-original-modal-motion-leave-active {
	transition: opacity 0.15s ease;
}

.auth-original-modal-motion-enter-from,
.auth-original-modal-motion-leave-to {
	opacity: 0;
}

.auth-original-modal-motion-enter-to,
.auth-original-modal-motion-leave-from {
	opacity: 1;
}

.auth-original-modal-motion-enter-active .yktR13m2,
.auth-original-modal-motion-leave-active .yktR13m2 {
	will-change: opacity, transform;
}

.auth-original-modal-motion-enter-active .yktR13m2 {
	animation: auth-original-modal-panel-enter 0.45s both;
}

.auth-original-modal-motion-leave-active .yktR13m2 {
	animation: auth-original-modal-panel-leave 0.18s ease-in both;
}

@keyframes auth-original-modal-panel-enter {
	0% {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	62% {
		opacity: 1;
		transform: translate3d(0, -12px, 0);
	}

	82% {
		transform: translate3d(0, 4px, 0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes auth-original-modal-panel-leave {
	0% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	100% {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.auth-original-modal-motion-enter-active,
	.auth-original-modal-motion-leave-active,
	.auth-original-modal-motion-enter-active .yktR13m2,
	.auth-original-modal-motion-leave-active .yktR13m2 {
		animation: none;
		transition: none;
	}
}

.auth-original-logo {
	display: block;
	height: auto;
	max-width: 200px;
	width: 58%;
}

.auth-original-logo--dark {
	display: none;
}

[data-theme='dark'] .auth-original-logo--dark {
	display: block;
}

[data-theme='dark'] .auth-original-logo--light {
	display: none;
}

.auth-modal-backdrop {
	align-items: center;
	background: rgba(0, 0, 0, 0.68);
	display: flex;
	inset: 0;
	justify-content: center;
	overflow-y: auto;
	padding: 24px;
	position: fixed;
	z-index: 1000;
}

.auth-modal-shell {
	background: var(--color-background-primary);
	border: 1px solid var(--color-text-tertiary);
	border-radius: 12px;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
	box-sizing: border-box;
	max-height: min(760px, calc(100vh - 48px));
	max-width: min(450px, calc(100vw - 48px));
	overflow-y: auto;
	padding: 0;
	position: relative;
	width: 100%;
}

.auth-modal-close {
	align-items: center;
	background: var(--color-background-secondary);
	border: 1px solid var(--color-text-tertiary);
	border-radius: 10px;
	color: var(--color-text-secondary);
	cursor: pointer;
	display: flex;
	height: 38px;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: 12px;
	top: 12px;
	transition:
		color 0.2s,
		border-color 0.2s;
	width: 38px;
	z-index: 1;
}

.auth-modal-close:hover,
.auth-modal-close:focus-visible {
	border-color: var(--color-accent-primary);
	color: var(--color-accent-primary);
	outline: none;
}

.auth-modal-close svg {
	pointer-events: none;
}

.auth-modal-form {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.auth-modal-logo-wrap {
	margin-bottom: 6px;
	padding-right: 34px;
}

.auth-modal-logo {
	display: block;
	height: auto;
	max-width: 200px;
	width: 58%;
}

.auth-modal-logo--dark {
	display: none;
}

[data-theme='dark'] .auth-modal-logo--dark {
	display: block;
}

[data-theme='dark'] .auth-modal-logo--light {
	display: none;
}

.auth-modal-title {
	color: var(--color-text-primary);
	font-size: var(--fs-lg);
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 6px;
	text-align: center;
}

.auth-modal-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.auth-modal-message {
	border: 1px solid var(--color-text-tertiary);
	border-radius: 10px;
	box-sizing: border-box;
	font-size: var(--fs-sm);
	font-weight: 500;
	line-height: 1.35;
	margin: 0;
	padding: 11px 13px;
}

.auth-modal-message--error {
	background: rgba(224, 1, 91, 0.12);
	border-color: rgba(224, 1, 91, 0.5);
	color: var(--color-accent-primary);
}

.auth-modal-message--success {
	background: rgba(66, 184, 131, 0.12);
	border-color: rgba(66, 184, 131, 0.45);
	color: #42b883;
}

@media screen and (max-width: 600px) {
	.auth-modal-backdrop {
		align-items: flex-start;
		padding: 12px;
	}

	.auth-modal-shell {
		max-height: calc(100vh - 24px);
		max-width: calc(100vw - 24px);
		padding: 0;
	}

	.auth-modal-logo-wrap {
		padding-right: 28px;
	}

	.auth-modal-logo {
		max-width: 180px;
	}
}

.server-icon {
	align-items: center;
	display: inline-flex;
	font-size: 27px;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
}

.yDW0x9a {
	max-width: 100%;
	overflow: hidden;
}

.yDW0x9a1 {
	color: var(--color-text-primary);
	text-decoration: none;
}

.yDW0x9a1 > span:last-child {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.yDW0x9a4,
.yDW0x9a5 {
	display: block;
	line-height: 1.15;
}

.server-icon--dallas,
.server-icon--phoenix {
	color: #ef5144;
}

.server-icon--boston,
.server-icon--portland {
	color: #25b925;
}

.server-icon--houston {
	color: #f6b92e;
}

.server-icon--seattle {
	color: #16b7d7;
}

.server-icon--denver {
	color: #3481dc;
}

.ylHaTUs1 input[type='search']::-webkit-search-cancel-button {
	appearance: none;
}

.wiki-global-search-panel {
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.26);
	box-sizing: border-box;
	max-height: min(360px, calc(100vh - 220px));
	overflow: hidden auto;
	scrollbar-width: thin;
}

.wiki-global-search-skeleton {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 14px;
}

.wiki-global-search-skeleton-row {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(120px, 1fr) minmax(48px, 96px);
}

.wiki-global-search-skeleton-main,
.wiki-global-search-skeleton-side {
	height: 16px;
	width: 100%;
}

.wiki-global-search-skeleton-main {
	max-width: 240px;
}

.wiki-global-search-skeleton-side {
	justify-self: end;
	max-width: 96px;
}

.wiki-global-search-skeleton-row:nth-child(2)
	.wiki-global-search-skeleton-main {
	max-width: 72%;
}

.wiki-global-search-skeleton-row:nth-child(3)
	.wiki-global-search-skeleton-main {
	max-width: 58%;
}

.wiki-global-search-skeleton-row:nth-child(3)
	.wiki-global-search-skeleton-side {
	max-width: 42px;
}

.wiki-global-search-result {
	min-height: 58px;
	padding: 7px 12px 7px 7px;
}

.wiki-global-search-icon {
	background-color: var(--color-background-primary);
	font-size: 20px;
}

.wiki-global-search-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
	white-space: normal;
}

.wiki-global-search-title,
.wiki-global-search-description,
.wiki-global-search-badge {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wiki-global-search-title {
	color: var(--color-text-primary);
	font-weight: 700;
}

.wiki-global-search-description {
	color: var(--color-text-secondary);
	font-size: var(--fs-sm);
}

.wiki-global-search-badge {
	max-width: 140px;
}

.wiki-global-search-panel .ylHaTUsE {
	box-sizing: border-box;
	min-height: 92px;
	padding: 22px 20px 20px;
	text-align: center;
	width: 100%;
}

.wiki-global-search-panel .ylHaTUsF {
	color: var(--color-text-primary);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.15;
	margin-bottom: 8px;
}

.wiki-global-search-panel .ylHaTUsG {
	color: var(--color-text-secondary);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}

.changelog-tooltip-enter-active,
.changelog-tooltip-leave-active {
	transition:
		opacity 0.14s ease,
		transform 0.14s cubic-bezier(0.16, 1, 0.3, 1);
}

.changelog-tooltip-enter-from,
.changelog-tooltip-leave-to {
	opacity: 0 !important;
	transform: translateY(6px) scale(0.96) !important;
}

.changelog-tooltip-enter-to,
.changelog-tooltip-leave-from {
	opacity: 1 !important;
	transform: translateY(0) scale(1) !important;
}

.changelog-filter-button {
	border-radius: 8px;
	cursor: pointer;
	padding: 4px 6px;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		opacity 0.2s ease,
		transform 0.2s ease;
	user-select: none;
}

.changelog-filter-button:not(.changelog-filter-active) {
	opacity: 0.42;
}

.changelog-filter-button.changelog-filter-active {
	color: var(--color-text-primary);
}

.changelog-filter-button:hover,
.changelog-filter-button:focus-visible {
	background-color: var(--color-background-secondary);
	opacity: 1;
	outline: none;
}

.changelog-filter-button:active {
	transform: translateY(1px);
}

.changelog-sort-active {
	border-color: var(--color-accent-primary);
	color: var(--color-accent-primary);
}

.changelog-empty-state {
	max-width: 1100px;
	margin: 20px auto 0;
}

.changelog-results-shell {
	position: relative;
}

.changelog-results-list {
	transition:
		opacity 0.18s ease,
		transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
		filter 0.18s ease;
}

.changelog-list-loading {
	filter: blur(0.4px);
	opacity: 0.35;
	pointer-events: none;
	transform: translateY(6px);
}

.changelog-loading-panel {
	display: flex;
	flex-direction: column;
	gap: 12px;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateY(7px) scale(0.985);
	transition:
		opacity 0.18s ease,
		transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 5;
}

.changelog-loading-panel.changelog-loading-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.changelog-loading-card {
	align-items: center;
	background: color-mix(in srgb, var(--color-background-primary) 90%, transparent);
	border: 1px solid var(--color-background-tertiary);
	border-radius: 12px;
	display: flex;
	gap: 14px;
	min-height: 84px;
	overflow: hidden;
	padding: 14px 18px;
	position: relative;
}

.changelog-loading-dot,
.changelog-loading-line,
.clothes-loading-media,
.clothes-loading-line {
	background: linear-gradient(
		90deg,
		var(--color-background-secondary) 0%,
		var(--color-background-tertiary) 42%,
		var(--color-background-secondary) 84%
	);
	background-size: 220% 100%;
	animation: wiki-loading-shimmer 0.95s ease-in-out infinite;
}

.changelog-loading-dot {
	border-radius: 50%;
	flex: 0 0 auto;
	height: 34px;
	width: 34px;
}

.changelog-loading-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.changelog-loading-line {
	border-radius: 999px;
	height: 12px;
	max-width: 76%;
}

.changelog-loading-line-title {
	height: 16px;
	max-width: 46%;
}

.changelog-loading-line-short {
	max-width: 34%;
}

.changelog-loading-enter-active,
.changelog-loading-leave-active {
	transition:
		opacity 0.16s ease,
		transform 0.16s cubic-bezier(0.16, 1, 0.3, 1);
}

.changelog-loading-enter-from,
.changelog-loading-leave-to {
	opacity: 0;
	transform: translateY(7px) scale(0.985);
}

.changelog-loading-enter-to,
.changelog-loading-leave-from {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.clothes-dynamic-list {
	height: auto !important;
	transition:
		opacity 0.18s ease,
		transform 0.18s cubic-bezier(0.16, 1, 0.3, 1),
		filter 0.18s ease;
}

.clothes-dynamic-list > .clothes-dynamic-grid {
	position: static !important;
	transform: none !important;
}

.clothes-results-shell {
	position: relative;
}

.clothes-list-loading {
	filter: blur(0.4px);
	opacity: 0.35;
	pointer-events: none;
	transform: translateY(6px);
}

.clothes-loading-panel {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateY(7px) scale(0.985);
	transition:
		opacity 0.18s ease,
		transform 0.18s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 5;
}

.clothes-loading-panel[hidden] {
	display: none !important;
}

.clothes-loading-panel.clothes-loading-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.clothes-loading-card {
	background: color-mix(in srgb, var(--color-background-primary) 90%, transparent);
	border: 1px solid var(--color-background-tertiary);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 280px;
	overflow: hidden;
	padding: 14px;
}

.clothes-loading-media {
	aspect-ratio: 1;
	border-radius: 10px;
	width: 100%;
}

.clothes-loading-line {
	border-radius: 999px;
	height: 12px;
	width: 78%;
}

.clothes-loading-line-short {
	width: 48%;
}

.clothes-control-active {
	border-color: var(--color-background-tertiary);
	color: var(--color-text-primary);
}

.clothes-control-active > svg {
	color: var(--color-text-secondary);
}

.clothes-source-clear[hidden] {
	display: none !important;
}

.clothes-source-clear {
	opacity: 0.7;
}

.clothes-source-clear:hover,
.clothes-source-clear:focus-visible {
	color: var(--color-text-primary);
	opacity: 1;
}

.clothes-dropdown-menu {
	transform-origin: top right;
	animation: clothes-dropdown-in 0.14s cubic-bezier(0.16, 1, 0.3, 1);
}

.clothes-dropdown-menu[hidden] {
	display: none !important;
}

.clothes-empty-state {
	max-width: 1100px;
	margin: 20px auto 0;
}

.cont-data-toggle {
	background: transparent;
	border: 0;
	font: inherit;
	padding: 0;
	text-align: left;
}

.yZIEEZV1 > .yZIEEZV2:last-child:nth-child(odd) {
	grid-column: 1 / -1;
}

@keyframes clothes-dropdown-in {
	from {
		opacity: 0;
		transform: translateY(-4px) scale(0.98);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes wiki-loading-shimmer {
	0% {
		background-position: 140% 0;
	}

	100% {
		background-position: -80% 0;
	}
}

@media screen and (max-width: 980px) {
	.clothes-loading-panel {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width: 620px) {
	.clothes-loading-panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 598px) {
	.wiki-global-search-panel {
		max-height: min(320px, calc(100vh - 180px));
	}

	.wiki-global-search-skeleton-row {
		grid-template-columns: minmax(90px, 1fr) minmax(38px, 72px);
	}

	.wiki-global-search-badge {
		max-width: 88px;
	}

	.wiki-global-search-panel .ylHaTUsE {
		min-height: 88px;
		padding: 20px 14px 18px;
	}

	.wiki-global-search-panel .ylHaTUsF {
		font-size: 21px;
	}
}
