:root {
	--sh-global-bg: #020811;
	--sh-global-surface: rgba(5, 15, 28, .94);
	--sh-global-surface-2: rgba(8, 22, 38, .94);
	--sh-global-border: rgba(36, 200, 255, .22);
	--sh-global-border-hot: rgba(255, 100, 16, .36);
	--sh-global-cyan: #24c8ff;
	--sh-global-cyan-soft: #9af2ff;
	--sh-global-orange: #ff6410;
	--sh-global-text: #edf8ff;
	--sh-global-muted: #9eb3c7;
	--sh-global-shadow: 0 18px 48px rgba(0, 0, 0, .42);
}

html,
body {
	background: var(--sh-global-bg);
	color: var(--sh-global-text);
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
		radial-gradient(circle at 18% 8%, rgba(36, 200, 255, .13), transparent 34%),
		radial-gradient(circle at 84% 18%, rgba(255, 100, 16, .10), transparent 30%),
		linear-gradient(180deg, #020811 0%, #06111e 48%, #020811 100%);
}

body::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	opacity: .22;
	background-image:
		linear-gradient(rgba(36, 200, 255, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(36, 200, 255, .035) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

#ipsLayout_body,
#ipsLayout_mainArea,
#ipsLayout_contentWrapper,
.ipsLayout_container,
.ipsLayout_contentArea {
	background: transparent !important;
}

/* Header and navigation */
#ipsLayout_header header,
#ipsLayout_header .ipsNavBar_primary,
#ipsLayout_header nav {
	background: linear-gradient(135deg, rgba(3, 12, 24, .98), rgba(8, 25, 42, .96)) !important;
	border-color: var(--sh-global-border) !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .42), 0 1px 0 rgba(36, 200, 255, .12);
}

#ipsLayout_header a,
#ipsLayout_header button,
#ipsLayout_header .ipsNavBar_primary > ul > li > a {
	color: #eaf8ff !important;
}

#ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a,
#ipsLayout_header .ipsNavBar_primary > ul > li > a:hover,
#ipsLayout_header a:hover {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(36, 200, 255, .16), rgba(36, 200, 255, .04)) !important;
	text-shadow: 0 0 12px rgba(36, 200, 255, .7);
}

#ipsLayout_header .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
	box-shadow: inset 0 -3px 0 var(--sh-global-orange);
}

.ipsBreadcrumb,
.ipsBreadcrumb_top,
.ipsBreadcrumb_bottom {
	color: var(--sh-global-muted) !important;
	background: rgba(3, 12, 23, .78) !important;
	border: 1px solid rgba(36, 200, 255, .14) !important;
	border-radius: 10px;
}

.ipsBreadcrumb a { color: var(--sh-global-cyan-soft) !important; }

/* Wrappers, panels and widgets */
.ipsBox,
.ipsWidget,
.ipsWidget_inner,
.ipsAreaBackground,
.ipsAreaBackground_light,
.ipsAreaBackground_reset,
.ipsPad,
.ipsDataList,
.ipsComment,
.ipsStreamItem,
.ipsPhotoPanel,
.ipsTabs_panel,
.ipsTabs_item,
.ipsPageHeader,
.ipsPageHeader__meta,
.ipsRichEmbed,
.ipsEmbeddedVideo {
	color: var(--sh-global-text);
	background-color: var(--sh-global-surface) !important;
	border-color: var(--sh-global-border) !important;
}

.ipsBox,
.ipsWidget,
.ipsPageHeader,
.ipsComment,
.ipsStreamItem {
	border: 1px solid var(--sh-global-border) !important;
	border-radius: 12px !important;
	box-shadow: var(--sh-global-shadow);
}

.ipsBox_titleBar,
.ipsWidget_title,
.ipsType_sectionTitle,
.ipsType_sectionHead,
.ipsTable th,
.ipsDataList_section {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(9, 31, 52, .98), rgba(5, 17, 31, .98)) !important;
	border-color: var(--sh-global-border) !important;
	text-shadow: 0 0 14px rgba(36, 200, 255, .28);
}

.ipsType_pageTitle,
.ipsType_sectionTitle,
.ipsType_sectionHead,
h1, h2, h3, h4, h5, h6 {
	color: #fff;
}

.ipsType_light,
.ipsType_light a,
.ipsType_minorHeading,
.ipsType_normal,
.ipsType_small,
.ipsType_medium,
.ipsDataItem_meta,
.ipsComment_meta {
	color: var(--sh-global-muted) !important;
}

a { color: var(--sh-global-cyan); }
a:hover { color: var(--sh-global-orange); }

/* Buttons */
.ipsButton {
	border: 1px solid rgba(36, 200, 255, .42) !important;
	border-radius: 7px !important;
	color: #fff !important;
	background: linear-gradient(135deg, rgba(9, 32, 52, .98), rgba(4, 17, 31, .98)) !important;
	box-shadow: 0 7px 20px rgba(0, 0, 0, .25), 0 0 14px rgba(36, 200, 255, .10);
	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.ipsButton:hover,
.ipsButton:focus {
	transform: translateY(-1px);
	border-color: var(--sh-global-cyan) !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .34), 0 0 18px rgba(36, 200, 255, .24);
}

.ipsButton_primary,
.ipsButton_important {
	border-color: rgba(255, 143, 65, .80) !important;
	background: linear-gradient(135deg, #e84900, #ff7516) !important;
	box-shadow: 0 8px 22px rgba(255, 100, 16, .24);
}

.ipsButton_primary:hover,
.ipsButton_important:hover {
	border-color: #ffb078 !important;
	box-shadow: 0 10px 28px rgba(255, 100, 16, .38);
}

/* Forms */
.ipsFieldRow,
.ipsForm,
.ipsForm_group,
.ipsFieldRow_section {
	color: var(--sh-global-text);
	border-color: var(--sh-global-border) !important;
}

.ipsFieldRow input:not([type="checkbox"]):not([type="radio"]),
.ipsFieldRow select,
.ipsFieldRow textarea,
.ipsInput,
.ipsSelectTree,
.ipsEditor,
.ipsEditor_content,
[contenteditable="true"] {
	color: #f5fbff !important;
	background: rgba(2, 10, 20, .88) !important;
	border-color: rgba(36, 200, 255, .25) !important;
	box-shadow: inset 0 1px 8px rgba(0, 0, 0, .34);
}

.ipsFieldRow input:focus,
.ipsFieldRow select:focus,
.ipsFieldRow textarea:focus,
.ipsInput:focus,
[contenteditable="true"]:focus {
	border-color: var(--sh-global-cyan) !important;
	box-shadow: 0 0 0 3px rgba(36, 200, 255, .12), inset 0 1px 8px rgba(0, 0, 0, .34) !important;
}

::placeholder { color: #71899e !important; opacity: 1; }

/* Tables, lists and pagination */
.ipsTable,
.ipsTable tbody,
.ipsTable tr,
.ipsDataItem,
.ipsDataList_readStatus {
	color: var(--sh-global-text);
	background: rgba(5, 15, 28, .82) !important;
	border-color: rgba(36, 200, 255, .12) !important;
}

.ipsTable tr:hover,
.ipsDataItem:hover {
	background: rgba(11, 31, 50, .94) !important;
}

.ipsPagination_page a,
.ipsPagination_next a,
.ipsPagination_prev a,
.ipsPagination_first a,
.ipsPagination_last a {
	color: var(--sh-global-text) !important;
	background: rgba(5, 17, 31, .92) !important;
	border: 1px solid rgba(36, 200, 255, .22) !important;
	border-radius: 6px !important;
}

.ipsPagination_page.ipsPagination_active a,
.ipsPagination a:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #e84900, #ff7516) !important;
	border-color: rgba(255, 163, 98, .8) !important;
}

/* Menus, popovers, tooltips and dialogs */
.ipsMenu,
.ipsMenu_innerContent,
.ipsHovercard,
.ipsDialog > div,
.ipsDialog_content,
.ipsTooltip,
.ipsAutocompleteMenu,
.ipsSelectTree_nodes {
	color: var(--sh-global-text) !important;
	background: rgba(4, 14, 27, .98) !important;
	border: 1px solid var(--sh-global-border) !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, .62), 0 0 20px rgba(36, 200, 255, .08) !important;
}

.ipsMenu_item > a,
.ipsMenu_item > span,
.ipsMenu_item button {
	color: #eaf8ff !important;
}

.ipsMenu_item:hover,
.ipsMenu_item:hover > a,
.ipsMenu_item.ipsMenu_itemChecked,
.ipsAutocompleteMenu_item:hover {
	color: #fff !important;
	background: rgba(36, 200, 255, .14) !important;
}

.ipsMenu_sep,
.ipsDialog_title,
.ipsDialog_close {
	border-color: var(--sh-global-border) !important;
}

/* Alerts, badges and progress */
.ipsMessage,
.ipsBadge,
.ipsProgressBar {
	border-color: rgba(36, 200, 255, .24) !important;
}

.ipsBadge_positive { background: #148b72 !important; }
.ipsBadge_negative { background: #b53737 !important; }
.ipsBadge_warning { background: #c76116 !important; }
.ipsProgressBar_progress { background: linear-gradient(90deg, var(--sh-global-cyan), var(--sh-global-orange)) !important; }

/* Branded footer */
#ipsLayout_footer {
	position: relative;
	margin-top: 32px;
	padding-top: 28px;
	color: var(--sh-global-muted) !important;
	background: linear-gradient(180deg, rgba(2, 8, 17, .25), rgba(2, 8, 17, .96)) !important;
	border-top: 1px solid rgba(36, 200, 255, .20);
}

#ipsLayout_footer::before {
	content: "SONIC HARDCORE  •  THE HOME OF UK HARDCORE";
	display: block;
	width: min(1180px, calc(100% - 30px));
	margin: 0 auto 20px;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .14em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(36, 200, 255, .55), 0 0 24px rgba(255, 100, 16, .20);
}

#ipsLayout_footer a { color: var(--sh-global-cyan-soft) !important; }

/* Responsive behaviour */
@media (max-width: 979px) {
	#ipsLayout_header header,
	#ipsLayout_header .ipsNavBar_primary,
	#ipsLayout_header nav {
		box-shadow: 0 8px 24px rgba(0, 0, 0, .42);
	}

	.ipsBox,
	.ipsWidget,
	.ipsPageHeader,
	.ipsComment,
	.ipsStreamItem {
		border-radius: 9px !important;
	}
}

@media (max-width: 767px) {
	body::after { background-size: 30px 30px; }

	#ipsLayout_contentWrapper,
	.ipsLayout_container {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.ipsBox,
	.ipsWidget,
	.ipsPageHeader,
	.ipsComment,
	.ipsStreamItem {
		box-shadow: 0 10px 28px rgba(0, 0, 0, .34);
	}

	.ipsButton {
		min-height: 42px;
	}

	#ipsLayout_footer::before {
		font-size: 10px;
		line-height: 1.6;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ipsButton { transition: none; }
	.ipsButton:hover, .ipsButton:focus { transform: none; }
}

/* Alpha 0.7.1.1 visual consistency hotfix */
/* Remove the light IPS spacer/accent strip beneath the desktop navigation. */
#ipsLayout_header nav.ipsResponsive_showDesktop::after,
#ipsLayout_header .ipsNavBar_primary::after,
#ipsLayout_header nav::after {
	background: linear-gradient(90deg, rgba(2, 8, 17, .98), rgba(8, 25, 42, .98), rgba(2, 8, 17, .98)) !important;
	border-top: 1px solid rgba(36, 200, 255, .12) !important;
	border-bottom: 1px solid rgba(36, 200, 255, .16) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), 0 10px 24px rgba(0, 0, 0, .24) !important;
}

/* IPS editor chrome and editable surface. */
.ipsApp .cke_chrome,
.ipsApp .cke_top,
.ipsApp .cke_bottom,
.ipsApp .cke_contents,
.ipsApp .cke_wysiwyg_frame,
.ipsApp .cke_wysiwyg_div,
.ipsApp [data-role="editorComposer"],
.ipsApp [data-ipsEditor],
.ipsApp .ipsEditor,
.ipsApp .ipsEditor_content {
	color: var(--sh-global-text) !important;
	background: #06111e !important;
	border-color: rgba(36, 200, 255, .22) !important;
}

