/* G6M_SCROLL_DARK_V550
   White scrollbar gutter + unthemed Maps & MLO / XFRM cards.
   extra.less used rgba(255,255,255,.04) on the track — that paints a white strip.
   Opaque dark track + neon thumb, same as site g6m-scrollbar.css.
   Do NOT set scrollbar-width / scrollbar-color on Chromium (kills the gradient). */

html {
	color-scheme: dark;
}

::-webkit-scrollbar {
	width: 11px;
	height: 11px;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(#8d38ff, #ff0b8b) !important;
	border-radius: 8px;
}

::-webkit-scrollbar-track {
	background: #0a0614 !important;
}

::-webkit-scrollbar-corner {
	background: #0a0614 !important;
}

@supports not (selector(::-webkit-scrollbar)) {
	html {
		scrollbar-width: thin;
		scrollbar-color: #8d38ff #0a0614;
	}
}

/* Inner UI.X / XF scrollers that otherwise keep a light OS track */
html body .uix_sidebar--scroller,
html body .p-body-sideNavContent,
html body .offCanvasMenu-content,
html body .block-body {
	scrollbar-color: #8d38ff #0a0614;
}

/* —— XFRM overview / category: kill default white/blue chrome —— */
html body[data-template^="xfrm_"] .block-container,
html body[data-template^="xfrm_"] .block-body,
html body[data-template^="xfrm_"] .categoryList,
html body[data-template^="xfrm_"] .p-body-sideNav .block,
html body[data-template^="xfrm_"] .p-body-sidebar .block {
	background: transparent !important;
}

html body[data-template^="xfrm_"] .carousel,
html body[data-template^="xfrm_"] .carousel-item,
html body[data-template^="xfrm_"] .carousel-container,
html body[data-template^="xfrm_"] .articlePreview,
html body[data-template^="xfrm_"] .articlePreview-image,
html body[data-template^="xfrm_"] .resourceIcon,
html body[data-template^="xfrm_"] .avatar.avatar--resourceIcon {
	background: #15121f !important;
	border-color: rgba(141, 56, 255, 0.32) !important;
	color: #f3eaff !important;
}

html body[data-template^="xfrm_"] .carousel:not(:has(.carousel-item)),
html body[data-template^="xfrm_"] .carousel-body:empty {
	display: none !important;
}

html body[data-template^="xfrm_"] .articlePreview-title,
html body[data-template^="xfrm_"] .articlePreview-title a,
html body[data-template^="xfrm_"] .carousel-item a {
	color: #fff !important;
	background: transparent !important;
}

/* Category sidenav: neon line-icons like forum widgets */
html body[data-template^="xfrm_"] .categoryList-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.55rem !important;
}

html body[data-template^="xfrm_"] .categoryList-link::before {
	content: "" !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	background-color: #ff4db8 !important;
	background-image: linear-gradient(180deg, #ff7ad1 0%, #ff0b8b 55%, #c44dff 100%) !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
	filter: drop-shadow(0 0 6px rgba(255, 11, 139, 0.55)) !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7l2 2h7v14H4V4zm2 4v10h12V8H6z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7l2 2h7v14H4V4zm2 4v10h12V8H6z'/%3E%3C/svg%3E") !important;
}

html body[data-template^="xfrm_"] .categoryList-link[href*="graphismes"]::before,
html body[data-template^="xfrm_"] .categoryList-link[href*="textures"]::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5zm2 2v10h14V7H5zm2 8l3-4 2 3 3-4 4 5H7z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5zm2 2v10h14V7H5zm2 8l3-4 2 3 3-4 4 5H7z'/%3E%3C/svg%3E") !important;
}

html body[data-template^="xfrm_"] .categoryList-link[href*="gameplay"]::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 8h12a4 4 0 0 1 0 8H6a4 4 0 0 1 0-8zm2 2v2H6v2h2v2h2v-2h2v-2h-2v-2H8zm9 1a1.5 1.5 0 1 0 .01 0zm2.5 2.5a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 8h12a4 4 0 0 1 0 8H6a4 4 0 0 1 0-8zm2 2v2H6v2h2v2h2v-2h2v-2h-2v-2H8zm9 1a1.5 1.5 0 1 0 .01 0zm2.5 2.5a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
}

html body[data-template^="xfrm_"] .categoryList-link[href*="vehicules"]::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 11l2-5h10l2 5v6h-2a2 2 0 0 1-4 0H11a2 2 0 0 1-4 0H5v-6zm3.5 6.5a1.5 1.5 0 1 0 .01 0zm7 0a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 11l2-5h10l2 5v6h-2a2 2 0 0 1-4 0H11a2 2 0 0 1-4 0H5v-6zm3.5 6.5a1.5 1.5 0 1 0 .01 0zm7 0a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
}

html body[data-template^="xfrm_"] .categoryList-link[href*="scripts"]::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7L3 12l5 5 1.4-1.4L5.8 12l3.6-3.6L8 7zm8 0l-1.4 1.4L18.2 12l-3.6 3.6L16 17l5-5-5-5z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7L3 12l5 5 1.4-1.4L5.8 12l3.6-3.6L8 7zm8 0l-1.4 1.4L18.2 12l-3.6 3.6L16 17l5-5-5-5z'/%3E%3C/svg%3E") !important;
}

