:root {
	--social-sidebar-bg-color: linear-gradient(rgb(6 6 6), rgb(0 0 0 / 25%));
}

.rcp-fe-viewport-sidebar {
	background: transparent !important;
}

/* lol-social-avatar[ref='iconElement'], .lol-social-identity.ember-view > .details {
	z-index: 1 !important;
} */

lol-social-roster-member .offline .member-name {
	color:#9a9696!important
}

.lol-social-sidebar.ember-view {
	background: transparent!important
}

.availability-icon {
	position: relative!important;
}

.availability-icon.chat {
	background: #09a646 !important;
}

.summoner-level {
	color:#ffe8a5!important
}

.filled.xp-ring {
	background: linear-gradient(rgb(255 236 236), rgb(87 103 105 / 48%)) !important;
}

.alpha-tag {
	color:#ffffffc9!important;
}

.alpha-version-panel {
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(38, 78, 52, 0))!important;
	border-top: thin solid #1e282d00 !important;
	transition: transform 0.5s ease !important;
}

.friend-requests {
	background:rgb(66, 63, 53)!important
}

.social-identity-block > .name {
	margin-left: 4px !important;
}

.social-identity-block > .lower-details, .social-identity-block > .lower-details > lol-social-availability-hitbox {
	margin-left: 2px !important;
}

.identity-icon.social-avatar-hit {
	margin-right: 7px !important;
}

/* VNG age rating */
.vng-age-rating.ember-view {
	display: none !important;
}

.sidebar-background {
	height: 100%;
    width: 222px;
    position: absolute;
	transition: transform 0.5s ease;
    transform: translateX(0px);
}

.lol-social-lower-pane-container,
lol-parties-game-info-panel,
.tournaments-persistent-panel {
	transition: transform 0.5s ease !important;
}

lol-social-roster-group lol-social-arrow-toggle {
	left: 8px !important;
    top: 9px !important;
}

.lol-social-identity {
	background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 24%))!important;
	padding: 18px 10px 0 0 !important;
}

.lol-social-identity .lower-details .lol-social-availability-hitbox {
	    margin: 5px 5px 0 5px !important;
}