.ipsApp .cke_top,
.ipsApp .cke_bottom {
	background: linear-gradient(180deg, #0b1e32, #071525) !important;
	box-shadow: none !important;
}

.ipsApp .cke_toolgroup,
.ipsApp .cke_combo_button,
.ipsApp .cke_button {
	background: rgba(3, 12, 23, .74) !important;
	border-color: rgba(36, 200, 255, .14) !important;
	box-shadow: none !important;
}

.ipsApp .cke_button:hover,
.ipsApp .cke_button:focus,
.ipsApp .cke_button_on,
.ipsApp .cke_combo_button:hover {
	background: rgba(36, 200, 255, .14) !important;
	border-color: rgba(36, 200, 255, .42) !important;
}

.ipsApp .cke_wysiwyg_div,
.ipsApp [contenteditable="true"] {
	min-height: 120px;
	color: #edf8ff !important;
	caret-color: var(--sh-global-cyan);
}

/* Neutralise pasted inline white backgrounds and dark text in displayed rich text and editors. */
.ipsApp .ipsType_richText [style*="background-color"],
.ipsApp .ipsType_richText [style*="background:"],
.ipsApp .cke_wysiwyg_div [style*="background-color"],
.ipsApp .cke_wysiwyg_div [style*="background:"],
.ipsApp [contenteditable="true"] [style*="background-color"],
.ipsApp [contenteditable="true"] [style*="background:"] {
	background-color: transparent !important;
	background-image: none !important;
}

.ipsApp .ipsType_richText [style*="color"],
.ipsApp .cke_wysiwyg_div [style*="color"],
.ipsApp [contenteditable="true"] [style*="color"] {
	color: inherit !important;
}

.ipsApp .ipsType_richText p,
.ipsApp .ipsType_richText ul,
.ipsApp .ipsType_richText ol,
.ipsApp .ipsType_richText li,
.ipsApp .cke_wysiwyg_div p,
.ipsApp .cke_wysiwyg_div ul,
.ipsApp .cke_wysiwyg_div ol,
.ipsApp .cke_wysiwyg_div li {
	color: var(--sh-global-text) !important;
	background-color: transparent !important;
}

/* Downloads detail panel: replace inherited pale IPS surfaces with the global glass treatment. */
body[data-pageapp="downloads"] .sonicDownloadDetails,
body[data-pageapp="downloads"] .sonicDownloadDetails__info,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions > *,
body[data-pageapp="downloads"] .ipsAreaBackground_light,
body[data-pageapp="downloads"] .ipsAreaBackground_reset {
	color: var(--sh-global-text) !important;
	background: linear-gradient(145deg, rgba(7, 21, 36, .96), rgba(3, 12, 23, .96)) !important;
	border-color: rgba(36, 200, 255, .22) !important;
}

body[data-pageapp="downloads"] .sonicDownloadDetails {
	border: 1px solid rgba(36, 200, 255, .22) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

body[data-pageapp="downloads"] .sonicDownloadDetails__info table,
body[data-pageapp="downloads"] .sonicDownloadDetails__info tbody,
body[data-pageapp="downloads"] .sonicDownloadDetails__info tr,
body[data-pageapp="downloads"] .sonicDownloadDetails__info td,
body[data-pageapp="downloads"] .sonicDownloadDetails__info th {
	color: var(--sh-global-text) !important;
	background: rgba(3, 13, 25, .72) !important;
	border-color: rgba(36, 200, 255, .13) !important;
}

body[data-pageapp="downloads"] .sonicDownloadDetails__actions .ipsBox,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions .ipsPad,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions [class*="torrent" i] {
	color: var(--sh-global-text) !important;
	background: rgba(8, 25, 42, .86) !important;
	border-color: rgba(36, 200, 255, .26) !important;
}

@media (max-width: 979px) {
	#ipsLayout_header nav.ipsResponsive_showDesktop::after,
	#ipsLayout_header .ipsNavBar_primary::after,
	#ipsLayout_header nav::after {
		display: none !important;
	}
}


/* Alpha 0.7.1.2 final Global Theme Phase 1 cleanup */
/* Replace every IPS button/action bar surface, including Online Users and forum lists. */
.ipsApp .ipsButtonBar,
.ipsApp .ipsButtonBar.ipsPad_half,
.ipsApp .ipsButtonBar_top,
.ipsApp .ipsButtonBar_bottom,
.ipsApp .ipsButtonBar .ipsButtonRow,
.ipsApp .ipsButtonBar > ul,
.ipsApp .ipsButtonBar > div {
	color: var(--sh-global-text) !important;
	background: linear-gradient(180deg, rgba(9, 28, 47, .98), rgba(4, 15, 28, .98)) !important;
	border-color: rgba(36, 200, 255, .22) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.ipsApp .ipsButtonBar {
	border: 1px solid rgba(36, 200, 255, .22) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

.ipsApp .ipsButtonBar a,
.ipsApp .ipsButtonBar button,
.ipsApp .ipsButtonBar select,
.ipsApp .ipsButtonBar label,
.ipsApp .ipsButtonBar [class*="ipsType_"] {
	color: var(--sh-global-cyan-soft) !important;
}

.ipsApp .ipsButtonBar .ipsButtonRow:hover,
.ipsApp .ipsButtonBar .ipsButtonRow:focus,
.ipsApp .ipsButtonBar a:hover,
.ipsApp .ipsButtonBar button:hover {
	color: #fff !important;
	background-color: rgba(36, 200, 255, .12) !important;
}

/* Keep the primary magnet action unmistakably Sonic Hardcore orange. */
body[data-pageapp="downloads"] .sonicDownloadDetails__actions a[href^="magnet:"],
body[data-pageapp="downloads"] .sonicDownloadDetails__actions .ipsButton_primary,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions [data-action="downloadMagnet"],
body[data-pageapp="downloads"] .sonicDownloadDetails__actions [class*="magnet" i].ipsButton {
	color: #fff !important;
	background: linear-gradient(180deg, #ff8614 0%, #ff5a00 100%) !important;
	border-color: #ff7a0a !important;
	box-shadow: 0 0 18px rgba(255, 101, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

body[data-pageapp="downloads"] .sonicDownloadDetails__actions a[href^="magnet:"]:hover,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions .ipsButton_primary:hover,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions [data-action="downloadMagnet"]:hover,
body[data-pageapp="downloads"] .sonicDownloadDetails__actions [class*="magnet" i].ipsButton:hover {
	background: linear-gradient(180deg, #ff9a2f 0%, #ff6808 100%) !important;
	border-color: #ff9a2f !important;
	transform: translateY(-1px);
}

/* The custom branded footer remains; remove the complete native IPS copyright line. */
#ipsLayout_footer #elCopyright,
#ipsLayout_footer p#elCopyright {
	display: none !important;
}

/* Alpha 0.7.1.3: style individual IPS button-row controls to match the global dark glass theme. */
.ipsApp .ipsButtonBar .ipsButtonRow,
.ipsApp .ipsButtonBar .ipsButtonRow > li,
.ipsApp .ipsButtonBar .ipsButtonRow > li > a,
.ipsApp .ipsButtonBar .ipsButtonRow > li > button,
.ipsApp .ipsButtonBar .ipsButtonRow > li > span,
.ipsApp .ipsButtonBar .ipsButtonRow .ipsButton,
.ipsApp .ipsButtonBar .ipsButtonRow .ipsButton_verySmall,
.ipsApp .ipsButtonBar .ipsButtonRow .ipsButton_light,
.ipsApp .ipsButtonBar .ipsButtonRow [data-ipsmenu],
.ipsApp .ipsButtonBar .ipsButtonRow [data-action],
.ipsApp .ipsButtonBar .ipsButtonRow input + label {
	color: var(--sh-global-cyan-soft) !important;
	background: linear-gradient(180deg, rgba(13, 36, 58, .98), rgba(5, 18, 32, .98)) !important;
	border-color: rgba(36, 200, 255, .28) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.ipsApp .ipsButtonBar .ipsButtonRow > li:first-child > a,
.ipsApp .ipsButtonBar .ipsButtonRow > li:first-child > button,
.ipsApp .ipsButtonBar .ipsButtonRow > li:first-child > span {
	border-radius: 6px 0 0 6px !important;
}

.ipsApp .ipsButtonBar .ipsButtonRow > li:last-child > a,
.ipsApp .ipsButtonBar .ipsButtonRow > li:last-child > button,
.ipsApp .ipsButtonBar .ipsButtonRow > li:last-child > span {
	border-radius: 0 6px 6px 0 !important;
}

.ipsApp .ipsButtonBar .ipsButtonRow > li > a:hover,
.ipsApp .ipsButtonBar .ipsButtonRow > li > button:hover,
.ipsApp .ipsButtonBar .ipsButtonRow > li > span:hover,
.ipsApp .ipsButtonBar .ipsButtonRow .ipsButton:hover,
.ipsApp .ipsButtonBar .ipsButtonRow [data-ipsmenu]:hover,
.ipsApp .ipsButtonBar .ipsButtonRow [data-action]:hover {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(20, 57, 88, .98), rgba(8, 29, 49, .98)) !important;
	border-color: rgba(36, 200, 255, .52) !important;
}

.ipsApp .ipsButtonBar .ipsButtonRow .ipsButtonRow_active,
.ipsApp .ipsButtonBar .ipsButtonRow .ipsButton_active,
.ipsApp .ipsButtonBar .ipsButtonRow > li.ipsButtonRow_active > a {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(0, 151, 209, .72), rgba(0, 82, 126, .82)) !important;
	border-color: rgba(77, 221, 255, .7) !important;
}


/* Alpha 0.7.1.4: complete the Global Theme account and shared-action treatment. */
/* Keep the desktop account controls and their IPS menus above the navigation shell. */
@media (min-width: 980px) {
	#ipsLayout_header,
	#ipsLayout_header header,
	#ipsLayout_header nav,
	#ipsLayout_header .ipsNavBar_primary,
	#ipsLayout_header #elUserNav,
	#ipsLayout_header #elUserNav > li,
	#ipsLayout_header #cUserLink {
		overflow: visible !important;
	}

	#ipsLayout_header #elUserNav {
		position: relative;
		z-index: 5100;
		display: flex !important;
		align-items: stretch;
		min-height: 44px;
		margin: 0 !important;
		padding: 0 6px !important;
		background: linear-gradient(180deg, rgba(9, 31, 52, .98), rgba(4, 16, 29, .98)) !important;
		border: 1px solid rgba(36, 200, 255, .22) !important;
		border-radius: 8px !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 8px 22px rgba(0, 0, 0, .28) !important;
	}

	#ipsLayout_header #elUserNav > li {
		position: relative;
		display: flex;
		align-items: center;
		margin: 0 !important;
	}

	#ipsLayout_header #elUserNav > li > a,
	#ipsLayout_header #cUserLink > a,
	#ipsLayout_header #cCreate > a {
		display: flex !important;
		align-items: center;
		align-self: stretch;
		padding: 0 11px !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 6px !important;
		box-shadow: none !important;
	}

	#ipsLayout_header #elUserNav > li > a:hover,
	#ipsLayout_header #elUserNav > li > a:focus,
	#ipsLayout_header #elUserNav > li > a[aria-expanded="true"],
	#ipsLayout_header #elUserNav > li.ipsMenu_open > a {
		color: #fff !important;
		background: linear-gradient(180deg, rgba(36, 200, 255, .16), rgba(36, 200, 255, .05)) !important;
		text-shadow: 0 0 12px rgba(36, 200, 255, .55);
	}

	#ipsLayout_header #elUserNav .elUserNav_sep {
		width: 1px;
		height: 22px;
		margin: 0 4px !important;
		background: rgba(36, 200, 255, .18) !important;
	}

	#ipsLayout_header #cUserLink .ipsUserPhoto {
		margin-left: 8px;
		border: 1px solid rgba(36, 200, 255, .42);
		box-shadow: 0 0 12px rgba(36, 200, 255, .16);
	}

	#ipsLayout_header #elUserLink_menu,
	#ipsLayout_header #elCreateNew_menu,
	#ipsLayout_header #elFullNotifications_menu,
	#ipsLayout_header #elFullInbox_menu,
	#ipsLayout_header #elFullReports_menu,
	#ipsLayout_header #elUserSignIn_menu {
		z-index: 10050 !important;
		margin-top: 0 !important;
		pointer-events: auto !important;
	}

	/* Invisible bridge removes any hover/cursor gap between trigger and menu. */
	#ipsLayout_header #elUserLink_menu::before,
	#ipsLayout_header #elCreateNew_menu::before,
	#ipsLayout_header #elFullNotifications_menu::before,
	#ipsLayout_header #elFullInbox_menu::before,
	#ipsLayout_header #elFullReports_menu::before,
	#ipsLayout_header #elUserSignIn_menu::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: -10px;
		height: 10px;
	}
}