html body[data-template^="xfrm_"] .categoryList-link[href*="maps-mlo"]::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5l6-2 6 2 6-2v16l-6 2-6-2-6 2V5zm2 2.2v11.2l4-1.3V5.9L5 7.2zm6-.3v11.2l4 1.3V8.2l-4-1.3zm6 1.3v11.2l4-1.3V5.9l-4 1.3z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5l6-2 6 2 6-2v16l-6 2-6-2-6 2V5zm2 2.2v11.2l4-1.3V5.9L5 7.2zm6-.3v11.2l4 1.3V8.2l-4-1.3zm6 1.3v11.2l4-1.3V5.9l-4 1.3z'/%3E%3C/svg%3E") !important;
}

html body[data-template^="xfrm_"] .categoryList-link[href*="audio"]::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h2l7 4V6L5 10H3zm14 1a3 3 0 0 1 0 2v-2zm2-3v8a5 5 0 0 0 0-8z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h2l7 4V6L5 10H3zm14 1a3 3 0 0 1 0 2v-2zm2-3v8a5 5 0 0 0 0-8z'/%3E%3C/svg%3E") !important;
}

/* Chooser cards: hide Windows emoji (🗺️ = white/blue map) → neon SVG */
.g6m-resChooser-cardIcon {
	font-size: 0 !important;
	color: transparent !important;
}

.g6m-resChooser-cardIcon::before {
	content: "" !important;
	display: block !important;
	width: 1.45rem !important;
	height: 1.45rem !important;
	background-color: #ff4db8 !important;
	background-image: linear-gradient(180deg, #ff7ad1 0%, #ff0b8b 55%, #c44dff 100%) !important;
	-webkit-mask-size: contain !important;
	mask-size: contain !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center !important;
	mask-position: center !important;
	filter: drop-shadow(0 0 6px rgba(255, 11, 139, 0.45)) !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7l2 2h7v14H4V4zm2 4v10h12V8H6z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h7l2 2h7v14H4V4zm2 4v10h12V8H6z'/%3E%3C/svg%3E") !important;
}

.g6m-resChooser-card[data-title*="Graphisme"] .g6m-resChooser-cardIcon::before,
.g6m-resChooser-card[data-title*="Texture"] .g6m-resChooser-cardIcon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5zm2 2v10h14V7H5zm2 8l3-4 2 3 3-4 4 5H7z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v14H3V5zm2 2v10h14V7H5zm2 8l3-4 2 3 3-4 4 5H7z'/%3E%3C/svg%3E") !important;
}

.g6m-resChooser-card[data-title*="Gameplay"] .g6m-resChooser-cardIcon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 8h12a4 4 0 0 1 0 8H6a4 4 0 0 1 0-8zm2 2v2H6v2h2v2h2v-2h2v-2h-2v-2H8zm9 1a1.5 1.5 0 1 0 .01 0zm2.5 2.5a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 8h12a4 4 0 0 1 0 8H6a4 4 0 0 1 0-8zm2 2v2H6v2h2v2h2v-2h2v-2h-2v-2H8zm9 1a1.5 1.5 0 1 0 .01 0zm2.5 2.5a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
}

.g6m-resChooser-card[data-title*="hicule"] .g6m-resChooser-cardIcon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 11l2-5h10l2 5v6h-2a2 2 0 0 1-4 0H11a2 2 0 0 1-4 0H5v-6zm3.5 6.5a1.5 1.5 0 1 0 .01 0zm7 0a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 11l2-5h10l2 5v6h-2a2 2 0 0 1-4 0H11a2 2 0 0 1-4 0H5v-6zm3.5 6.5a1.5 1.5 0 1 0 .01 0zm7 0a1.5 1.5 0 1 0 .01 0z'/%3E%3C/svg%3E") !important;
}

.g6m-resChooser-card[data-title*="Script"] .g6m-resChooser-cardIcon::before,
.g6m-resChooser-card[data-title*="Tool"] .g6m-resChooser-cardIcon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7L3 12l5 5 1.4-1.4L5.8 12l3.6-3.6L8 7zm8 0l-1.4 1.4L18.2 12l-3.6 3.6L16 17l5-5-5-5z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 7L3 12l5 5 1.4-1.4L5.8 12l3.6-3.6L8 7zm8 0l-1.4 1.4L18.2 12l-3.6 3.6L16 17l5-5-5-5z'/%3E%3C/svg%3E") !important;
}

.g6m-resChooser-card[data-title*="Maps"] .g6m-resChooser-cardIcon::before,
.g6m-resChooser-card[data-title*="MLO"] .g6m-resChooser-cardIcon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5l6-2 6 2 6-2v16l-6 2-6-2-6 2V5zm2 2.2v11.2l4-1.3V5.9L5 7.2zm6-.3v11.2l4 1.3V8.2l-4-1.3zm6 1.3v11.2l4-1.3V5.9l-4 1.3z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5l6-2 6 2 6-2v16l-6 2-6-2-6 2V5zm2 2.2v11.2l4-1.3V5.9L5 7.2zm6-.3v11.2l4 1.3V8.2l-4-1.3zm6 1.3v11.2l4-1.3V5.9l-4 1.3z'/%3E%3C/svg%3E") !important;
}

.g6m-resChooser-card[data-title*="Audio"] .g6m-resChooser-cardIcon::before,
.g6m-resChooser-card[data-title*="Musique"] .g6m-resChooser-cardIcon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h2l7 4V6L5 10H3zm14 1a3 3 0 0 1 0 2v-2zm2-3v8a5 5 0 0 0 0-8z'/%3E%3C/svg%3E") !important;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10v4h2l7 4V6L5 10H3zm14 1a3 3 0 0 1 0 2v-2zm2-3v8a5 5 0 0 0 0-8z'/%3E%3C/svg%3E") !important;
}

/* END G6M_SCROLL_DARK_V550 */
