@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Debug CSS used for testing before adding to main.css */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.toggle-message {
	display: none;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RPCN Testing */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rpcn-playerbase-con-container {
	background:#fff;
	box-shadow:rgba(0,0,0,0.1) 0 10px 32px 0;
	width:100%;
	height:auto;
	border-radius:16px;
	display:inline-block;
	padding-bottom:25px;
	overflow:hidden;
	position:relative;
	border:1px solid rgba(255,255,255,0.1);
}
.rpcn-playerbase-ico-banner {
	background:url("/img/graphics/rpcn/service.png") center center / cover no-repeat;
	width:100px;
	height:100px;
	position:relative;
	margin-left:20px;
	margin-bottom:20px;
	top:20px;
	float:left;
}
.rpcn-playerbase-con-banner {
	background:linear-gradient(-90deg,rgb(255 255 255 / 0%) 25%,rgb(255 255 255) 100%);
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
.rpcn-playerbase-ovr-banner {
	background:linear-gradient(90deg,rgb(255 255 255 / 0%) 25%,rgb(0 0 0 / 20%) 100%);
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
.rpcn-playerbase-img-banner {
	background:unset;
	width:100%;
	height:100%;
	position:relative;
}
.rpcn-playerbase-user-count {
	padding:12px 12px;
	font-family:Roboto-Bold;
	font-size:32px;
	line-height:26px;
	border-radius:12px;
	color:#686de0;
}
.rpcn-playerbase-user-desc {
	padding-left:12px;
	font-family:Roboto-Regular;
	font-size:16px;
	line-height:26px;
	border-radius:12px;
	color:#000;
}
.rpcn-playerbase-ico-service {
	background:url("/img/graphics/rpcn/logo.png") center right / contain no-repeat;
	width:192px;
	height:70px;
	position:absolute;
	right:40px;
	z-index:2;
	top:36px;
}
.rpcn-playerbase-img-container {
	width:60%;
	height:100%;
	position:absolute;
	right:0;
	background:rgb(200 203 255 / 50%);
}
.rpcn-playerbase-tx1-banner {
	font-family:Roboto-Bold;
	font-size:24px;
	line-height:26px;
	color:#000;
	margin-bottom:4px;
}
.rpcn-playerbase-txt-container {
	color:#000;
	float:left;
	margin-top:31px;
	padding-left:15px;
	z-index:2;
	position: relative;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rpcn-infopane-con-container {
	width:100%;
	height:auto;
	margin-top:20px;
	display:inline-block;
}
.rpcn-infopane-con-outer {
	width:33.3333%;
	height:100%;
	position:relative;
	float:left;
}
.rpcn-infopane-con-inner-a {
	border-radius:16px;
	background:#fff;
	box-shadow:rgba(0,0,0,0.1) 0 10px 32px 0;
	margin:10px;
	overflow:hidden;
	position:relative;
	transition:all 0.1s ease-in-out 0s;
	border:1px solid rgba(255,255,255,0.1);
}
.rpcn-infopane-con-inner-a:hover {
	transform:translate(0px,-10px);
}
.rpcn-infopane-con-text h3 {
	font-family:Roboto-Bold;
	font-size:24px;
	line-height:26px;
	color:#fff;
	height:24px;
	padding-left:20px;
	padding-top:20px;
	margin-bottom:15px;
}
.rpcn-infopane-con-text p {
	font-family:Roboto-Regular;
	font-size:16px;
	line-height:18px;
	color:#fff;
	height:18px;
	padding-left:20px;
	padding-top:5px;
}
.rpcn-infopane-con-text-bold {
	color:rgba(255,255,255,0.5);
	font-family:Roboto-Bold;
}
.rpcn-infopane-con-image {
	height:64px;
	position:relative;
	margin-left:20px;
	background-size:32px !important;
}
.rpcn-infopane-con-graphic {
	height:184px;
	width:206px;
	position:absolute;
	background-size:contain !important;
}
.rpcn-infopane-tx1-title {
	font-family:Roboto-Bold;
	font-size:24px;
	line-height:26px;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:20px;
	z-index:1;
	position:relative;
}
.rpcn-infopane-tx2-desc {
	font-family:Roboto-Regular;
	font-size:14px;
	line-height:26px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:28px;
	z-index:1;
	position:relative;
}
.rpcn-infopane-tx3-label {
	background:rgb(255 159 67 / 10%);
	border:solid 1px rgb(255 159 67 / 60%);
	border-radius:6px;
	padding:2px 6px;
	font-family:Roboto-Regular;
	font-size:14px;
	top:-4px;
	position:relative;
	color:rgb(255 159 67);
	line-height: 0px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rpcn-list-con-container {
	width:100%;
}
.rpcn-list-con-container table {
	font-family:Roboto-Regular;
	font-size:14px;
	margin-top:20px;
	margin-bottom:40px;
}
.rpcn-list-con-container tr {
	height:40px;
	margin-bottom:10px;
}
.rpcn-list-con-container td {
	background:rgba(0,102,204,0.05);
	width:100%;
	border-top-left-radius:12px;
	border-bottom-left-radius:12px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:12px;
	border:1px solid rgb(210 210 210 / 10%);
}
.rpcn-list-con-container td:hover {
	background:rgba(0,102,204,0.1);
}
.rpcn-list-con-container td:last-child {
	text-align:center;
	position:relative;
	color:#fff;
	background:linear-gradient(to top,rgb(46,204,113) 25%,rgb(26,188,156) 100%);
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	display:flex;
	line-height:50px;
	padding-left:unset;
	padding-right:4px;
	border:1px solid rgb(255 255 255 / 50%);
	font-weight:bold;
	box-shadow:rgb(26 188 156 / 40%) 0 10px 32px 0;
	text-shadow:rgba(0,0,0,0.3) 0 2px 2px;
}
.rpcn-list-con-container tr:nth-child(2n) {
	background:linear-gradient(to left,rgba(255,255,255,0.0),rgba(0,102,204,0.1));
}
.rpcn-list-title {
	height:auto;
	display:flex;
	padding:8px 0px;
}
.rpcn-list-title-container {
	display:flex;
	align-items:center;
	justify-content:center;
	line-height: 14px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rpcn-list-ico-player {
	margin-top:6px;
	height:36px;
	width:36px;
	position:relative;
	border-radius:10px;
	margin-left:6px;
	margin-right:10px;
	box-shadow:rgb(0 0 0 / 25%) 0 2px 2px;
	border:solid 1px rgb(255 255 255 / 40%);
}
.rpcn-list-ico-status {
	background:linear-gradient(-180deg,rgb(46,204,113) 25%,rgb(26,188,156) 100%);
	box-shadow:rgba(0,116,231,0.4) 0 10px 32px 0;
	border-radius:100%;
	height:16px;
	width:16px;
	position:relative;
	margin-right:10px;
	animation:anim-rpcn-status-pulse 2s ease-in-out infinite;
}
.rpcn-list-ico-status::after {
	content:'';
	position:absolute;
	top:-4px;
	left:-4px;
	width:24px;
	height:24px;
	border-radius:100%;
	background:rgb(46 204 113);
	animation:anim-rpcn-status-pulse-ring 2s ease-in-out infinite;
}
.rpcn-list-regions {
	display:inline-block;
	background:rgb(255 255 255 / 10%);
	padding-left:2px;
	padding-right:3px;
	margin-left:6px;
	margin-right:6px;
	height:32px;
	border-radius:10px;
	border:solid 1px rgb(255 255 255 / 10%);
	top:0px;
	position:relative;
	float:right;
	box-shadow:rgb(0 0 0 / 10%) 0 2px 2px;
}
.rpcn-list-flags {
	position:relative;
	display:inline-block;
	border-radius:6px;
	width:38px;
	height:24px;
	overflow:hidden;
	top:3px;
	margin-left:2px;
	border:1px solid rgb(0 0 0 / 10%);
}
.rpcn-list-flags:hover {
	border:1px solid #39f;
}
.rpcn-list-flags img {
	object-fit:cover;
	width:100%;
	height:100%;
}
.rpcn-list-flags img:hover {
	opacity: 0.8;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@keyframes anim-rpcn-status-pulse {
	0% {
				transform:scale(1);
	}
	50% {
				transform:scale(1.1);
	}
	100% {
				transform:scale(1);
	}
}
@keyframes anim-rpcn-status-pulse-ring {
	0% {
				transform:scale(0.8);
				opacity:0.5;
	}
	50% {
				transform:scale(1.2);
				opacity:0;
	}
	100% {
				transform:scale(0.8);
				opacity: 0.5;
	}
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media screen and (max-width:800px) {
	.rpcn-infopane-con-outer {
				float:unset !important;
				width:100% !important;
				margin-bottom:20px;
	}
}
@media screen and (max-width:800px) {
	.rpcn-infopane-con-inner-a {
				margin:0;
	}
}
@media screen and (max-width:800px) {
	.rpcn-list-ico-status {
				display: none;
	}
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RPCN Testing 2 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rpcn-list-title-container {
	display:flex;
	align-items:center;
}
.rpcn-game-icon {
	width:64px;
	height:auto;
	border-radius:4px;
	margin:0 10px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
/* Search form */
.search-container {
	position:relative;
	margin-top: 20px;
	z-index: 100;
	box-shadow: rgba(0, 0, 0, .1) 0 16px 32px 0;
	border-radius: 50px;
}
.search-form {
	border-radius: 50px;
}
.search-input {
	flex:1;
	padding:15px;
	border-radius:4px 0 0 4px;
	border: solid 2px #fff;
	background: #fff;
	color:#fff;
	font-size:16px;
	box-sizing:border-box;
	min-width:0;
}
.search-input:focus {
	outline:none;
	border-color:#66c0f4;
}
.search-submit {
	padding:0 18px;
	background:#2a475e;
	border:1px solid rgba(255,255,255,0.1);
	border-left:none;
	border-radius:0 4px 4px 0;
	color: #fff;
	font-size:15px;
	cursor:pointer;
	white-space:nowrap;
	transition:background .15s,color .15s;
	line-height:1;
}
.search-submit:hover {
	background:#3d6b8a;
	color:#fff;
}
.js-ready .search-submit {
	display:none;
}
.js-ready .search-input {
	width: 100%;
	color:#fff;
	border-radius: 50px;
	font-family: 'Roboto-Bold';
	font-size: 18px;
}
.js-ready .search-input:focus::placeholder  {
	color:#686de0;
}
.js-ready .search-input:hover::placeholder  {
	color:#686de0;
}
.search-results {
	position:absolute;
	margin-top: 14px;
	top:100%;
	left:0;
	right:0;
	background: rgba(17,21,37,.6);
	backdrop-filter: blur(32px) saturate(240%);
	border: 1px solid rgba(255,255,255,0.1);
	max-height: 312px;
	overflow-y:auto;
	display:none;
	box-shadow: rgba(0,0,0,0.1) 0 10px 32px 0;
	border-radius: 24px;
}
.search-item {
	display:flex;
	align-items:center;
	padding:10px;
	cursor:pointer;
	border-bottom:1px solid rgba(255,255,255,0.05);
	text-decoration:none;
	color:#d5d6d8;
}
.search-item:hover {
	background:#03A9F4;
}
.search-icon {
	width: 64px;
	border-radius: 6px;
	margin-right: 12px;
	margin-left: 2px;
	margin-top: 4px;
	flex-shrink:0;
	box-shadow: rgba(0,0,0,0.1) 0 10px 32px 0;
	border: solid 1px rgb(255 255 255 / 10%);
}
.search-title {
	flex-grow:1;
	font-family: Roboto-Regular;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-shadow: rgba(0,0,0,.25) 0 2px 2px;
}
.search-flags img {
	height: 38px;
	width: 36px;
	margin-left: 12px;
}
.search-results-section {
	margin-top:30px;
}
.search-results-header {
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:12px;
	flex-wrap:wrap;
}
.search-results-title {
	font-size:1.1rem;
	font-weight:700;
	color:#c7d5e0;
}
.search-results-count {
	font-size:0.82rem;
	color:#69707a;
	background:rgba(255,255,255,0.05);
	padding:2px 10px;
	border-radius:20px;
}
.search-clear-link {
	margin-left:auto;
	font-size:0.82rem;
	color:#66c0f4;
	text-decoration:none;
	opacity:0.7;
}
.search-clear-link:hover {
	opacity:1;
}
.search-no-results {
	color:#69707a;
	font-style:italic;
	padding:20px 0;
	text-align:center;
}
.search-result-online-badge {
	display:inline-flex;
	align-items:center;
	gap:5px;
	color:#4cffb3;
	font-size:0.85rem;
	font-weight:600;
	white-space:nowrap;
}
.search-result-online-dot {
	width:7px;
	height:7px;
	border-radius:50%;
	background:#4cffb3;
	flex-shrink:0;
}
.table-game-link {
	display:flex;
	align-items:center;
	color:inherit;
	text-decoration:none;
	transition:0.15s ease-in-out;
}
.table-game-link:hover {
	color:#66c0f4;
}
.rpcn-service-error {
	display:flex;
	align-items:center;
	gap:8px;
	color:#ffaaaa;
	font-size:14px;
	padding: 6px 0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rpcn-datapane-con-container {
	width:100%;
	height:auto;
	display:inline-block;
}
.rpcn-datapane-con-outer {
	width:33.3333%;
	height:100%;
	position:relative;
	float:left;
}
.rpcn-datapane-con-inner-a {
	border-radius:16px;
	background:#fff;
	box-shadow:rgba(0,0,0,0.1) 0 10px 32px 0;
	margin:10px;
	overflow:hidden;
	position:relative;
	transition:all 0.1s ease-in-out 0s;
	border:1px solid rgba(255,255,255,0.1);
	min-height: 230px;
}
.rpcn-datapane-con-inner-a:hover {
	transform:translate(0px,-10px);
}
.rpcn-datapane-con-text h3 {
	font-family:Roboto-Bold;
	font-size:24px;
	line-height:26px;
	color:#fff;
	height:24px;
	padding-left:20px;
	padding-top:20px;
	margin-bottom:15px;
}
.rpcn-datapane-con-text p {
	font-family:Roboto-Regular;
	font-size:16px;
	line-height:18px;
	color:#fff;
	height:18px;
	padding-left:20px;
	padding-top:5px;
}
.rpcn-datapane-con-text-bold {
	color:rgba(255,255,255,0.5);
	font-family:Roboto-Bold;
}
.rpcn-datapane-con-image {
	height:64px;
	position:relative;
	margin-left:20px;
	background-size:32px !important;
}
.rpcn-datapane-con-graphic {
	height:184px;
	width:206px;
	position:absolute;
	background-size:contain !important;
}
.rpcn-datapane-tx1-title {
	font-family:Roboto-Bold;
	font-size:24px;
	line-height:26px;
	margin:20px;
	position:relative;
}
.rpcn-datapane-tx2-desc {
	font-family:Roboto-Regular;
	font-size:14px;
	line-height:26px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:28px;
	z-index:1;
	position:relative;
}
.rpcn-datapane-tx3-label {
	background:rgb(255 159 67 / 10%);
	border:solid 1px rgb(255 159 67 / 60%);
	border-radius:6px;
	padding:2px 6px;
	font-family:Roboto-Regular;
	font-size:14px;
	top:-4px;
	position:relative;
	color:rgb(255 159 67);
	line-height:0px;
}
.text1 {
	font-family:'Roboto-Bold';
	font-size:70px;
	text-align:left;
	width:100%;
	height:60px;
	line-height:60px;
	display:inline-block;
}
.text2 {
	font-family:'Roboto-Bold';
	font-size:25px;
	margin-top:22px;
	width:100%;
	height:22px;
	line-height:22px;
	display:inline-block;
}
.text3 {
	font-size:18px;
	margin-top:5px;
	width:100%;
	height:22px;
	line-height:22px;
	display: inline-block;
}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* RPCN Testing 2 */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* RPCN Profile */
.rpcn-profile-background {
	position: fixed;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}
.rpcn-profile-background::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgb(8 11 20 / 72%) 0%, rgb(8 11 20 / 90%) 72%, rgb(8 11 20 / 96%) 100%);
}
.rpcn-profile-background img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	opacity: .48;
	filter: saturate(.85);
}
.rpcn-profile-page {
	--rpcn-profile-surface: rgb(255 255 255 / 6%);
	--rpcn-profile-surface-hover: rgb(255 255 255 / 10%);
	--rpcn-profile-border: rgb(255 255 255 / 10%);
	--rpcn-profile-muted: rgb(255 255 255 / 55%);
	--rpcn-profile-accent: #686DE0;
	--rpcn-profile-success: #2ecc71;
	width: min(1200px, calc(100% - 40px));
	margin: 110px auto 60px;
	font-family: Roboto-Regular, sans-serif;
	color: #fff;
	position: relative;
	z-index: 1;
}
.rpcn-profile-header,
.rpcn-profile-section,
.rpcn-profile-message {
	background: rgb(17 21 37 / 88%);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 16px;
	box-shadow: rgb(0 0 0 / 18%) 0 12px 32px;
}
.rpcn-profile-header {
	padding: 28px;
	margin-bottom: 22px;
}
.rpcn-profile-identity {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	gap: 20px;
	align-items: center;
}
.rpcn-profile-avatar {
	width: 72px;
	height: 72px;
	border-radius: 16px;
	background: var(--rpcn-profile-surface) url(/img/icons/rpcn/user.png) center / 34px no-repeat;
	border: 1px solid var(--rpcn-profile-border);
}
.rpcn-profile-name-wrap {
	min-width: 0;
}
.rpcn-profile-kicker {
	display: block;
	font-family: Roboto-Bold, sans-serif;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-name {
	font-family: Roboto-Bold, sans-serif;
	font-size: 32px;
	line-height: 40px;
	font-weight: normal;
	color: #fff;
	word-break: break-word;
}
.rpcn-profile-progress-label {
	margin-top: 6px;
	font-size: 13px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-progress,
.rpcn-profile-game-progress {
	display: block;
	width: 100%;
	height: 7px;
	margin-top: 8px;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	background: rgb(255 255 255 / 8%);
}
.rpcn-profile-progress::-webkit-progress-bar,
.rpcn-profile-game-progress::-webkit-progress-bar {
	background: rgb(255 255 255 / 8%);
}
.rpcn-profile-progress::-webkit-progress-value,
.rpcn-profile-game-progress::-webkit-progress-value {
	background: var(--rpcn-profile-accent);
	border-radius: 999px;
}
.rpcn-profile-progress::-moz-progress-bar,
.rpcn-profile-game-progress::-moz-progress-bar {
	background: var(--rpcn-profile-accent);
	border-radius: 999px;
}
.rpcn-profile-score {
	min-width: 150px;
	text-align: right;
}
.rpcn-profile-score-label,
.rpcn-profile-score span:last-child {
	display: block;
	font-size: 12px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-score strong {
	display: block;
	font-family: Roboto-Bold, sans-serif;
	font-size: 30px;
	line-height: 36px;
	color: #fff;
}
.rpcn-profile-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 24px;
}
.rpcn-profile-stat {
	display: block;
	min-height: 82px;
	padding: 15px 16px;
	background: var(--rpcn-profile-surface);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
	color: inherit;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease;
}
a.rpcn-profile-stat:hover {
	background: var(--rpcn-profile-surface-hover);
	border-color: rgb(104 109 224 / 65%);
}
.rpcn-profile-stat-label {
	display: block;
	font-size: 12px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-stat strong {
	display: block;
	margin-top: 3px;
	font-family: Roboto-Bold, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #fff;
}
.rpcn-profile-grades {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}
.rpcn-profile-grade-stat {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 11px 13px;
	background: rgb(255 255 255 / 3%);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease;
}
.rpcn-profile-grade-stat:hover {
	background: var(--rpcn-profile-surface-hover);
	border-color: rgb(104 109 224 / 65%);
}
.rpcn-profile-grade-stat span:nth-child(2) {
	font-size: 12px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-grade-stat span:nth-child(2) strong {
	display: block;
	font-family: Roboto-Bold, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
}
.rpcn-profile-grade-stat small {
	font-size: 11px;
	color: var(--rpcn-profile-muted);
	white-space: nowrap;
}
.rpcn-profile-grade {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
}
.rpcn-profile-grade img {
	display: block;
	width: 23px;
	height: 23px;
	object-fit: contain;
}
.rpcn-profile-grade-platinum { color: #78c7e8; }
.rpcn-profile-grade-gold { color: #ffd166; }
.rpcn-profile-grade-silver { color: #d7dde7; }
.rpcn-profile-grade-bronze { color: #cd7f32; }
.rpcn-profile-grade-unknown { color: rgb(255 255 255 / 35%); }
.rpcn-profile-section {
	padding: 24px;
	margin-bottom: 22px;
}
.rpcn-profile-section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
}
.rpcn-profile-section-heading h2 {
	margin: 0;
	font-family: Roboto-Bold, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
}
.rpcn-profile-section-heading > span {
	font-size: 12px;
	color: var(--rpcn-profile-muted);
}

.rpcn-profile-game-heading {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.rpcn-profile-game-heading h2 {
	margin-right: 2px;
}
.rpcn-profile-game-regions {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.rpcn-profile-region-flag {
	display: inline-block;
	width: 34px;
	height: 22px;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid rgb(255 255 255 / 14%);
	background: rgb(0 0 0 / 18%);
}
.rpcn-profile-region-flag img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.rpcn-profile-list-count {
	display: block;
	margin-top: 3px;
	font-size: 11px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-back {
	display: inline-block;
	margin-bottom: 4px;
	font-size: 13px;
	color: #8d91f0;
	text-decoration: none;
}
.rpcn-profile-back:hover {
	color: #b4b7ff;
}
.rpcn-profile-sortbar {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	padding: 10px;
	margin-bottom: 12px;
	background: rgb(255 255 255 / 3%);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
}
.rpcn-profile-sortbar > span {
	padding: 5px 7px;
	font-size: 12px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-sortbar a {
	padding: 6px 10px;
	border-radius: 7px;
	font-size: 12px;
	color: rgb(255 255 255 / 72%);
	text-decoration: none;
}
.rpcn-profile-sortbar a:hover,
.rpcn-profile-sortbar .rpcn-profile-sort-active {
	background: rgb(104 109 224 / 18%);
	color: #aeb1ff;
}
.rpcn-profile-game-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.rpcn-profile-game-row {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	min-height: 78px;
	padding: 7px 13px 7px 7px;
	background: var(--rpcn-profile-surface);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease;
}
.rpcn-profile-game-row:hover {
	background: var(--rpcn-profile-surface-hover);
	border-color: rgb(104 109 224 / 55%);
}
.rpcn-profile-game-icon,
.rpcn-profile-game-cover {
	display: block;
	width: 112px;
	aspect-ratio: 320 / 176;
	height: auto;
	object-fit: contain;
	border-radius: 7px;
	border: 1px solid rgb(255 255 255 / 10%);
	background: rgb(0 0 0 / 20%);
}
.rpcn-profile-game-copy {
	min-width: 0;
}
.rpcn-profile-game-copy > strong {
	display: block;
	font-family: Roboto-Bold, sans-serif;
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rpcn-profile-game-copy small {
	font-size: 11px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-game-progress {
	max-width: 430px;
	height: 5px;
	margin-top: 9px;
}
.rpcn-profile-game-numbers {
	display: grid;
	grid-template-columns: repeat(3, auto);
	gap: 18px;
	align-items: center;
	font-size: 12px;
	color: var(--rpcn-profile-muted);
	white-space: nowrap;
}
.rpcn-profile-game-numbers strong {
	font-family: Roboto-Bold, sans-serif;
	font-weight: normal;
	color: #fff;
}

.rpcn-profile-pagination {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px solid var(--rpcn-profile-border);
	font-size: 12px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-pagination > div:last-child {
	text-align: right;
}
.rpcn-profile-pagination a {
	display: inline-block;
	padding: 7px 10px;
	border-radius: 7px;
	background: var(--rpcn-profile-surface);
	border: 1px solid var(--rpcn-profile-border);
	color: #fff;
	text-decoration: none;
}
.rpcn-profile-pagination a:hover {
	background: var(--rpcn-profile-surface-hover);
	border-color: rgb(104 109 224 / 55%);
}

.rpcn-profile-game-overview {
	display: grid;
	grid-template-columns: 176px minmax(0, 1fr);
	gap: 18px;
	align-items: center;
	margin-bottom: 18px;
	padding: 14px;
	background: var(--rpcn-profile-surface);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
}
.rpcn-profile-game-overview .rpcn-profile-game-cover {
	width: 176px;
	aspect-ratio: 320 / 176;
	height: auto;
}
.rpcn-profile-game-overview-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 10px;
}
.rpcn-profile-game-overview-stats div {
	padding: 11px 12px;
	border-left: 2px solid rgb(104 109 224 / 55%);
}
.rpcn-profile-game-overview-stats span {
	display: block;
	font-size: 11px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-game-overview-stats strong {
	display: block;
	margin-top: 2px;
	font-family: Roboto-Bold, sans-serif;
	font-size: 17px;
	font-weight: normal;
}
.rpcn-profile-trophy-groups {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.rpcn-profile-trophy-group {
	min-width: 0;
}
.rpcn-profile-trophy-group-heading {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 2px 7px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--rpcn-profile-border);
}
.rpcn-profile-trophy-group-heading h3 {
	margin: 0;
	font-family: Roboto-Bold, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
.rpcn-profile-trophy-group-heading span {
	font-size: 10px;
	color: var(--rpcn-profile-muted);
	white-space: nowrap;
}
.rpcn-profile-trophy-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.rpcn-profile-trophy {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) 156px;
	gap: 14px;
	align-items: center;
	min-height: 88px;
	padding: 8px;
	background: rgb(255 255 255 / 4%);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
	color: rgb(255 255 255 / 58%);
}
.rpcn-profile-trophy-earned {
	background-color: rgb(76 175 80 / 8%);
	border-color: rgb(76 175 80 / 28%);
	color: #fff;
}
.rpcn-profile-trophy-earned .rpcn-profile-trophy-meta span {
	color: #81c784;
	font-family: Roboto-Bold, sans-serif;
}
.rpcn-profile-trophy-earned > summary .rpcn-profile-hidden-copy small {
	color: #81c784;
	font-family: Roboto-Bold, sans-serif;
}
.rpcn-profile-trophy-icon {
	display: block;
	width: 72px;
	aspect-ratio: 1 / 1;
	height: auto;
	object-fit: contain;
	border-radius: 8px;
	background: rgb(0 0 0 / 22%);
	border: 1px solid rgb(255 255 255 / 10%);
}

.rpcn-profile-trophy:not(.rpcn-profile-trophy-earned) img.rpcn-profile-trophy-icon {
	filter: grayscale(1);
	opacity: .62;
}
.rpcn-profile-trophy-earned img.rpcn-profile-trophy-icon {
	filter: none;
	opacity: 1;
}
.rpcn-profile-trophy:not(.rpcn-profile-trophy-earned) .rpcn-profile-trophy-icon-fallback img {
	filter: grayscale(1);
	opacity: .62;
}
.rpcn-profile-trophy-earned .rpcn-profile-trophy-icon-fallback img {
	filter: none;
	opacity: 1;
}
.rpcn-profile-trophy-copy {
	min-width: 0;
}
.rpcn-profile-trophy-title-row {
	display: flex;
	align-items: center;
	gap: 8px;
}
.rpcn-profile-trophy-title-row strong {
	font-family: Roboto-Bold, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: inherit;
}

.rpcn-profile-online-only {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 20px;
	flex: 0 0 24px;
	margin-left: 2px;
	background: rgba(66, 165, 245, 0.85);
	border: 1px solid rgba(144, 202, 249, 0.9);
	border-radius: 5px;
}
.rpcn-profile-online-only img {
	display: block;
	width: 16px;
	height: 16px;
	object-fit: contain;
}
.rpcn-profile-trophy-title-row .rpcn-profile-grade {
	width: 22px;
	height: 22px;
	flex-basis: 22px;
}
.rpcn-profile-trophy-title-row .rpcn-profile-grade img {
	width: 18px;
	height: 18px;
}
.rpcn-profile-trophy-copy p {
	margin: 4px 0 0;
	font-size: 12px;
	line-height: 18px;
	color: rgb(255 255 255 / 55%);
}
.rpcn-profile-trophy-meta {
	display: flex;
	gap: 8px 14px;
	flex-wrap: wrap;
	margin-top: 7px;
	font-size: 11px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-rarity {
	font-family: Roboto-Bold, sans-serif;
}
.rpcn-profile-rarity-tier-0 { --rpcn-profile-rarity-color: #ef5350; color: #ef5350; }
.rpcn-profile-rarity-tier-1 { --rpcn-profile-rarity-color: #ffca28; color: #ffca28; }
.rpcn-profile-rarity-tier-2 { --rpcn-profile-rarity-color: #42a5f5; color: #42a5f5; }
.rpcn-profile-rarity-tier-3 { --rpcn-profile-rarity-color: #66bb6a; color: #66bb6a; }
.rpcn-profile-rarity-tier-4 { --rpcn-profile-rarity-color: #a0aec0; color: #a0aec0; }
.rpcn-profile-rarity-unavailable { --rpcn-profile-rarity-color: #8c929d; color: #8c929d; }
.rpcn-profile-trophy-rarity {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	align-self: center;
	min-width: 0;
	padding: 0 6px;
	color: var(--rpcn-profile-rarity-color);
	text-align: center;
}
.rpcn-profile-trophy-rarity-percent {
	display: block;
	font-family: Roboto-Bold, sans-serif;
	font-size: 22px;
	line-height: 23px;
	font-weight: normal;
	letter-spacing: -0.3px;
}
.rpcn-profile-trophy-rarity > strong {
	display: block;
	margin-top: 1px;
	font-family: Roboto-Bold, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}
.rpcn-profile-trophy-rarity > small {
	display: block;
	margin-top: 2px;
	font-size: 9px;
	line-height: 12px;
	color: rgb(255 255 255 / 50%);
}
.rpcn-profile-trophy-grade-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-top: 4px;
	font-size: 9px;
	line-height: 14px;
	color: rgb(255 255 255 / 65%);
}
.rpcn-profile-trophy-grade-info .rpcn-profile-grade {
	width: 15px;
	height: 15px;
	flex-basis: 15px;
}
.rpcn-profile-trophy-grade-info .rpcn-profile-grade img {
	width: 14px;
	height: 14px;
}
details.rpcn-profile-trophy-hidden {
	display: block;
	padding: 0;
	overflow: hidden;
}
.rpcn-profile-trophy-hidden > summary {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 72px;
	padding: 8px 12px;
	cursor: pointer;
	list-style: none;
	user-select: none;
}
.rpcn-profile-trophy-hidden > summary::-webkit-details-marker {
	display: none;
}
.rpcn-profile-hidden-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: rgb(255 255 255 / 5%);
	border: 1px solid var(--rpcn-profile-border);
}
.rpcn-profile-hidden-copy strong,
.rpcn-profile-hidden-copy small {
	display: block;
}
.rpcn-profile-hidden-copy strong {
	font-family: Roboto-Bold, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: rgb(255 255 255 / 75%);
}
.rpcn-profile-hidden-copy small {
	margin-top: 2px;
	font-size: 11px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-hidden-open {
	display: none !important;
}
details[open].rpcn-profile-trophy-hidden .rpcn-profile-hidden-closed {
	display: none;
}
details[open].rpcn-profile-trophy-hidden .rpcn-profile-hidden-open {
	display: block !important;
}
.rpcn-profile-hidden-content {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) 156px;
	gap: 14px;
	align-items: center;
	padding: 8px;
	border-top: 1px solid var(--rpcn-profile-border);
}
.rpcn-profile-empty,
.rpcn-profile-message {
	padding: 28px;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-message h1 {
	margin: 0 0 6px;
	font-family: Roboto-Bold, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #fff;
}
.rpcn-profile-message p {
	margin: 0 0 12px;
}
.rpcn-profile-message-error {
	border-color: rgb(239 83 80 / 35%);
}
@media screen and (max-width: 900px) {
	.rpcn-profile-identity {
		grid-template-columns: 64px minmax(0, 1fr);
	}
	.rpcn-profile-avatar {
		width: 64px;
		height: 64px;
	}
	.rpcn-profile-score {
		grid-column: 1 / -1;
		padding-top: 12px;
		border-top: 1px solid var(--rpcn-profile-border);
		text-align: left;
	}
	.rpcn-profile-stats,
	.rpcn-profile-grades,
	.rpcn-profile-game-overview-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.rpcn-profile-game-row {
		grid-template-columns: 96px minmax(0, 1fr);
	}
	.rpcn-profile-game-icon {
		width: 96px;
		height: auto;
	}
	.rpcn-profile-game-numbers {
		grid-column: 2;
		justify-content: start;
	}
	.rpcn-profile-trophy,
	.rpcn-profile-hidden-content {
		grid-template-columns: 72px minmax(0, 1fr) 160px;
	}
}
@media screen and (max-width: 600px) {
	.rpcn-profile-page {
		width: min(100% - 20px, 1200px);
		margin-top: 90px;
	}
	.rpcn-profile-header,
	.rpcn-profile-section,
	.rpcn-profile-message {
		padding: 16px;
		border-radius: 12px;
	}
	.rpcn-profile-name {
		font-size: 25px;
		line-height: 32px;
	}
	.rpcn-profile-stats,
	.rpcn-profile-grades,
	.rpcn-profile-game-overview-stats {
		grid-template-columns: 1fr 1fr;
	}
	.rpcn-profile-grade-stat {
		grid-template-columns: 28px minmax(0, 1fr);
	}
	.rpcn-profile-grade-stat small {
		grid-column: 2;
	}
	.rpcn-profile-game-row {
		grid-template-columns: 78px minmax(0, 1fr);
		padding: 7px;
	}
	.rpcn-profile-game-icon {
		width: 78px;
		height: auto;
	}
	.rpcn-profile-game-numbers {
		grid-template-columns: 1fr;
		gap: 2px;
	}
	.rpcn-profile-game-overview {
		grid-template-columns: 112px minmax(0, 1fr);
	}
	.rpcn-profile-pagination {
		grid-template-columns: 1fr 1fr;
	}
	.rpcn-profile-pagination > span {
		grid-column: 1 / -1;
		grid-row: 1;
		text-align: center;
	}
	.rpcn-profile-game-overview .rpcn-profile-game-cover {
		width: 112px;
		height: auto;
	}
	.rpcn-profile-trophy,
	.rpcn-profile-hidden-content {
		grid-template-columns: 56px minmax(0, 1fr) 118px;
		gap: 10px;
	}
	.rpcn-profile-trophy-icon {
		width: 56px;
		height: auto;
	}
	.rpcn-profile-trophy-rarity {
		padding: 0 2px;
		text-align: center;
	}
	.rpcn-profile-trophy-rarity-percent {
		font-size: 19px;
		line-height: 20px;
	}
	.rpcn-profile-trophy-rarity > strong {
		font-size: 11px;
	}
	.rpcn-profile-trophy-rarity > small,
	.rpcn-profile-trophy-grade-info {
		font-size: 8px;
	}
}

/* RPCN player search result */
.rpcn-player-search-result {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 66px;
	padding: 10px 14px;
	margin-bottom: 12px;
	background: rgb(104 109 224 / 10%);
	border: 1px solid rgb(104 109 224 / 28%);
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease;
}
.rpcn-player-search-result:hover {
	background: rgb(104 109 224 / 18%);
	border-color: rgb(104 109 224 / 55%);
}
.rpcn-player-search-avatar,
.search-player-icon {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	margin-right: 12px;
	margin-left: 2px;
	margin-top: 4px;
	background: rgb(255 255 255 / 8%) url(/img/icons/rpcn/user.png) center / 22px no-repeat;
	border: 1px solid rgb(255 255 255 / 10%);
}
.rpcn-player-search-copy {
	min-width: 0;
}
.rpcn-player-search-copy strong,
.rpcn-player-search-copy small,
.search-player-item .search-title strong,
.search-player-item .search-title small {
	display: block;
}
.rpcn-player-search-copy strong,
.search-player-item .search-title strong {
	font-family: Roboto-Bold, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #fff;
}
.rpcn-player-search-copy small,
.search-player-item .search-title small {
	margin-top: 3px;
	font-size: 11px;
	color: rgb(255 255 255 / 55%);
}
.search-player-item {
	background: rgb(104 109 224 / 8%);
}
.rpcn-profile-trophy-icon-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
}
.rpcn-profile-trophy-icon-fallback .rpcn-profile-grade {
	width: 40px;
	height: 40px;
}
.rpcn-profile-trophy-icon-fallback .rpcn-profile-grade img {
	width: 34px;
	height: 34px;
}

/* RPCN profile trophy controls */
.rpcn-profile-trophy-controls {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
	padding: 8px;
	background: rgb(255 255 255 / 3%);
	border: 1px solid var(--rpcn-profile-border);
	border-radius: 10px;
}
.rpcn-profile-trophy-control-group {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	padding-right: 8px;
	border-right: 1px solid rgb(255 255 255 / 8%);
}
.rpcn-profile-trophy-control-group:last-child {
	padding-right: 0;
	border-right: 0;
}
.rpcn-profile-trophy-control-sort {
	flex: 1 1 420px;
}
.rpcn-profile-trophy-control-label {
	flex: 0 0 auto;
	padding: 0 4px;
	font-family: Roboto-Bold, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: .45px;
	text-transform: uppercase;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-trophy-control-options {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3px;
	min-width: 0;
}
.rpcn-profile-trophy-control-options a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 27px;
	padding: 4px 8px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 11px;
	line-height: 17px;
	color: rgb(255 255 255 / 68%);
	text-decoration: none;
	white-space: nowrap;
}
.rpcn-profile-trophy-control-options a:hover {
	background: rgb(255 255 255 / 5%);
	border-color: rgb(255 255 255 / 8%);
	color: #fff;
}
.rpcn-profile-trophy-control-options .rpcn-profile-sort-active {
	background: rgb(104 109 224 / 16%);
	border-color: rgb(104 109 224 / 28%);
	color: #b4b7ff;
}
.rpcn-profile-trophy-control-count {
	flex: 0 0 auto;
	margin-left: auto;
	padding: 0 5px;
	font-size: 10px;
	color: var(--rpcn-profile-muted);
	white-space: nowrap;
}
.rpcn-profile-trophy-controls-global .rpcn-profile-trophy-control-sort {
	flex-basis: 330px;
}
@media screen and (max-width: 760px) {
	.rpcn-profile-trophy-controls {
		display: grid;
		gap: 0;
		padding: 0;
		overflow: hidden;
	}
	.rpcn-profile-trophy-control-group,
	.rpcn-profile-trophy-control-group:last-child {
		display: grid;
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 6px;
		padding: 7px 8px;
		border-right: 0;
		border-bottom: 1px solid rgb(255 255 255 / 7%);
	}
	.rpcn-profile-trophy-control-group:last-child {
		border-bottom: 0;
	}
	.rpcn-profile-trophy-control-count {
		grid-column: 2;
		margin: 2px 0 0;
	}
}

/* RPCN trophy language selector */
.rpcn-profile-language-form {
	display: flex;
	align-items: center;
	gap: 6px;
	padding-right: 8px;
	border-right: 1px solid rgb(255 255 255 / 8%);
}
.rpcn-profile-language-form label {
	padding: 0 4px;
	font-family: Roboto-Bold, sans-serif;
	font-size: 10px;
	letter-spacing: .45px;
	text-transform: uppercase;
	color: var(--rpcn-profile-muted);
}
.rpcn-profile-language-form select,
.rpcn-profile-language-form button {
	height: 27px;
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 6px;
	background: rgb(255 255 255 / 5%);
	color: rgb(255 255 255 / 82%);
	font: inherit;
	font-size: 11px;
}
.rpcn-profile-language-form select {
	min-width: 112px;
	padding: 0 24px 0 8px;
}
.rpcn-profile-language-form option {
	background: #222;
	color: #fff;
}
.rpcn-profile-language-form button {
	padding: 0 9px;
	cursor: pointer;
}
.rpcn-profile-language-form button:hover {
	border-color: rgb(104 109 224 / 38%);
	background: rgb(104 109 224 / 14%);
	color: #fff;
}
@media screen and (max-width: 760px) {
	.rpcn-profile-language-form {
		display: grid;
		grid-template-columns: 58px minmax(0, 1fr) auto;
		gap: 6px;
		padding: 7px 8px;
		border-right: 0;
		border-bottom: 1px solid rgb(255 255 255 / 7%);
	}
	.rpcn-profile-language-form label {
		padding: 0 4px;
	}
	.rpcn-profile-language-form select {
		width: 100%;
		min-width: 0;
	}
}