/* Every IPS primary/important action uses the Sonic Hardcore orange treatment. */
.ipsApp .ipsButton_important,
.ipsApp button.ipsButton_important,
.ipsApp input.ipsButton_important,
.ipsApp a.ipsButton_important,
.ipsApp .ipsButton_primary,
.ipsApp button.ipsButton_primary,
.ipsApp input.ipsButton_primary,
.ipsApp a.ipsButton_primary {
	color: #fff !important;
	background: linear-gradient(180deg, #ff8614 0%, #ff5a00 100%) !important;
	border-color: #ff7a0a !important;
	box-shadow: 0 8px 22px rgba(255, 100, 16, .28), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .35) !important;
}

.ipsApp .ipsButton_important:hover,
.ipsApp .ipsButton_important:focus,
.ipsApp .ipsButton_primary:hover,
.ipsApp .ipsButton_primary:focus {
	color: #fff !important;
	background: linear-gradient(180deg, #ff9a2f 0%, #ff6808 100%) !important;
	border-color: #ffad69 !important;
	box-shadow: 0 11px 28px rgba(255, 100, 16, .40), 0 0 18px rgba(255, 100, 16, .22) !important;
}

.ipsApp .ipsButton_important:active,
.ipsApp .ipsButton_primary:active {
	transform: translateY(0);
	background: linear-gradient(180deg, #e95000 0%, #ff6810 100%) !important;
}

/* Remaining native action, filter, sort, upload and selection controls. */
.ipsApp .ipsButton_light,
.ipsApp .ipsButton_veryLight,
.ipsApp .ipsButton_link,
.ipsApp .ipsButtonRow,
.ipsApp .ipsFilterBar,
.ipsApp .ipsFilterBar > li,
.ipsApp .ipsFilterBar a,
.ipsApp .ipsToolList a,
.ipsApp .ipsToolList button,
.ipsApp .ipsUploader_button,
.ipsApp [data-action="filter"],
.ipsApp [data-action="sort"],
.ipsApp [data-action="selectAll"],
.ipsApp [data-action="upload"],
.ipsApp [data-role="moderationTools"] .ipsButton,
.ipsApp [data-role="tableRows"] + .ipsButtonBar .ipsButton {
	color: var(--sh-global-cyan-soft) !important;
	background: linear-gradient(180deg, rgba(13, 36, 58, .98), rgba(5, 18, 32, .98)) !important;
	border-color: rgba(36, 200, 255, .30) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 5px 14px rgba(0, 0, 0, .18) !important;
}

.ipsApp .ipsButton_light:hover,
.ipsApp .ipsButton_veryLight:hover,
.ipsApp .ipsButton_link:hover,
.ipsApp .ipsFilterBar a:hover,
.ipsApp .ipsToolList a:hover,
.ipsApp .ipsToolList button:hover,
.ipsApp .ipsUploader_button:hover,
.ipsApp [data-action="filter"]:hover,
.ipsApp [data-action="sort"]:hover,
.ipsApp [data-action="selectAll"]:hover,
.ipsApp [data-action="upload"]:hover {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(20, 57, 88, .98), rgba(8, 29, 49, .98)) !important;
	border-color: rgba(36, 200, 255, .58) !important;
}

.ipsApp .ipsFilterBar,
.ipsApp .ipsToolList {
	background: linear-gradient(180deg, rgba(9, 28, 47, .98), rgba(4, 15, 28, .98)) !important;
	border-color: rgba(36, 200, 255, .22) !important;
}

/* Alpha 0.7.1.5: final native IPS header width and menu interaction correction. */
@media (min-width: 980px) {
	#ipsLayout_header,
	#ipsLayout_header header,
	#ipsLayout_header nav,
	#ipsLayout_header .ipsNavBar_primary {
		position: relative;
		overflow: visible !important;
	}

	#ipsLayout_header .ipsLayout_container {
		width: calc(100% - 32px) !important;
		max-width: 1500px !important;
	}

	#ipsLayout_header #elUserNav,
	#ipsLayout_header #elUserNav > li {
		overflow: visible !important;
	}

	#ipsLayout_header #elUserNav {
		z-index: 9000 !important;
	}

	#ipsLayout_header #elUserLink_menu,
	#ipsLayout_header #elCreateNew_menu,
	#ipsLayout_header #elFullNotifications_menu,
	#ipsLayout_header #elFullInbox_menu,
	#ipsLayout_header #elFullReports_menu,
	#ipsLayout_header #elUserSignIn_menu {
		z-index: 12000 !important;
	}
}


/* Alpha 0.7.1.34 — preserve native IPS profile and cover-photo tools. */
#elProfileHeader[data-controller~="core.global.core.coverPhoto"] {
	position: relative;
	overflow: hidden;
	min-height: 250px;
	max-height: 420px;
}
#elProfileHeader[data-controller~="core.global.core.coverPhoto"].ipsCoverPhotoMinimal {
	height: clamp(250px, 28vw, 360px) !important;
}
#elProfileHeader .ipsCoverPhoto_container,
#elProfileHeader .ipsCoverPhoto_photo {
	width: 100%;
	height: 100%;
}
#elProfileHeader .ipsCoverPhoto_photo {
	display: block;
	object-fit: cover;
	max-width: none;
}
#elProfileHeader [data-role="coverPhotoOptions"],
#elProfileHeader #elEditProfile {
	position: relative;
	z-index: 20;
}
/* Alpha 0.7.1.56.15 — leave native IPS photo editors fully in control.
   The cropper calculates inline image and viewport geometry. Sonic must not
   force width, height, overflow, display or positioning on any crop element. */
.ipsDialog #elPhotoCropper .shGlobalHeaderLinks,
.ipsDialog #elPhotoCropper .shGlobalProPlayerShell,
.ipsDialog .ipsForm_cropper .shGlobalHeaderLinks,
.ipsDialog .ipsForm_cropper .shGlobalProPlayerShell,
.ipsDialog [data-role="cropper"] .shGlobalHeaderLinks,
.ipsDialog [data-role="cropper"] .shGlobalProPlayerShell {
	display: none !important;
}

/* Alpha 0.7.1.35 — restore the native IPS profile-header geometry. */
header[data-role="profileHeader"] {
	position: relative;
}

#elProfileHeader[data-controller~="core.global.core.coverPhoto"] {
	position: relative !important;
	min-height: 250px !important;
	max-height: none !important;
	overflow: hidden !important;
	isolation: isolate;
	transition: height .28s ease;
}

/* Keep the normal profile view compact, but allow the native IPS cover-photo
   controller to expand the header when the cover image is clicked. */
#elProfileHeader[data-controller~="core.global.core.coverPhoto"].ipsCoverPhotoMinimal {
	height: 250px !important;
}

#elProfileHeader[data-controller~="core.global.core.coverPhoto"]:not(.ipsCoverPhotoMinimal) {
	height: clamp(360px, 46vw, 620px) !important;
}

#elProfileHeader > .ipsCoverPhoto_container {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
}

#elProfileHeader > .ipsCoverPhoto_container > .ipsCoverPhoto_photo {
	position: absolute !important;
	left: 0;
	top: 0;
	z-index: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 100% !important;
	max-width: none !important;
	object-fit: cover;
}

#elProfileHeader > #elEditProfile {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	left: auto !important;
	bottom: auto !important;
	z-index: 30 !important;
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	max-width: calc(100% - 28px);
}

#elProfileHeader > #elEditProfile > li {
	position: relative;
	float: none !important;
	margin: 0 !important;
}

#elProfileHeader > #elEditProfile .ipsButton {
	white-space: nowrap;
}

#elProfileHeader > .ipsColumns[data-hideoncoveredit] {
	position: absolute !important;
	left: 22px !important;
	right: 22px !important;
	bottom: 0 !important;
	top: auto !important;
	z-index: 20 !important;
	display: flex !important;
	align-items: flex-end !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
}

#elProfileHeader > .ipsColumns[data-hideoncoveredit] > .ipsColumn {
	float: none !important;
	min-width: 0;
}

#elProfileHeader #elProfilePhoto {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	bottom: auto !important;
	flex: 0 0 auto !important;
	width: 170px !important;
	margin: 0 16px 0 0 !important;
	padding: 0 !important;
	text-align: center;
	pointer-events: auto;
}

#elProfileHeader #elProfilePhoto .ipsUserPhoto_xlarge {
	display: inline-block;
	vertical-align: bottom;
}

#elProfileHeader #elProfilePhoto > [data-action="editPhoto"] {
	position: absolute !important;
	left: 4px !important;
	bottom: 4px !important;
	top: auto !important;
	right: auto !important;
	z-index: 4;
}

#elProfileHeader > .ipsColumns[data-hideoncoveredit] > .ipsColumn_fluid {
	flex: 1 1 auto !important;
	width: auto !important;
	padding: 0 !important;
	pointer-events: auto;
}

#elProfileHeader .cProfileHeader_name {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	bottom: auto !important;
	float: none !important;
	display: inline-block;
	margin: 0 0 16px !important;
	padding: 10px 14px !important;
	max-width: min(620px, 100%);
	background: rgba(1, 10, 20, .82);
	border: 1px solid rgba(36, 200, 255, .18);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .36);
}

#elProfileHeader .cProfileHeader_name h1,
#elProfileHeader .cProfileHeader_name > span {
	position: static !important;
	display: block;
	margin: 0 !important;
}

#elProfileStats {
	position: relative !important;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 66px;
	margin: 0 !important;
	padding: 12px 18px !important;
	clear: both !important;
}

#elProfileStats > ul {
	position: static !important;
	float: none !important;
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 !important;
}

#elProfileStats > [data-role="switchView"] {
	position: static !important;
	float: none !important;
	order: 2;
	margin-left: auto;
}

@media (max-width: 767px) {
	#elProfileHeader[data-controller~="core.global.core.coverPhoto"] {
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
	}

	#elProfileHeader > #elEditProfile {
		top: 8px !important;
		right: 8px !important;
		max-width: calc(100% - 16px);
	}

	#elProfileHeader > .ipsColumns[data-hideoncoveredit] {
		left: 10px !important;
		right: 10px !important;
	}

	#elProfileHeader #elProfilePhoto {
		width: 112px !important;
		margin-right: 10px !important;
	}

	#elProfileHeader .cProfileHeader_name {
		margin-bottom: 10px !important;
		padding: 7px 9px !important;
	}

	#elProfileStats {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
	}

	#elProfileStats > [data-role="switchView"] {
		width: 100%;
		margin-left: 0;
	}
}

/* Alpha 0.7.1.36: remove the empty IPS clearfix strip beneath the global header. */
#ipsLayout_header::before,
#ipsLayout_header::after,
#ipsLayout_header.ipsClearfix::before,
#ipsLayout_header.ipsClearfix::after {
	content: none !important;
	display: none !important;
	clear: none !important;
	width: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Prevent the removed pseudo-element from leaving a themed spacer behind. */
#ipsLayout_header {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom-width: 0 !important;
}

#ipsLayout_header + #ipsLayout_body,
#ipsLayout_header + main,
#ipsLayout_header + .ipsLayout_container {
	margin-top: 0 !important;
	padding-top: 0 !important;
}


