/** Profile Modal **/ /** Concept by Korbs **/ /** Code by Tropical **/
:root {
    --primary-color:#202225;
    --secondary-color:#2F3136;
    --body-color:rgb(32,33,37,0.6);
}

/*Sets the status to a 4px border*/
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA * {
	overflow: visible;
	mask: none;
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA img {
    border-radius:50px;
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA .cursorDefault-dsQJ1n rect {
	x: -49;
	y: -53;
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA {
    margin-right: 0;
    overflow:visible;
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA {
	width: 65px !important;
	height: 65px !important;
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect {
	x: 0;
	y: 0;
	width: 80px;
	height: 80px;
	rx:50px;
	ry: 50px;
	fill: transparent;
	stroke-width: 4px;
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="#43b581"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="rgba(67, 181, 129, 1)"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[mask*="online"] {
	stroke: var(--online);
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="#faa61a"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="rgba(250, 166, 26, 1)"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[mask*="idle"] {
	stroke: var(--idle);
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="#f04747"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="rgba(240, 71, 71, 1)"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[mask*="dnd"] {
	stroke: var(--dnd);
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="#593695"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[mask*="streaming"] {
	stroke: var(--streaming);
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="#747f8d"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[mask*="offline"] {
	stroke: var(--offline);
}

.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[mask*="invisible"],
.root-SR8cQa .header-QKLPzZ .wrapper-3t9DeA rect[fill="rgba(116, 127, 141, 1)"] {
	stroke: var(--invisible);
}

/*Main*/

.root-SR8cQa {
    flex-direction:row;
    width:700px;
    background:transparent;
    overflow:visible;
    transform:translate(0); /*Makes fixed-positioned elements relative to the modal*/
}

.root-SR8cQa .tabBarContainer-1s1u-z {
    border:none;
    padding:0;
}

.root-SR8cQa .tabBar-2MuP6- {
    flex-direction:column;
}

.root-SR8cQa .tabBarItem-1b8RUP {
    margin:10px 18px;
    margin-left:76px;
    padding:10px;
    border:none !important;
    font-weight:600;
    font-size:15px;
    overflow:visible;
    color:#fff !important;
    box-shadow:0 2px 5px rgba(0,0,0,0.25);
    border-radius:7px;
    background:rgba(255,255,255,0.1);
    transition:150ms ease;
}

.root-SR8cQa .tabBarItem-1b8RUP::before {
    content:'';
    background:red;
    width:40px;
    height:40px;
    left:-58px;
    position:absolute;
    border-radius:inherit;
    background-color:inherit;
    box-shadow:inherit;
    display:flex;
    align-items:center;
    justify-content:center;
    background-size:50%;
    background-position:center;
    background-repeat:no-repeat;
}

.root-SR8cQa .tabBarItem-1b8RUP:first-child::before {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2ZmZmZmZiI+CiAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0xIDE1aC0ydi02aDJ2NnptMC04aC0yVjdoMnYyeiIvPgo8L3N2Zz4K);
}

.root-SR8cQa .tabBarItem-1b8RUP:nth-child(2)::before {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2ZmZmZmZiI+CiAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgogIDxwYXRoIGQ9Ik0yMCAxM0g0Yy0uNTUgMC0xIC40NS0xIDF2NmMwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTF2LTZjMC0uNTUtLjQ1LTEtMS0xek03IDE5Yy0xLjEgMC0yLS45LTItMnMuOS0yIDItMiAyIC45IDIgMi0uOSAyLTIgMnpNMjAgM0g0Yy0uNTUgMC0xIC40NS0xIDF2NmMwIC41NS40NSAxIDEgMWgxNmMuNTUgMCAxLS40NSAxLTFWNGMwLS41NS0uNDUtMS0xLTF6TTcgOWMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6Ii8+Cjwvc3ZnPgo=);
}

.root-SR8cQa .tabBarItem-1b8RUP:nth-child(3)::before {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjgwLjEzcHgiIGhlaWdodD0iODAuMTNweCIgdmlld0JveD0iMCAwIDgwLjEzIDgwLjEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4MC4xMyA4MC4xMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiNmZmZmZmYiPgo8Zz4KCTxwYXRoIGQ9Ik00OC4zNTUsMTcuOTIyYzMuNzA1LDIuMzIzLDYuMzAzLDYuMjU0LDYuNzc2LDEwLjgxN2MxLjUxMSwwLjcwNiwzLjE4OCwxLjExMiw0Ljk2NiwxLjExMiAgIGM2LjQ5MSwwLDExLjc1Mi01LjI2MSwxMS43NTItMTEuNzUxYzAtNi40OTEtNS4yNjEtMTEuNzUyLTExLjc1Mi0xMS43NTJDNTMuNjY4LDYuMzUsNDguNDUzLDExLjUxNyw0OC4zNTUsMTcuOTIyeiBNNDAuNjU2LDQxLjk4NCAgIGM2LjQ5MSwwLDExLjc1Mi01LjI2MiwxMS43NTItMTEuNzUycy01LjI2Mi0xMS43NTEtMTEuNzUyLTExLjc1MWMtNi40OSwwLTExLjc1NCw1LjI2Mi0xMS43NTQsMTEuNzUyUzM0LjE2Niw0MS45ODQsNDAuNjU2LDQxLjk4NCAgIHogTTQ1LjY0MSw0Mi43ODVoLTkuOTcyYy04LjI5NywwLTE1LjA0Nyw2Ljc1MS0xNS4wNDcsMTUuMDQ4djEyLjE5NWwwLjAzMSwwLjE5MWwwLjg0LDAuMjYzICAgYzcuOTE4LDIuNDc0LDE0Ljc5NywzLjI5OSwyMC40NTksMy4yOTljMTEuMDU5LDAsMTcuNDY5LTMuMTUzLDE3Ljg2NC0zLjM1NGwwLjc4NS0wLjM5N2gwLjA4NFY1Ny44MzMgICBDNjAuNjg4LDQ5LjUzNiw1My45MzgsNDIuNzg1LDQ1LjY0MSw0Mi43ODV6IE02NS4wODQsMzAuNjUzaC05Ljg5NWMtMC4xMDcsMy45NTktMS43OTcsNy41MjQtNC40NywxMC4wODggICBjNy4zNzUsMi4xOTMsMTIuNzcxLDkuMDMyLDEyLjc3MSwxNy4xMXYzLjc1OGM5Ljc3LTAuMzU4LDE1LjQtMy4xMjcsMTUuNzcxLTMuMzEzbDAuNzg1LTAuMzk4aDAuMDg0VjQ1LjY5OSAgIEM4MC4xMywzNy40MDMsNzMuMzgsMzAuNjUzLDY1LjA4NCwzMC42NTN6IE0yMC4wMzUsMjkuODUzYzIuMjk5LDAsNC40MzgtMC42NzEsNi4yNS0xLjgxNGMwLjU3Ni0zLjc1NywyLjU5LTcuMDQsNS40NjctOS4yNzYgICBjMC4wMTItMC4yMiwwLjAzMy0wLjQzOCwwLjAzMy0wLjY2YzAtNi40OTEtNS4yNjItMTEuNzUyLTExLjc1LTExLjc1MmMtNi40OTIsMC0xMS43NTIsNS4yNjEtMTEuNzUyLDExLjc1MiAgIEM4LjI4MywyNC41OTEsMTMuNTQzLDI5Ljg1MywyMC4wMzUsMjkuODUzeiBNMzAuNTg5LDQwLjc0MWMtMi42Ni0yLjU1MS00LjM0NC02LjA5Ny00LjQ2Ny0xMC4wMzIgICBjLTAuMzY3LTAuMDI3LTAuNzMtMC4wNTYtMS4xMDQtMC4wNTZoLTkuOTcxQzYuNzUsMzAuNjUzLDAsMzcuNDAzLDAsNDUuNjk5djEyLjE5N2wwLjAzMSwwLjE4OGwwLjg0LDAuMjY1ICAgYzYuMzUyLDEuOTgzLDEyLjAyMSwyLjg5NywxNi45NDUsMy4xODV2LTMuNjgzQzE3LjgxOCw0OS43NzMsMjMuMjEyLDQyLjkzNiwzMC41ODksNDAuNzQxeiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

.root-SR8cQa .tabBarItem-1b8RUP.selected-3s45Ha {
    background:var(--accentcolor);
}

.root-SR8cQa .body-3ND3kc {
    height:275px;
    width:100%;
    padding-top:95px;
    position:relative;
    background:var(--bg-element);
    backdrop-filter:blur(10px);
    box-shadow:0 2px 12px rgba(0,0,0,0.35);
    border-radius:0 8px 8px 0;
}

.root-SR8cQa .header-QKLPzZ {
    padding:0 18px;
    box-sizing:border-box;
    height:95px;
    width:280px;
}

.root-SR8cQa .topSectionNormal-2-vo2m,
.root-SR8cQa .topSectionPlaying-1J5E4n,
.root-SR8cQa .topSectionSpotify-1lI0-P,
.root-SR8cQa .topSectionStreaming-1Tpf5X,
.root-SR8cQa .topSectionXbox-3fWLjS {
    position:relative;
    width:280px;
    background:var(--primary-color);
    box-shadow:0 2px 12px rgba(0,0,0,0.35);
    z-index:1;
    border-radius:8px 0 0 8px;
}

.root-SR8cQa .topSectionPlaying-1J5E4n {
    --activity-color:var(--accentcolor);
}

.root-SR8cQa .topSectionSpotify-1lI0-P {
    --activity-color:#1DB954;
}

.root-SR8cQa .topSectionStreaming-1Tpf5X {
    --activity-color:var(--streaming);
}

.root-SR8cQa .topSectionXbox-3fWLjS {
    --activity-color:#107c10;
}

.root-SR8cQa .header-QKLPzZ .button-38aScr {
    position:absolute;
    bottom:0;
    right:0;
    margin:14px;
    border-radius:50px;
    padding:0;
    min-height:unset;
    min-width:unset;
    width:40px;
    height:40px;
    box-shadow:0 1px 12px rgba(0,0,0,0.35);
    transition:250ms ease;
    z-index:1;
    opacity:1;
    background:var(--accentcolor) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI5NyAyOTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5NyAyOTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmZmZmIj4KPGc+Cgk8cGF0aCBkPSJNMjA2LjA5MywxODEuNTE2YzE3LjM3OSwwLDMxLjUxNS0xNC4xMzgsMzEuNTE1LTMxLjUxNVY1NC41OTNjMC0xNy4zNzgtMTQuMTM2LTMxLjUxOC0zMS41MTUtMzEuNTE4SDMxLjUxICAgQzE0LjEzNSwyMy4wNzUsMCwzNy4yMTUsMCw1NC41OTN2OTUuNDA4YzAsMTcuMzc3LDE0LjEzNSwzMS41MTUsMzEuNTEsMzEuNTE1aDIyLjkzM3YzMi45ODhjMCw0LjAxMiwyLjQxNiw3LjYyNyw2LjEyMSw5LjE2MiAgIGMxLjIyOCwwLjUwNywyLjUxNiwwLjc1MywzLjc5MiwwLjc1M2MyLjU4LDAsNS4xMTctMS4wMDcsNy4wMTQtMi45MDRsMzkuOTkxLTM5Ljk5OUgyMDYuMDkzeiIvPgoJPHBhdGggZD0iTTI2OS40MTUsMTA1LjU4M2gtMTUuOTQ0djQ0LjQxOGMwLDI2LjEyNS0yMS4yNTMsNDcuMzc4LTQ3LjM3OCw0Ny4zNzhoLTg4LjE2MWwtMTguNTM3LDE4LjU0MiAgIGMyLjIzNCwxMi45ODcsMTMuNTY3LDIyLjkwMiwyNy4xODEsMjIuOTAyaDc2Ljc2MmwzMi4xOTEsMzIuMTk2YzEuODk2LDEuODk3LDQuNDM0LDIuOTA1LDcuMDE0LDIuOTA1ICAgYzEuMjc2LDAsMi41NjQtMC4yNDksMy43OTItMC43NTZjMy43MDUtMS41MzUsNi4xMi01LjE0OSw2LjEyLTkuMTZ2LTI1LjE4NmgxNi45NjFjMTUuMjExLDAsMjcuNTg1LTEyLjM3OCwyNy41ODUtMjcuNTkxdi03OC4wNjEgICBDMjk3LDExNy45NTksMjg0LjYyNiwxMDUuNTgzLDI2OS40MTUsMTA1LjU4M3oiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K') center/50% no-repeat !important;
}

.root-SR8cQa .header-QKLPzZ .button-38aScr:hover {
    box-shadow:0 2px 14px rgba(0,0,0,0.45);
}

.root-SR8cQa .header-QKLPzZ .button-38aScr:active {
    bottom:-2px;
}

.root-SR8cQa .header-QKLPzZ .button-38aScr .contents-18-Yxp {
    display:none;
}

.root-SR8cQa .header-QKLPzZ .button-38aScr:hover .contents-18-Yxp {
    display:block;
    position:absolute;
    top:-32px;
    font-size:12px;
    background:var(--accentcolor);
    padding:2px 4px;
    border-radius:3px;
    color:#fff;
    white-space:nowrap;
}

.root-SR8cQa .header-QKLPzZ .button-38aScr:hover::after {
	content: '';
	position: absolute;
	top:-14px;
	border: 4px solid transparent;
	border-left: 4px solid var(--accentcolor);
	transform: rotate(90deg);
	width: 0;
    height: 0;
}

.root-SR8cQa .profileBadges-2vWUYb {
    position:absolute;
    bottom:0;
    left:0;
    margin:24px 18px;
    width:calc(100% - 90px);
}

.root-SR8cQa .profileBadge-2BqF-Z {
    width:18px;
    height:18px;
}

.root-SR8cQa .additionalActionsIcon-1FoUlE {
    position:absolute;
    top:32px;
    right:0;
    z-index:100;
    margin:0 18px;
    color:#fff !important;
    opacity:1 !important;
    padding:5px;
    border-radius:6px;
    box-shadow:0 0 6px rgba(0,0,0,0.35);
    background:var(--secondary-color);
    width:18px;
    height:18px;
    transition:150ms ease;
}

.root-SR8cQa .additionalActionsIcon-1FoUlE:hover {
    box-shadow:0 2px 10px rgba(0,0,0,0.45);
}

.root-SR8cQa .username-3gJmXY {
    margin-left:12px;
    margin-right:3px;
    font-weight:600;
    font-size:16px;
    max-width:50%;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.root-SR8cQa .discriminator-xUhQkUm {
    font-weight:600;
    font-size:16px;
    color:#fff;
    opacity:.5;
}

.root-SR8cQa .userInfoSection-2acyCx+.userInfoSection-2acyCx {
    border:none;
}

.connectedAccount-36nQx7 {
    border-radius:5px;
    border:none;
    box-sizing:border-box;
    width:calc(50% - 16px);
    background:var(--primary-color);
    box-shadow:0 2px 6px rgba(0,0,0,0.25);
    margin:8px;
    position:relative;
    transition:150ms ease;
}

.connectedAccount-36nQx7 a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.connectedAccount-36nQx7 a svg,
.connectedAccount-36nQx7 .flowerStar-1GeTsn {
    display:none;
}

.connectedAccount-36nQx7 path {
    fill:var(--accentcolor);
}

.connectedAccount-36nQx7 .childContainer-1wxZNh svg {
    width:28px;
    height:28px;
}

.connectedAccountVerifiedIcon-3aZz_K {
    z-index:1;
}

.activityProfile-2bJRaP {
    position:fixed;
    width:100%;
    top:105%;
    padding:0;
    background:linear-gradient(90deg, var(--activity-color), var(--primary-color) 40%);
    border-radius:8px;
    box-shadow:0 2px 12px rgba(0,0,0,0.35);
    height:42px;
}

.activityProfile-2bJRaP .headerText-1HLrL7,
.activityProfile-2bJRaP .state-Tt0LO3 {
    display:none;
}

.activityProfile-2bJRaP .body-ZAhrcj {
    position:relative;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    padding:0 25px;
    height:42px;
}

.activityProfile-2bJRaP .textRow-19NEd_ {
    margin:0;
    line-height:normal;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}

.activityProfile-2bJRaP .assetsLargeImageProfile-3YXDex,
.gameIcon-gg34Dz,
.assetsLargeImageProfileXbox-1t6G2m {
    width:25px;
    height:25px;
}

.xboxAssets-aGhVw8 {
    flex:0;
}

.activityProfile-2bJRaP .assetsSmallImage-3_3Bzj {
    width:15px;
    height:15px;
}

.activityProfile-2bJRaP .contentImagesProfile-1Mz07W {
    margin-left:10px;
}

.activityProfile-2bJRaP .timestamp-VjAZmo {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:25px;
}

.topSectionSpotify-1lI0-P .activityProfile-2bJRaP .button-1Pkqso {
    border-radius:6px;
    box-shadow:0 0 6px rgba(0,0,0,0.35);
    border:none;
    background:var(--secondary-color);
    width:24px;
    height:24px;
    min-height:unset;
    transition:150ms ease;
    font-size:0;
    display:flex;
    align-items:center;
    min-width:unset;
    padding:0;
}

.topSectionSpotify-1lI0-P .activityProfile-2bJRaP .button-1Pkqso:hover {
    box-shadow:0 2px 14px rgba(0,0,0,0.45);
}

.topSectionSpotify-1lI0-P .activityProfile-2bJRaP .button-1Pkqso .contents-18-Yxp {
    overflow:visible;
}

.root-SR8cQa .buttonSize-2Pmk-w {
    height:unset;
    min-height:unset;
}

.root-SR8cQa .disabledButtonOverlay {
    width:100%;
    height:100%;
}

.root-SR8cQa .spotifyButtonLogo-1El5JQ {
    margin:0;
    width:14px;
    height:14px;
}

.timeBarProfile-10b-fm {
    position:absolute;
    right:100px;
    top:50%;
    width:50%;
    transform:translateY(-50%);
    margin:0;
}

.timeBarProfile-10b-fm .bar-3urHkF {
    background:var(--secondary-color);
    box-shadow:0 0 5px rgba(0,0,0,0.35);
}

.timeBarProfile-10b-fm .bar-3urHkF,
.timeBarProfile-10b-fm .barInner-3NDaY_ {
    margin:0;
    height:20px;
    border-radius:5px;
}

.timeBarProfile-10b-fm  .flex-1O1GKY {
    position:absolute;
    width:calc(100% - 24px);
    top:50%;
    transform:translateY(-50%);
    margin:0 12px;
}

.activityProfile-2bJRaP .text-AOoUen,
.activityProfile-2bJRaP .nameNormal-2lqVQK a,
.activityProfile-2bJRaP .activityName-1IaRLn,
.activityProfile-2bJRaP .contentNoImagesProfile-371_Rv:empty:after {
    color:#fff;
    font-weight:600;
}

.timeBarProfile-10b-fm .barInner-3NDaY_ {
    background:#1DB954;
}

.activityProfile-2bJRaP .detailsWrap-22pigg,
.activityProfile-2bJRaP .detailsWrap-22pigg a,
.activityProfile-2bJRaP .details-38sfDr,
.activityProfile-2bJRaP .playTime-2uWd1Z, 
.activityProfile-2bJRaP .state-Tt0LO3, 
.activityProfile-2bJRaP .timestamp-VjAZmo {
    font-size:11px;
    font-weight:500;
    color:rgba(255,255,255,0.5);
}

.activityProfile-2bJRaP .content-3JfFJh {
    max-width:175px;
}

.actionsProfile-1QS4n-,
.activityProfile-2bJRaP .listeningActionsProfile-1fYwru {
    position:absolute;
    right:20px;
}

.root-SR8cQa .activityHeader-1PExlk {
    display:none;
}

.root-SR8cQa .activity-1ythUs {
    padding:0;
}

.root-SR8cQa .customStatusText-39gdCI {
    position:absolute;
    top:0;
    left:100%;
    width:fit-content;
    z-index:10;
    color:#fff !important;
    font-weight:500;
    background:rgba(0,0,0,.5);
    padding:4px 8px;
    border-bottom-right-radius:3px;
    backdrop-filter:blur(10px);
    display:flex;
    align-items:center;
}

.root-SR8cQa .contentNoImagesProfile-371_Rv:empty:after {
    content:'Unknown';
    color:#fff;
    font-size:14px;
}

.root-SR8cQa .contentNoImagesProfile-371_Rv {
    margin:0;
}

.assetsLargeImageProfileTwitch-298r77 {
    display:none;
}

.headerFill-adLl4x {
    background:transparent;
}

.contentGameImageProfile-WTVbI0 {
    margin-bottom:0;
}

/*USRBG Profile Implimentation*/

.root-SR8cQa .avatar-3EQepX::before {
	content: '';
    position: fixed;
    top:0;
    right:0;
    height:95px;
    width:420px;
	background-image: var(--user-background);
	background-position: center center;
    background-size: cover;
    z-index:2;
    border-top-right-radius:8px;
}

.root-SR8cQa .body-3ND3kc::before {
	content: '';
    position: absolute;
    top:0;
    left:0;
    height:95px;
    width:100%;
	background-image:url(https://i.imgur.com/VJMyFAR.png);
	background-position: center center;
    background-size: cover;
    background-color: transparent;
    z-index:1;
    box-shadow:0 4px 4px -4px rgba(0,0,0,0.25);
    pointer-events:none;
    border-top-right-radius:8px;
}