/* Alpha 0.7.1.37 — remove IPS clearfix/nav pseudo-element header strips completely. */
#ipsLayout_header.ipsClearfix::before,
#ipsLayout_header.ipsClearfix::after,
#ipsLayout_header::before,
#ipsLayout_header::after,
#ipsLayout_header nav.ipsResponsive_showDesktop::before,
#ipsLayout_header nav.ipsResponsive_showDesktop::after,
#ipsLayout_header .ipsNavBar_primary::before,
#ipsLayout_header .ipsNavBar_primary::after,
#ipsLayout_header nav::before,
#ipsLayout_header nav::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    clear: none !important;
}

#ipsLayout_header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* Alpha 0.7.1.38 — restore native profile cover expansion.
   The global header spacer fix must not suppress profile-cover behaviour. */
#elProfileHeader[data-controller~="core.global.core.coverPhoto"]::before,
#elProfileHeader[data-controller~="core.global.core.coverPhoto"]::after {
	display: initial;
}

/* Alpha 0.7.1.40 — Sonic styling for the native IPS search page. */
body[data-pageapp="core"][data-pagemodule="search"] #ipsLayout_mainArea,
body[data-pageapp="core"][data-pagemodule="search"] #ipsLayout_contentWrapper,
body[data-pageapp="core"][data-pagemodule="search"] .ipsLayout_container {
	background: transparent !important;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsPageHeader,
body[data-pageapp="core"][data-pagemodule="search"] .ipsPageHeader__meta,
body[data-pageapp="core"][data-pagemodule="search"] .ipsBox,
body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_panels,
body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_panel {
	background: linear-gradient(145deg, rgba(3, 13, 25, .96), rgba(6, 20, 35, .94)) !important;
	border: 1px solid rgba(36, 200, 255, .25) !important;
	box-shadow: 0 18px 46px rgba(0, 0, 0, .42), 0 0 24px rgba(36, 200, 255, .06);
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsPageHeader {
	border-radius: 12px !important;
	padding: 14px 18px !important;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsPageHeader h1,
body[data-pageapp="core"][data-pagemodule="search"] .ipsPageHeader .ipsType_pageTitle {
	color: #fff !important;
	text-shadow: 0 0 16px rgba(36, 200, 255, .34);
}

/* Main query field and Search Again action. */
body[data-pageapp="core"][data-pagemodule="search"] input[type="search"],
body[data-pageapp="core"][data-pagemodule="search"] input[name="q"],
body[data-pageapp="core"][data-pagemodule="search"] .ipsField_primary,
body[data-pageapp="core"][data-pagemodule="search"] .ipsInput {
	min-height: 46px;
	color: #f4fbff !important;
	caret-color: var(--sh-global-orange);
	background: linear-gradient(180deg, rgba(3, 14, 27, .98), rgba(2, 10, 20, .98)) !important;
	border: 1px solid rgba(36, 200, 255, .50) !important;
	border-radius: 8px !important;
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 100, 16, .08), 0 0 18px rgba(36, 200, 255, .10) !important;
}

body[data-pageapp="core"][data-pagemodule="search"] input[type="search"]:focus,
body[data-pageapp="core"][data-pagemodule="search"] input[name="q"]:focus,
body[data-pageapp="core"][data-pagemodule="search"] .ipsInput:focus {
	border-color: var(--sh-global-cyan) !important;
	box-shadow: 0 0 0 3px rgba(36, 200, 255, .14), 0 0 22px rgba(255, 100, 16, .12), inset 0 2px 10px rgba(0, 0, 0, .42) !important;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsButton_primary,
body[data-pageapp="core"][data-pagemodule="search"] button[type="submit"] {
	min-height: 42px;
	font-weight: 800;
	letter-spacing: .02em;
	border-color: rgba(255, 166, 95, .88) !important;
	background: linear-gradient(135deg, #e94b00, #ff7918) !important;
	box-shadow: 0 8px 22px rgba(255, 100, 16, .28), 0 0 18px rgba(36, 200, 255, .09) !important;
}

/* Content Search / Member Search tab list. */
body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs,
body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_stretch {
	padding: 6px 6px 0 !important;
	background: linear-gradient(135deg, rgba(8, 27, 45, .98), rgba(4, 15, 28, .98)) !important;
	border: 1px solid rgba(36, 200, 255, .24) !important;
	border-radius: 12px 12px 0 0 !important;
	box-shadow: 0 -8px 28px rgba(36, 200, 255, .05);
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs > ul,
body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs ul[role="tablist"] {
	gap: 6px;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_item {
	position: relative;
	color: #a9c1d4 !important;
	background: rgba(2, 11, 22, .72) !important;
	border: 1px solid transparent !important;
	border-radius: 8px 8px 0 0 !important;
	transition: color .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_item:hover {
	color: #fff !important;
	border-color: rgba(36, 200, 255, .28) !important;
	background: rgba(10, 36, 58, .88) !important;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_activeItem,
body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_item[aria-selected="true"] {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(17, 60, 88, .98), rgba(9, 28, 47, .98)) !important;
	border-color: rgba(36, 200, 255, .58) !important;
	box-shadow: inset 0 -3px 0 var(--sh-global-orange), 0 0 18px rgba(36, 200, 255, .16), 0 0 15px rgba(255, 100, 16, .10) !important;
	text-shadow: 0 0 10px rgba(36, 200, 255, .45);
}

/* Search filters/options list. */
body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow,
body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_content,
body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_section,
body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_label,
body[data-pageapp="core"][data-pagemodule="search"] .ipsForm_group,
body[data-pageapp="core"][data-pagemodule="search"] .ipsDataList,
body[data-pageapp="core"][data-pagemodule="search"] .ipsDataItem {
	color: var(--sh-global-text) !important;
	background: transparent !important;
	border-color: rgba(36, 200, 255, .13) !important;
}

body[data-pageapp="core"][data-pagemodule="search"] label,
body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_label,
body[data-pageapp="core"][data-pagemodule="search"] .ipsType_sectionHead {
	color: #f3fbff !important;
}

body[data-pageapp="core"][data-pagemodule="search"] input[type="radio"] + label,
body[data-pageapp="core"][data-pagemodule="search"] input[type="checkbox"] + label,
body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_content label {
	padding: 7px 10px;
	border-radius: 6px;
	color: #b9cddd !important;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

body[data-pageapp="core"][data-pagemodule="search"] input[type="radio"]:checked + label,
body[data-pageapp="core"][data-pagemodule="search"] input[type="checkbox"]:checked + label {
	color: #fff !important;
	background: linear-gradient(90deg, rgba(36, 200, 255, .18), rgba(255, 100, 16, .08)) !important;
	box-shadow: inset 3px 0 0 var(--sh-global-cyan), 0 0 14px rgba(36, 200, 255, .08);
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_content a,
body[data-pageapp="core"][data-pagemodule="search"] .ipsForm a {
	color: var(--sh-global-cyan) !important;
}

body[data-pageapp="core"][data-pagemodule="search"] .ipsFieldRow_content a:hover,
body[data-pageapp="core"][data-pagemodule="search"] .ipsForm a:hover {
	color: var(--sh-global-orange) !important;
}

@media (max-width: 767px) {
	body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs > ul,
	body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs ul[role="tablist"] {
		display: grid;
		grid-template-columns: 1fr;
	}

	body[data-pageapp="core"][data-pagemodule="search"] .ipsTabs_item {
		border-radius: 8px !important;
	}
}

/* Alpha 0.7.1.43 — exact About This File collapse target and inline-colour cleanup. */
/* Alpha 0.7.1.49 — exact Downloads About This File collapse. */
body[data-pageapp="downloads"] .sonicDownloadAbout { position:relative; }
body[data-pageapp="downloads"] .sonicDownloadAbout article > .ipsPadding > section > .ipsType_richText[data-controller*="lightboxedImages"] { color:#eaf7ff !important; background:transparent !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout article > .ipsPadding > section > .ipsType_richText[data-controller*="lightboxedImages"] * { background-color:transparent !important; color:inherit !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout article > .ipsPadding > section > .ipsType_richText[data-controller*="lightboxedImages"] a { color:#58d9ff !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout.shDownloadAbout:not(.is-expanded):not(.is-short) article > .ipsPadding > section > .shDownloadAbout__content { display:block !important; max-height:10.5em !important; overflow:hidden !important; position:relative !important; -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%); }
body[data-pageapp="downloads"] .sonicDownloadAbout.shDownloadAbout.is-expanded article > .ipsPadding > section > .shDownloadAbout__content { max-height:none !important; overflow:visible !important; -webkit-mask-image:none !important; mask-image:none !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__controls { display:flex; justify-content:center; clear:both; padding:14px 0 20px; }
body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__controls[hidden], body[data-pageapp="downloads"] .sonicDownloadAbout.is-short .shDownloadAbout__controls { display:none !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__toggle { min-width:132px; padding:10px 18px !important; border:1px solid rgba(255,130,48,.9) !important; border-radius:8px !important; color:#fff !important; font-weight:800 !important; text-transform:uppercase; background:linear-gradient(135deg,#e94b00,#ff7918) !important; box-shadow:0 8px 22px rgba(255,100,16,.24),0 0 17px rgba(36,200,255,.09) !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__toggle:hover, body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__toggle:focus { transform:translateY(-2px); border-color:rgba(36,200,255,.84) !important; box-shadow:0 11px 26px rgba(255,100,16,.31),0 0 24px rgba(36,200,255,.22) !important; }
body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__toggle i { margin-left:6px; }
@media (max-width:600px){ body[data-pageapp="downloads"] .sonicDownloadAbout.shDownloadAbout:not(.is-expanded):not(.is-short) article > .ipsPadding > section > .shDownloadAbout__content { max-height:9em !important; } body[data-pageapp="downloads"] .sonicDownloadAbout .shDownloadAbout__toggle { width:100%; } }

/* Alpha 0.7.1.42 — Sonic Downloads comments and discussion styling. */
body[data-pageapp="downloads"] #comments,
body[data-pageapp="downloads"] [data-controller*="comments"],
body[data-pageapp="downloads"] .ipsCommentFeed,
body[data-pageapp="downloads"] .ipsCommentCount,
body[data-pageapp="downloads"] .ipsCommentCount + .ipsAreaBackground,
body[data-pageapp="downloads"] .ipsCommentCount + .ipsAreaBackground_reset {
	color: var(--sh-global-text) !important;
	background: linear-gradient(145deg, rgba(6,18,33,.97), rgba(2,10,20,.98)) !important;
	border-color: var(--sh-global-border) !important;
}

body[data-pageapp="downloads"] #comments {
	border: 1px solid rgba(36,200,255,.24) !important;
	border-radius: 13px !important;
	box-shadow: 0 18px 48px rgba(0,0,0,.42), 0 0 28px rgba(36,200,255,.06), 0 0 26px rgba(255,100,16,.045);
	overflow: hidden;
}

body[data-pageapp="downloads"] #comments .ipsTabs,
body[data-pageapp="downloads"] #comments .ipsTabs > ul,
body[data-pageapp="downloads"] #comments .ipsTabs_item,
body[data-pageapp="downloads"] #comments .ipsCommentCount,
body[data-pageapp="downloads"] #comments .ipsBox_titleBar {
	color: var(--sh-global-text) !important;
	background: linear-gradient(135deg, rgba(9,31,52,.98), rgba(5,17,31,.98)) !important;
	border-color: rgba(36,200,255,.24) !important;
}

body[data-pageapp="downloads"] #comments .ipsTabs_item,
body[data-pageapp="downloads"] #comments .ipsTabs_item a,
body[data-pageapp="downloads"] #comments .ipsCommentCount,
body[data-pageapp="downloads"] #comments .ipsCommentCount a {
	color: #eaf8ff !important;
	font-weight: 800;
	text-shadow: 0 0 12px rgba(36,200,255,.18);
}

body[data-pageapp="downloads"] #comments .ipsTabs_activeItem,
body[data-pageapp="downloads"] #comments .ipsTabs_item[aria-selected="true"] {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(36,200,255,.16), rgba(255,100,16,.12)) !important;
	box-shadow: inset 0 -3px 0 var(--sh-global-orange), 0 0 20px rgba(36,200,255,.10);
}

body[data-pageapp="downloads"] #comments .ipsComment,
body[data-pageapp="downloads"] #comments .ipsComment_content,
body[data-pageapp="downloads"] #comments .ipsComment_main,
body[data-pageapp="downloads"] #comments article,
body[data-pageapp="downloads"] #comments .ipsAreaBackground_reset {
	color: var(--sh-global-text) !important;
	background: linear-gradient(145deg, rgba(4,15,28,.98), rgba(2,9,18,.98)) !important;
	border-color: rgba(36,200,255,.27) !important;
}

body[data-pageapp="downloads"] #comments .ipsComment {
	margin: 16px 20px !important;
	border: 1px solid rgba(36,200,255,.28) !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 30px rgba(0,0,0,.30), 0 0 18px rgba(36,200,255,.05);
	overflow: hidden;
}

body[data-pageapp="downloads"] #comments .ipsComment_header,
body[data-pageapp="downloads"] #comments .ipsComment_author,
body[data-pageapp="downloads"] #comments .ipsComment_meta,
body[data-pageapp="downloads"] #comments .ipsComment_tools,
body[data-pageapp="downloads"] #comments .ipsComment_controls,
body[data-pageapp="downloads"] #comments .ipsComment_footer {
	color: var(--sh-global-muted) !important;
	background: rgba(5,17,31,.76) !important;
	border-color: rgba(36,200,255,.14) !important;
}

body[data-pageapp="downloads"] #comments .ipsComment_author a,
body[data-pageapp="downloads"] #comments .ipsComment_meta a,
body[data-pageapp="downloads"] #comments .ipsComment_header a,
body[data-pageapp="downloads"] #comments .ipsComment_tools a,
body[data-pageapp="downloads"] #comments .ipsComment_controls a,
body[data-pageapp="downloads"] #comments [data-action="quoteComment"],
body[data-pageapp="downloads"] #comments [data-action="multiquote"] {
	color: #a9ddff !important;
}

body[data-pageapp="downloads"] #comments .ipsComment_author a:hover,
body[data-pageapp="downloads"] #comments .ipsComment_meta a:hover,
body[data-pageapp="downloads"] #comments .ipsComment_tools a:hover,
body[data-pageapp="downloads"] #comments .ipsComment_controls a:hover {
	color: var(--sh-global-orange) !important;
}

body[data-pageapp="downloads"] #comments .ipsComment_content,
body[data-pageapp="downloads"] #comments .ipsComment_content p,
body[data-pageapp="downloads"] #comments .ipsType_richText,
body[data-pageapp="downloads"] #comments .ipsType_richText p,
body[data-pageapp="downloads"] #comments .ipsType_normal,
body[data-pageapp="downloads"] #comments .ipsType_medium {
	color: #edf8ff !important;
}

body[data-pageapp="downloads"] #comments .ipsType_light,
body[data-pageapp="downloads"] #comments .ipsType_minorHeading,
body[data-pageapp="downloads"] #comments time,
body[data-pageapp="downloads"] #comments small {
	color: #9eb3c7 !important;
}

body[data-pageapp="downloads"] #comments .ipsMenu,
body[data-pageapp="downloads"] #comments .ipsMenu_innerContent,
body[data-pageapp="downloads"] #comments .ipsMenu_item,
body[data-pageapp="downloads"] #comments .ipsSelectTree_nodes {
	color: var(--sh-global-text) !important;
	background: #061321 !important;
	border-color: rgba(36,200,255,.28) !important;
}

body[data-pageapp="downloads"] #comments .ipsMenu_item > a,
body[data-pageapp="downloads"] #comments .ipsMenu_item > button {
	color: #dff6ff !important;
}

body[data-pageapp="downloads"] #comments .ipsMenu_item:hover,
body[data-pageapp="downloads"] #comments .ipsMenu_item:hover > a {
	color: #fff !important;
	background: rgba(36,200,255,.12) !important;
}

body[data-pageapp="downloads"] #comments textarea,
body[data-pageapp="downloads"] #comments input[type="text"],
body[data-pageapp="downloads"] #comments .ipsInput,
body[data-pageapp="downloads"] #comments .ipsEditor,
body[data-pageapp="downloads"] #comments .ipsEditor_content,
body[data-pageapp="downloads"] #comments [contenteditable="true"],
body[data-pageapp="downloads"] #comments .ipsComposeArea_dummy {
	color: #f4fbff !important;
	background: rgba(2,10,20,.96) !important;
	border: 1px solid rgba(36,200,255,.35) !important;
	box-shadow: inset 0 1px 8px rgba(0,0,0,.42), 0 0 15px rgba(36,200,255,.06) !important;
}

body[data-pageapp="downloads"] #comments textarea::placeholder,
body[data-pageapp="downloads"] #comments input::placeholder,
body[data-pageapp="downloads"] #comments .ipsComposeArea_dummy,
body[data-pageapp="downloads"] #comments .ipsComposeArea_dummy * {
	color: #91a9bd !important;
	opacity: 1 !important;
}

body[data-pageapp="downloads"] #comments textarea:focus,
body[data-pageapp="downloads"] #comments input[type="text"]:focus,
body[data-pageapp="downloads"] #comments [contenteditable="true"]:focus {
	border-color: var(--sh-global-cyan) !important;
	box-shadow: 0 0 0 3px rgba(36,200,255,.11), inset 0 1px 8px rgba(0,0,0,.42) !important;
}

body[data-pageapp="downloads"] #comments input[type="checkbox"] {
	accent-color: var(--sh-global-cyan);
}

body[data-pageapp="downloads"] #comments .ipsButton_light,
body[data-pageapp="downloads"] #comments .ipsButton_veryLight,
body[data-pageapp="downloads"] #comments .ipsButton_link {
	color: #dff6ff !important;
	background: linear-gradient(135deg, rgba(9,32,52,.98), rgba(4,17,31,.98)) !important;
	border-color: rgba(36,200,255,.38) !important;
}

body[data-pageapp="downloads"] #comments .ipsUserPhoto img {
	border: 2px solid rgba(36,200,255,.38);
	box-shadow: 0 0 16px rgba(36,200,255,.14), 0 0 12px rgba(255,100,16,.09);
}

/* Member hover card shown from Downloads comments. */
body[data-pageapp="downloads"] .ipsHovercard,
body[data-pageapp="downloads"] .ipsHovercard_inner,
body[data-pageapp="downloads"] .ipsHovercard_stem,
body[data-pageapp="downloads"] [data-role="hovercard"] {
	color: var(--sh-global-text) !important;
	background: linear-gradient(145deg, rgba(5,18,32,.99), rgba(2,10,20,.99)) !important;
	border-color: rgba(36,200,255,.32) !important;
	box-shadow: 0 18px 48px rgba(0,0,0,.55), 0 0 25px rgba(36,200,255,.08) !important;
}

body[data-pageapp="downloads"] .ipsHovercard a { color: #a9ddff !important; }
body[data-pageapp="downloads"] .ipsHovercard a:hover { color: var(--sh-global-orange) !important; }
body[data-pageapp="downloads"] .ipsHovercard .ipsType_light { color: #9eb3c7 !important; }

@media (max-width: 767px) {
	body[data-pageapp="downloads"] #comments .ipsComment {
		margin: 10px !important;
	}

	body[data-pageapp="downloads"] #comments .ipsComment_content,
	body[data-pageapp="downloads"] #comments .ipsComment_header,
	body[data-pageapp="downloads"] #comments .ipsComment_footer {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

/* Alpha 0.7.1.44 — Exact Downloads comments wrapper and visible comment tools menu. */
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] {
	position: relative;
	color: var(--sh-global-text) !important;
	background: linear-gradient(145deg, rgba(5,17,31,.98), rgba(2,9,18,.99)) !important;
	border: 1px solid rgba(36,200,255,.30) !important;
	border-radius: 14px !important;
	box-shadow: 0 18px 48px rgba(0,0,0,.40), 0 0 28px rgba(36,200,255,.07), 0 0 24px rgba(255,100,16,.05) !important;
	overflow: visible !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] > .ipsTabs,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] > .ipsTabs > ul,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] > .ipsTabs_panels,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsTabs_panel,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] [data-role="commentFeed"],
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] [data-role="replyArea"] {
	color: var(--sh-global-text) !important;
	background: transparent !important;
	border-color: rgba(36,200,255,.22) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] > .ipsTabs {
	background: linear-gradient(135deg, rgba(9,31,52,.98), rgba(4,15,27,.98)) !important;
	border-bottom: 1px solid rgba(36,200,255,.26) !important;
	border-radius: 13px 13px 0 0 !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsTabs_item,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsTabs_item:link,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsTabs_item:visited {
	color: #dff6ff !important;
	background: rgba(3,13,24,.92) !important;
	border: 0 !important;
	box-shadow: none !important;
	font-weight: 800 !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsTabs_item.ipsTabs_activeItem,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsTabs_item[aria-selected="true"] {
	color: #fff !important;
	background: linear-gradient(135deg, rgba(36,200,255,.18), rgba(255,100,16,.14)) !important;
	box-shadow: inset 0 -3px 0 var(--sh-global-orange), 0 0 18px rgba(36,200,255,.10) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] #comments,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] #comments > [data-role="commentFeed"] {
	overflow: visible !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment {
	position: relative !important;
	overflow: visible !important;
	background: linear-gradient(145deg, rgba(4,15,28,.99), rgba(2,9,18,.99)) !important;
	border: 1px solid rgba(36,200,255,.30) !important;
	border-radius: 13px !important;
	box-shadow: 0 14px 34px rgba(0,0,0,.32), 0 0 19px rgba(36,200,255,.055), 0 0 15px rgba(255,100,16,.035) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_content {
	position: relative !important;
	overflow: visible !important;
	border-radius: 12px !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_header {
	position: relative !important;
	z-index: 25 !important;
	min-height: 56px;
	padding: 14px 16px !important;
	background: linear-gradient(135deg, rgba(8,28,47,.92), rgba(3,14,26,.94)) !important;
	border-bottom: 1px solid rgba(36,200,255,.13) !important;
	border-radius: 12px 12px 0 0 !important;
	overflow: visible !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_toolWrap,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_tools,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_tools > li {
	position: relative !important;
	overflow: visible !important;
	z-index: 80 !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_ellipsis {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 30px !important;
	color: #dff6ff !important;
	background: linear-gradient(135deg, rgba(10,35,57,.98), rgba(4,17,31,.98)) !important;
	border: 1px solid rgba(36,200,255,.38) !important;
	border-radius: 999px !important;
	box-shadow: 0 0 14px rgba(36,200,255,.08) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_ellipsis:hover,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_ellipsis[aria-expanded="true"] {
	color: #fff !important;
	border-color: rgba(255,100,16,.72) !important;
	background: linear-gradient(135deg, rgba(255,100,16,.28), rgba(36,200,255,.18)) !important;
	box-shadow: 0 0 18px rgba(255,100,16,.16), 0 0 15px rgba(36,200,255,.10) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_tools .ipsMenu,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_toolWrap .ipsMenu,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] ul[id^="elControlsComments_"][id$="_menu"] {
	z-index: 99999 !important;
	min-width: 190px !important;
	max-width: min(260px, calc(100vw - 32px)) !important;
	color: #eaf8ff !important;
	background: linear-gradient(145deg, rgba(7,24,40,.995), rgba(2,10,20,.995)) !important;
	border: 1px solid rgba(36,200,255,.38) !important;
	border-radius: 10px !important;
	box-shadow: 0 20px 48px rgba(0,0,0,.62), 0 0 26px rgba(36,200,255,.12), 0 0 18px rgba(255,100,16,.08) !important;
	overflow: hidden !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] ul[id^="elControlsComments_"][id$="_menu"] .ipsMenu_item,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] ul[id^="elControlsComments_"][id$="_menu"] .ipsMenu_item > a {
	color: #eaf8ff !important;
	background: transparent !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] ul[id^="elControlsComments_"][id$="_menu"] .ipsMenu_item:hover,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] ul[id^="elControlsComments_"][id$="_menu"] .ipsMenu_item:hover > a {
	color: #fff !important;
	background: linear-gradient(90deg, rgba(36,200,255,.14), rgba(255,100,16,.10)) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] [data-role="replyArea"] {
	margin: 16px 18px 18px !important;
	padding: 14px !important;
	background: linear-gradient(145deg, rgba(5,19,33,.96), rgba(2,10,20,.98)) !important;
	border: 1px solid rgba(36,200,255,.24) !important;
	border-radius: 12px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 0 18px rgba(36,200,255,.045) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComposeArea,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComposeArea_editor,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComposeArea_dummy {
	background: rgba(2,10,20,.97) !important;
	border-color: rgba(36,200,255,.36) !important;
	color: #eefaff !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComposeArea_dummy {
	padding: 14px 16px !important;
	border: 1px solid rgba(36,200,255,.36) !important;
	border-radius: 7px !important;
	box-shadow: inset 0 1px 8px rgba(0,0,0,.42), 0 0 14px rgba(36,200,255,.055) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComposeArea_dummy:hover,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComposeArea_dummy:focus {
	border-color: var(--sh-global-orange) !important;
	box-shadow: 0 0 0 3px rgba(255,100,16,.10), inset 0 1px 8px rgba(0,0,0,.42) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .cke,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .cke_inner,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .cke_top,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .cke_contents,
body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .cke_wysiwyg_div {
	color: #eefaff !important;
	background: rgba(2,10,20,.98) !important;
	border-color: rgba(36,200,255,.28) !important;
}

body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .cke_top {
	background: linear-gradient(135deg, rgba(9,31,52,.98), rgba(4,15,27,.98)) !important;
}

@media (max-width: 767px) {
	body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] .ipsComment_header {
		padding: 11px 12px !important;
	}

	body[data-pageapp="downloads"] [data-controller*="core.front.core.commentsWrapper"] [data-role="replyArea"] {
		margin: 10px !important;
		padding: 10px !important;
	}
}


/* Alpha 0.7.1.54.12 — Sonic-theme the native IPS notifications dropdown. */
#ipsLayout_header #elFullNotifications_menu,
#elFullNotifications_menu {
	width: min(430px, calc(100vw - 24px)) !important;
	max-width: min(430px, calc(100vw - 24px)) !important;
	padding: 0 !important;
	overflow: hidden !important;
	background:
		radial-gradient(circle at top right, rgba(255, 100, 16, .14), transparent 42%),
		radial-gradient(circle at top left, rgba(36, 200, 255, .14), transparent 40%),
		linear-gradient(180deg, rgba(10, 17, 27, .985) 0%, rgba(5, 12, 22, .995) 100%) !important;
	border: 1px solid rgba(36, 200, 255, .28) !important;
	border-radius: 16px !important;
	box-shadow:
		0 26px 56px rgba(0, 0, 0, .52),
		0 0 26px rgba(36, 200, 255, .14),
		inset 0 1px 0 rgba(255, 255, 255, .05),
		inset 0 -1px 0 rgba(255, 100, 16, .10) !important;
	backdrop-filter: blur(16px) saturate(140%);
}

#ipsLayout_header #elFullNotifications_menu::after,
#elFullNotifications_menu::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: 16px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_headerBar,
#elFullNotifications_menu .ipsMenu_headerBar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 18px 16px !important;
	background: linear-gradient(180deg, rgba(17, 23, 34, .98), rgba(10, 15, 25, .94)) !important;
	border-bottom: 1px solid rgba(36, 200, 255, .16) !important;
	box-shadow: inset 0 -1px 0 rgba(255, 100, 16, .10);
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_headerBar h4,
#elFullNotifications_menu .ipsMenu_headerBar h4 {
	margin: 0 !important;
	color: #f6fbff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: .12em;
	text-transform: uppercase;
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_headerBar .ipsButton_link,
#elFullNotifications_menu .ipsMenu_headerBar .ipsButton_link {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 7px 11px !important;
	margin: 0 !important;
	color: #34d1ff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	text-decoration: none !important;
	background: linear-gradient(180deg, rgba(14, 35, 56, .92), rgba(6, 19, 34, .96)) !important;
	border: 1px solid rgba(36, 200, 255, .26) !important;
	border-radius: 999px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 18px rgba(0, 0, 0, .16) !important;
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_headerBar .ipsButton_link:hover,
#ipsLayout_header #elFullNotifications_menu .ipsMenu_headerBar .ipsButton_link:focus,
#elFullNotifications_menu .ipsMenu_headerBar .ipsButton_link:hover,
#elFullNotifications_menu .ipsMenu_headerBar .ipsButton_link:focus {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(27, 69, 103, .98), rgba(8, 29, 48, .98)) !important;
	border-color: rgba(36, 200, 255, .48) !important;
	box-shadow: 0 0 18px rgba(36, 200, 255, .16), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_innerContent,
#elFullNotifications_menu .ipsMenu_innerContent {
	padding: 0 !important;
	background: transparent !important;
}

#ipsLayout_header #elNotifyContent,
#elNotifyContent {
	max-height: min(420px, 70vh);
	margin: 0 !important;
	padding: 0 !important;
	overflow-y: auto;
	background:
		linear-gradient(180deg, rgba(7, 14, 24, .96), rgba(5, 11, 20, .98)) !important;
	scrollbar-width: thin;
	scrollbar-color: rgba(36, 200, 255, .38) rgba(255, 255, 255, .05);
}

#ipsLayout_header #elNotifyContent::-webkit-scrollbar,
#elNotifyContent::-webkit-scrollbar {
	width: 10px;
}

#ipsLayout_header #elNotifyContent::-webkit-scrollbar-track,
#elNotifyContent::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .04);
}

#ipsLayout_header #elNotifyContent::-webkit-scrollbar-thumb,
#elNotifyContent::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, rgba(36, 200, 255, .48), rgba(255, 100, 16, .48));
	border-radius: 999px;
	border: 2px solid rgba(6, 11, 19, .95);
}

#ipsLayout_header #elNotifyContent > li,
#elNotifyContent > li {
	position: relative;
	display: grid !important;
	grid-template-columns: auto 1fr;
	align-items: start;
	gap: 14px;
	padding: 16px 18px !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, .05) !important;
	transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

#ipsLayout_header #elNotifyContent > li:first-child,
#elNotifyContent > li:first-child {
	border-top: 0 !important;
}

#ipsLayout_header #elNotifyContent > li:hover,
#ipsLayout_header #elNotifyContent > li:focus-within,
#elNotifyContent > li:hover,
#elNotifyContent > li:focus-within {
	background: linear-gradient(90deg, rgba(36, 200, 255, .10), rgba(255, 100, 16, .08)) !important;
	box-shadow: inset 4px 0 0 rgba(255, 100, 16, .82);
}

#ipsLayout_header #elNotifyContent > li:not(.ipsDataItem_read):not(.ipsDataItem_disabled),
#elNotifyContent > li:not(.ipsDataItem_read):not(.ipsDataItem_disabled) {
	background: linear-gradient(90deg, rgba(36, 200, 255, .08), rgba(36, 200, 255, .02) 42%, transparent 100%) !important;
}

#ipsLayout_header #elNotifyContent > li:not(.ipsDataItem_read):not(.ipsDataItem_disabled)::before,
#elNotifyContent > li:not(.ipsDataItem_read):not(.ipsDataItem_disabled)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, #24c8ff, #ff6410);
	box-shadow: 0 0 14px rgba(36, 200, 255, .32);
}

#ipsLayout_header #elNotifyContent .ipsDataItem_icon,
#elNotifyContent .ipsDataItem_icon {
	margin: 0 !important;
	padding: 0 !important;
}

#ipsLayout_header #elNotifyContent .ipsUserPhoto,
#elNotifyContent .ipsUserPhoto {
	border: 1px solid rgba(36, 200, 255, .42) !important;
	border-radius: 12px !important;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 0 18px rgba(36, 200, 255, .16) !important;
	overflow: hidden;
}

#ipsLayout_header #elNotifyContent .ipsDataItem_main,
#elNotifyContent .ipsDataItem_main {
	min-width: 0;
}

#ipsLayout_header #elNotifyContent .ipsDataItem_main > a,
#elNotifyContent .ipsDataItem_main > a {
	display: block;
	color: inherit !important;
	text-decoration: none !important;
}

#ipsLayout_header #elNotifyContent .ipsDataItem_title,
#elNotifyContent .ipsDataItem_title {
	display: inline-block;
	margin: 0 0 4px;
	color: #f3f9ff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.35;
}

#ipsLayout_header #elNotifyContent .ipsDataItem_title strong,
#ipsLayout_header #elNotifyContent .ipsDataItem_title b,
#elNotifyContent .ipsDataItem_title strong,
#elNotifyContent .ipsDataItem_title b {
	color: #fff !important;
}

#ipsLayout_header #elNotifyContent .ipsType_light,
#ipsLayout_header #elNotifyContent time,
#elNotifyContent .ipsType_light,
#elNotifyContent time {
	color: rgba(180, 205, 228, .82) !important;
	font-size: 12px !important;
	line-height: 1.45;
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_footerBar,
#elFullNotifications_menu .ipsMenu_footerBar {
	padding: 12px 18px 16px !important;
	background: linear-gradient(180deg, rgba(10, 15, 25, .98), rgba(8, 12, 21, .98)) !important;
	border-top: 1px solid rgba(255, 255, 255, .05) !important;
	box-shadow: inset 0 1px 0 rgba(36, 200, 255, .08);
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_footerBar > a,
#elFullNotifications_menu .ipsMenu_footerBar > a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 14px;
	color: #24c8ff !important;
	font-weight: 700;
	text-decoration: none !important;
	background: linear-gradient(180deg, rgba(12, 31, 49, .88), rgba(6, 17, 31, .98));
	border: 1px solid rgba(36, 200, 255, .24);
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

#ipsLayout_header #elFullNotifications_menu .ipsMenu_footerBar > a:hover,
#ipsLayout_header #elFullNotifications_menu .ipsMenu_footerBar > a:focus,
#elFullNotifications_menu .ipsMenu_footerBar > a:hover,
#elFullNotifications_menu .ipsMenu_footerBar > a:focus {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(255, 100, 16, .20), rgba(10, 34, 55, .98));
	border-color: rgba(255, 100, 16, .34);
	box-shadow: 0 0 18px rgba(255, 100, 16, .14), inset 0 1px 0 rgba(255, 255, 255, .05);
}

#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt,
#elFullNotifications_menu .cNotifcationPrompt {
	padding: 14px;
	background: linear-gradient(180deg, rgba(10, 16, 26, .98), rgba(5, 10, 18, .98));
	border-bottom: 1px solid rgba(255, 255, 255, .05);
}

#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt .ipsPhotoPanel,
#elFullNotifications_menu .cNotifcationPrompt .ipsPhotoPanel {
	padding: 14px;
	background: linear-gradient(180deg, rgba(16, 31, 46, .96), rgba(7, 16, 28, .98));
	border: 1px solid rgba(36, 200, 255, .18);
	border-radius: 14px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt_title,
#elFullNotifications_menu .cNotifcationPrompt_title {
	color: #fff !important;
}

#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt_text,
#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt [data-role="promptMessage"],
#elFullNotifications_menu .cNotifcationPrompt_text,
#elFullNotifications_menu .cNotifcationPrompt [data-role="promptMessage"] {
	color: rgba(190, 211, 230, .88) !important;
}

#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt_dismiss,
#elFullNotifications_menu .cNotifcationPrompt_dismiss {
	color: rgba(255, 255, 255, .75) !important;
}

#ipsLayout_header #elFullNotifications_menu .cNotifcationPrompt_dismiss:hover,
#elFullNotifications_menu .cNotifcationPrompt_dismiss:hover {
	color: #fff !important;
}

@media (max-width: 767px) {
	#ipsLayout_header #elFullNotifications_menu,
	#elFullNotifications_menu {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
		border-radius: 14px !important;
	}

	#ipsLayout_header #elFullNotifications_menu .ipsMenu_headerBar,
	#elFullNotifications_menu .ipsMenu_headerBar {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	#ipsLayout_header #elNotifyContent > li,
	#elNotifyContent > li {
		padding: 14px 14px 14px 16px !important;
		gap: 12px;
	}
}

/* Alpha 0.7.1.54.13 — final native notification-list surface override. */
#elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList {
	color: #eaf7ff !important;
	background-color: #07101c !important;
	background-image:
		radial-gradient(circle at 8% 0%, rgba(36, 200, 255, .10), transparent 36%),
		linear-gradient(180deg, rgba(7, 16, 28, .99), rgba(4, 11, 20, .99)) !important;
	border: 0 !important;
}

#elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem {
	color: #eaf7ff !important;
	background-color: rgba(7, 16, 28, .98) !important;
	background-image: linear-gradient(90deg, rgba(36, 200, 255, .055), rgba(255, 100, 16, .025)) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(36, 200, 255, .10) !important;
	box-shadow: none !important;
}

#elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:last-child,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:last-child,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:last-child {
	border-bottom: 0 !important;
}

#elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:hover,
#elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:focus-within,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:hover,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:focus-within,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:hover,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent.ipsDataList > li.ipsDataItem:focus-within {
	background-color: rgba(11, 29, 47, .99) !important;
	background-image: linear-gradient(90deg, rgba(36, 200, 255, .14), rgba(255, 100, 16, .09)) !important;
	box-shadow: inset 4px 0 0 #ff6410, inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

#elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_icon,
#elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_main,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_icon,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_main,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_icon,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_main {
	color: #eaf7ff !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_main > a,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_main > a,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_main > a {
	color: #eaf7ff !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

#elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_title,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_title,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsDataItem_title {
	color: #f4fbff !important;
	text-shadow: 0 0 12px rgba(36, 200, 255, .08);
}

#elFullNotifications_menu.ipsMenu #elNotifyContent .ipsType_light,
#elFullNotifications_menu.ipsMenu #elNotifyContent time,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsType_light,
#ipsLayout_header #elFullNotifications_menu.ipsMenu #elNotifyContent time,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent .ipsType_light,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu #elNotifyContent time {
	color: rgba(153, 190, 218, .88) !important;
}

#elFullNotifications_menu.ipsMenu .ipsMenu_innerContent,
#ipsLayout_header #elFullNotifications_menu.ipsMenu .ipsMenu_innerContent,
body.shIpsCompactHeader #elFullNotifications_menu.ipsMenu .ipsMenu_innerContent {
	background-color: #07101c !important;
	background-image: linear-gradient(180deg, rgba(7, 16, 28, .99), rgba(4, 11, 20, .99)) !important;
	border: 0 !important;
}

/* Alpha 0.7.1.56.18 — compact initial profile cover and clean member actions. */
#elProfileHeader[data-controller~="core.global.core.coverPhoto"]:not([data-sonic-cover-ready="1"]) {
	height: 250px !important;
	min-height: 250px !important;
	max-height: 250px !important;
}

#elProfileHeader > .shProfileHeaderActions {
	position: absolute !important;
	right: 22px !important;
	bottom: 16px !important;
	left: auto !important;
	top: auto !important;
	z-index: 28 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 10px !important;
	width: auto !important;
	max-width: calc(100% - 44px);
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
	pointer-events: auto;
}

#elProfileHeader > .shProfileHeaderActions > .shProfileHeaderActions__item {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none !important;
}

#elProfileHeader > .shProfileHeaderActions .shProfileHeaderAction,
#elProfileHeader > .shProfileHeaderActions .ipsButton {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 1px solid rgba(255, 145, 72, .82) !important;
	border-radius: 8px !important;
	color: #fff !important;
	background: linear-gradient(135deg, rgba(226, 69, 0, .96), rgba(255, 111, 16, .96)) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, .34), 0 0 18px rgba(255, 100, 16, .16) !important;
	font-weight: 800;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .28);
	white-space: nowrap;
}

#elProfileHeader > .shProfileHeaderActions .shProfileHeaderAction:hover,
#elProfileHeader > .shProfileHeaderActions .shProfileHeaderAction:focus,
#elProfileHeader > .shProfileHeaderActions .ipsButton:hover,
#elProfileHeader > .shProfileHeaderActions .ipsButton:focus {
	transform: translateY(-1px);
	border-color: #ffc095 !important;
	background: linear-gradient(135deg, #f25000, #ff7f22) !important;
	box-shadow: 0 11px 28px rgba(0, 0, 0, .40), 0 0 22px rgba(255, 100, 16, .28) !important;
}

#elProfileHeader .shProfileActionsSource {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#elProfileHeader .shProfileActionsSource--empty {
	display: none !important;
}

@media (max-width: 767px) {
	#elProfileHeader[data-controller~="core.global.core.coverPhoto"]:not([data-sonic-cover-ready="1"]) {
		height: 230px !important;
		min-height: 230px !important;
		max-height: 230px !important;
	}

	#elProfileHeader > .shProfileHeaderActions {
		top: 52px !important;
		right: 8px !important;
		bottom: auto !important;
		gap: 6px !important;
		max-width: calc(100% - 16px);
	}

	#elProfileHeader > .shProfileHeaderActions .shProfileHeaderAction,
	#elProfileHeader > .shProfileHeaderActions .ipsButton {
		min-height: 36px;
		padding: 0 10px !important;
		font-size: 11px;
	}
}

/* Alpha 0.7.1.56.20 — Sonic profile achievements, tabs and activity stream. */
[data-controller~="core.front.profile.main"] {
	--sh-profile-panel: rgba(4, 14, 27, .98);
	--sh-profile-panel-2: rgba(8, 25, 42, .97);
	--sh-profile-border: rgba(36, 200, 255, .25);
	--sh-profile-border-hot: rgba(255, 100, 16, .58);
}

/* The native achievement links use a pale ipsAreaBackground_light state on
   hover/focus. Keep every state inside the Sonic dark-glass palette. */
[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/badges/"],
[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/achievements/"],
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/badges/"].ipsAreaBackground_light,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/achievements/"].ipsAreaBackground_light {
	color: #b9eaff !important;
	background-color: transparent !important;
	background-image: linear-gradient(145deg, rgba(7, 22, 38, .72), rgba(3, 12, 23, .74)) !important;
	border: 1px solid transparent !important;
	border-radius: 9px !important;
	box-shadow: none !important;
	transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/badges/"]:hover,
[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/badges/"]:focus,
[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/achievements/"]:hover,
[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/achievements/"]:focus,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/badges/"].ipsAreaBackground_light:hover,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/badges/"].ipsAreaBackground_light:focus,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/achievements/"].ipsAreaBackground_light:hover,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/achievements/"].ipsAreaBackground_light:focus {
	color: #fff !important;
	background-color: rgba(7, 25, 42, .98) !important;
	background-image:
		radial-gradient(circle at 50% 0%, rgba(36, 200, 255, .16), transparent 62%),
		linear-gradient(145deg, rgba(10, 31, 51, .98), rgba(4, 15, 28, .98)) !important;
	border-color: rgba(36, 200, 255, .52) !important;
	box-shadow: inset 0 -3px 0 #ff6410, 0 10px 26px rgba(0, 0, 0, .30), 0 0 18px rgba(36, 200, 255, .10) !important;
	transform: translateY(-1px);
	outline: 0 !important;
}

[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/badges/"] *,
[data-controller~="core.front.profile.main"] .ipsGrid a[href*="/achievements/"] *,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/badges/"].ipsAreaBackground_light *,
[data-controller~="core.front.profile.main"] .ipsFlex a[href*="/achievements/"].ipsAreaBackground_light * {
	color: inherit !important;
	background-color: transparent !important;
	background-image: none !important;
}

@supports selector(.ipsBox:has(a[href*="/badges/"])) {
	[data-controller~="core.front.profile.main"] .ipsBox:has(a[href*="/badges/"]) .ipsGrid > li,
	[data-controller~="core.front.profile.main"] .ipsWidget:has(a[href*="/badges/"]) .ipsGrid > li,
	[data-controller~="core.front.profile.main"] .ipsBox:has(a[href*="/badges/"]) .ipsFlex > li,
	[data-controller~="core.front.profile.main"] .ipsWidget:has(a[href*="/badges/"]) .ipsFlex > li {
		background-color: transparent !important;
		box-shadow: none !important;
	}
}

/* Rebuild the native Activity / Images switcher as a compact segmented bar. */
[data-controller~="core.front.profile.main"] .cProfileContent > .ipsTabs,
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs:first-child,
[data-controller~="core.front.profile.main"] #elUserContent ~ .ipsTabs {
	margin: 0 !important;
	padding: 6px !important;
	border: 1px solid var(--sh-profile-border) !important;
	border-bottom-color: rgba(36, 200, 255, .17) !important;
	border-radius: 12px 12px 0 0 !important;
	color: #dff5ff !important;
	background-color: #061322 !important;
	background-image: linear-gradient(180deg, rgba(10, 29, 48, .99), rgba(4, 14, 27, .99)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 12px 28px rgba(0, 0, 0, .25) !important;
}

[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs > ul,
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs ul[role="tablist"] {
	display: flex !important;
	align-items: stretch !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item,
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item:link,
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item:visited {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 1 0 !important;
	min-height: 40px !important;
	margin: 0 !important;
	padding: 9px 14px !important;
	border: 1px solid rgba(36, 200, 255, .10) !important;
	border-radius: 8px !important;
	color: #9ebbd0 !important;
	background-color: rgba(2, 10, 20, .64) !important;
	background-image: linear-gradient(180deg, rgba(7, 21, 36, .82), rgba(2, 10, 20, .82)) !important;
	box-shadow: none !important;
	font-weight: 800 !important;
	text-shadow: none !important;
	transition: color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item:hover,
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item:focus {
	color: #fff !important;
	border-color: rgba(36, 200, 255, .40) !important;
	background-color: rgba(10, 31, 50, .96) !important;
	background-image: linear-gradient(180deg, rgba(13, 39, 63, .98), rgba(5, 19, 34, .98)) !important;
	box-shadow: 0 0 16px rgba(36, 200, 255, .10) !important;
	outline: 0 !important;
}

[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_activeItem,
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item[aria-selected="true"],
[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item.ipsTabs_activeItem {
	color: #fff !important;
	border-color: var(--sh-profile-border-hot) !important;
	background-color: rgba(16, 35, 53, .99) !important;
	background-image:
		linear-gradient(180deg, rgba(16, 42, 66, .99), rgba(5, 18, 32, .99)) !important;
	box-shadow: inset 0 -3px 0 #ff6410, 0 0 18px rgba(255, 100, 16, .10) !important;
	text-shadow: 0 0 12px rgba(36, 200, 255, .18) !important;
}

/* Match the stream underneath the segmented tabs and remove pale IPS strips. */
[data-controller~="core.front.profile.main"] #elUserContent,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview {
	color: #e9f7ff !important;
	background: transparent !important;
	border-color: var(--sh-profile-border) !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] #elUserContent .ipsStream,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsStream,
[data-controller~="core.front.profile.main"] #elUserContent .ipsDataList,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsDataList {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] #elUserContent .ipsStreamItem,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsStreamItem,
[data-controller~="core.front.profile.main"] #elUserContent .ipsDataItem {
	margin: 0 0 10px !important;
	padding: 14px 16px !important;
	border: 1px solid rgba(36, 200, 255, .22) !important;
	border-radius: 11px !important;
	color: #e9f7ff !important;
	background-color: var(--sh-profile-panel) !important;
	background-image: linear-gradient(145deg, rgba(6, 19, 33, .98), rgba(2, 10, 20, .98)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 10px 24px rgba(0, 0, 0, .22) !important;
}

[data-controller~="core.front.profile.main"] #elUserContent .ipsStreamItem:hover,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsStreamItem:hover,
[data-controller~="core.front.profile.main"] #elUserContent .ipsDataItem:hover {
	border-color: rgba(36, 200, 255, .38) !important;
	background-color: var(--sh-profile-panel-2) !important;
	background-image: linear-gradient(145deg, rgba(9, 28, 47, .99), rgba(3, 13, 24, .99)) !important;
	box-shadow: inset 3px 0 0 #ff6410, 0 12px 28px rgba(0, 0, 0, .27) !important;
}

[data-controller~="core.front.profile.main"] #elUserContent .ipsStreamItem *,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsStreamItem * {
	border-color: rgba(36, 200, 255, .12);
}

[data-controller~="core.front.profile.main"] #elUserContent .ipsType_light,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsType_light,
[data-controller~="core.front.profile.main"] #elUserContent time,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview time {
	color: #8da9bd !important;
}

[data-controller~="core.front.profile.main"] #elUserContent a,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview a {
	color: #58d9ff !important;
}

[data-controller~="core.front.profile.main"] #elUserContent a:hover,
[data-controller~="core.front.profile.main"] #elProfileActivityOverview a:hover {
	color: #ff9a5b !important;
}

@media (max-width: 767px) {
	[data-controller~="core.front.profile.main"] .cProfileContent > .ipsTabs,
	[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs:first-child {
		padding: 5px !important;
		border-radius: 9px 9px 0 0 !important;
	}

	[data-controller~="core.front.profile.main"] .cProfileContent .ipsTabs_item {
		min-height: 42px !important;
		padding: 8px 10px !important;
	}

	[data-controller~="core.front.profile.main"] #elUserContent .ipsStreamItem,
	[data-controller~="core.front.profile.main"] #elProfileActivityOverview .ipsStreamItem,
	[data-controller~="core.front.profile.main"] #elUserContent .ipsDataItem {
		padding: 12px !important;
		border-radius: 9px !important;
	}
}

/* Alpha 0.7.1.56.21 — exact IPS profile achievement and tab selectors. */
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"],
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:link,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:visited,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:hover,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:focus,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:active {
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0;
	min-height: 92px;
	margin: 0 !important;
	padding: 12px 16px !important;
	border: 1px solid rgba(36, 200, 255, .17) !important;
	border-radius: 10px !important;
	outline: 0 !important;
	color: #bcecff !important;
	background: linear-gradient(145deg, rgba(8, 25, 42, .98), rgba(3, 12, 23, .99)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 22px rgba(0, 0, 0, .22) !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}

[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:hover,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:focus-visible,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:active {
	border-color: rgba(36, 200, 255, .54) !important;
	color: #fff !important;
	background: radial-gradient(circle at 50% 0%, rgba(36, 200, 255, .17), transparent 62%), linear-gradient(145deg, rgba(11, 34, 56, .99), rgba(4, 15, 28, .99)) !important;
	box-shadow: inset 0 -3px 0 #ff6410, 0 11px 28px rgba(0, 0, 0, .30), 0 0 18px rgba(36, 200, 255, .11) !important;
}

[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"] > ul,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"] li,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"] span,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"] i,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]::before,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]::after {
	color: inherit !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* The actual IPS profile tab wrapper is #elProfileTabs, not .cProfileContent. */
[data-controller~="core.front.profile.main"] #elProfileTabs,
[data-controller~="core.front.profile.main"] div#elProfileTabs.ipsTabs.ipsTabs_stretch {
	position: relative;
	margin: 0 !important;
	padding: 6px !important;
	border: 1px solid rgba(36, 200, 255, .25) !important;
	border-bottom-color: rgba(36, 200, 255, .18) !important;
	border-radius: 11px 11px 0 0 !important;
	color: #dff5ff !important;
	background: linear-gradient(180deg, rgba(9, 28, 47, .99), rgba(3, 13, 25, .99)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 10px 27px rgba(0, 0, 0, .25) !important;
	overflow: hidden;
}

[data-controller~="core.front.profile.main"] #elProfileTabs::before,
[data-controller~="core.front.profile.main"] #elProfileTabs::after {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs > a[data-action="expandTabs"] {
	color: #9eeaff !important;
	background: rgba(3, 14, 27, .98) !important;
	border: 1px solid rgba(36, 200, 255, .20) !important;
	border-radius: 7px !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs > ul[role="tablist"] {
	display: flex !important;
	align-items: stretch !important;
	gap: 6px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs > ul[role="tablist"] > li {
	display: flex !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item:link,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item:visited {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 1 auto !important;
	width: 100% !important;
	min-height: 42px !important;
	margin: 0 !important;
	padding: 9px 14px !important;
	border: 1px solid rgba(36, 200, 255, .12) !important;
	border-radius: 8px !important;
	color: #9ebbd0 !important;
	background: linear-gradient(180deg, rgba(7, 21, 36, .92), rgba(2, 10, 20, .94)) !important;
	box-shadow: none !important;
	font-weight: 800 !important;
	text-align: center !important;
	text-shadow: none !important;
	text-decoration: none !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item:hover,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item:focus,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item:focus-visible {
	color: #fff !important;
	border-color: rgba(36, 200, 255, .43) !important;
	background: linear-gradient(180deg, rgba(13, 39, 63, .99), rgba(5, 19, 34, .99)) !important;
	box-shadow: 0 0 17px rgba(36, 200, 255, .11) !important;
	outline: 0 !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item.ipsTabs_activeItem,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_activeItem,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item[aria-selected="true"] {
	color: #fff !important;
	border-color: rgba(255, 100, 16, .62) !important;
	background: radial-gradient(circle at 50% 0%, rgba(36, 200, 255, .12), transparent 72%), linear-gradient(180deg, rgba(16, 42, 66, .99), rgba(5, 18, 32, .99)) !important;
	box-shadow: inset 0 -3px 0 #ff6410, 0 0 18px rgba(255, 100, 16, .10) !important;
	text-shadow: 0 0 12px rgba(36, 200, 255, .20) !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs_content {
	border: 1px solid rgba(36, 200, 255, .22) !important;
	border-top: 0 !important;
	border-radius: 0 0 11px 11px !important;
	background: rgba(3, 12, 23, .96) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .23) !important;
}

@media (max-width: 767px) {
	[data-controller~="core.front.profile.main"] #elProfileTabs {
		padding: 5px !important;
		border-radius: 9px 9px 0 0 !important;
	}

	[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item {
		min-height: 42px !important;
		padding: 8px 10px !important;
	}
}

/* Alpha 0.7.1.56.22 — live IPS profile wrapper scope correction. */

/*
 * IPS profile pages are wrapped by data-controller="core.front.profile.main".
 * The live body element does not expose the data-pageapp/module/controller
 * attributes used by earlier rules, so scope profile overrides to the actual
 * controller wrapper instead.
 */
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"],
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:hover,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:focus,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="badgeLog"]:active {
	color: #bcecff !important;
	background-color: #051426 !important;
	background-image: linear-gradient(145deg, rgba(8, 25, 42, .99), rgba(3, 12, 23, 1)) !important;
}

[data-controller~="core.front.profile.main"] #elProfileTabs,
[data-controller~="core.front.profile.main"] #elProfileTabs > ul,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item,
[data-controller~="core.front.profile.main"] #elProfileTabs .ipsTabs_item.ipsTabs_activeItem {
	background-color: #051426 !important;
}

/* Alpha 0.7.1.56.23 — exact IPS profile reputation selector. */
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"],
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:link,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:visited,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:hover,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:focus,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:active {
	position: relative;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	min-height: 92px !important;
	margin: 0 !important;
	padding: 12px 16px !important;
	border: 1px solid rgba(36, 200, 255, .17) !important;
	border-radius: 10px !important;
	outline: 0 !important;
	color: #bcecff !important;
	background-color: #051426 !important;
	background-image: linear-gradient(145deg, rgba(8, 25, 42, .99), rgba(3, 12, 23, 1)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 22px rgba(0, 0, 0, .22) !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}

[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:hover,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:focus-visible,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]:active {
	border-color: rgba(255, 100, 16, .56) !important;
	color: #fff !important;
	background-color: #07182a !important;
	background-image: radial-gradient(circle at 50% 0%, rgba(255, 100, 16, .17), transparent 64%), linear-gradient(145deg, rgba(11, 34, 56, .99), rgba(4, 15, 28, .99)) !important;
	box-shadow: inset 0 -3px 0 #ff6410, 0 11px 28px rgba(0, 0, 0, .30), 0 0 18px rgba(255, 100, 16, .11) !important;
}

[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] .cProfileRepScore,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] .cProfileRepScore_neutral,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] p,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] h3,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] span,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] i,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]::before,
[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"]::after {
	color: inherit !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] .cProfileRepScore {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 46px !important;
	height: 46px !important;
	min-width: 46px !important;
	margin: 0 auto !important;
	border: 2px solid rgba(36, 200, 255, .52) !important;
	border-radius: 50% !important;
	color: #f4fbff !important;
	background: linear-gradient(145deg, rgba(36, 200, 255, .22), rgba(3, 14, 27, .98)) !important;
	box-shadow: 0 0 18px rgba(36, 200, 255, .14) !important;
}

[data-controller~="core.front.profile.main"] .cProfileAchievements > a[data-action="repLog"] h3 {
	margin-top: 8px !important;
	color: #bcecff !important;
	text-shadow: none !important;
}

/* Alpha 0.7.1.56.24 — Sonic first-place leaderboard winner card. */
[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 {
	position: relative !important;
	isolation: isolate;
	overflow: hidden;
	padding: 18px 18px 17px 68px !important;
	border: 1px solid rgba(255, 190, 72, .48) !important;
	border-left: 4px solid #ffb72e !important;
	border-radius: 12px !important;
	color: #f4f8fb !important;
	background-color: #071321 !important;
	background-image:
		radial-gradient(circle at 13% 24%, rgba(255, 184, 46, .20), transparent 28%),
		linear-gradient(135deg, rgba(20, 31, 42, .99), rgba(4, 14, 26, .99)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .04),
		inset 0 -2px 0 rgba(255, 170, 35, .10),
		0 12px 30px rgba(0, 0, 0, .30),
		0 0 22px rgba(255, 176, 42, .10) !important;
}

[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1::before {
	content: "\f091";
	position: absolute;
	left: 17px;
	top: 50%;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	transform: translateY(-50%);
	border: 1px solid rgba(255, 205, 106, .72);
	border-radius: 50%;
	font-family: FontAwesome;
	font-size: 17px;
	color: #fff1bd;
	background: linear-gradient(145deg, rgba(255, 181, 40, .34), rgba(82, 49, 6, .88));
	box-shadow: 0 0 20px rgba(255, 183, 45, .22), inset 0 1px 0 rgba(255, 255, 255, .20);
}

[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(115deg, transparent 0 58%, rgba(255, 194, 74, .055) 58% 61%, transparent 61%),
		linear-gradient(115deg, transparent 0 72%, rgba(36, 200, 255, .035) 72% 74%, transparent 74%);
}

[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 p,
[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 span,
[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 a {
	position: relative;
	z-index: 1;
	color: inherit !important;
	background: transparent !important;
	text-shadow: none !important;
}

[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 p:first-of-type {
	margin: 0 0 5px !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #ffd77c !important;
}

[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 p:last-of-type {
	margin: 0 !important;
	font-size: 12px !important;
	line-height: 1.55;
	color: #c8d8e4 !important;
}

[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1:hover {
	border-color: rgba(255, 203, 96, .72) !important;
	background-image:
		radial-gradient(circle at 13% 24%, rgba(255, 184, 46, .26), transparent 30%),
		linear-gradient(135deg, rgba(24, 37, 49, .99), rgba(5, 16, 29, .99)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .05),
		inset 0 -2px 0 rgba(255, 170, 35, .14),
		0 14px 34px rgba(0, 0, 0, .34),
		0 0 26px rgba(255, 176, 42, .15) !important;
}

@media (max-width: 767px) {
	[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1 {
		padding: 16px 14px 16px 62px !important;
	}

	[data-controller~="core.front.profile.main"] .cProfileSidebarBlock.ipsLeaderboard_trophy_1::before {
		left: 14px;
		width: 36px;
		height: 36px;
	}
}