.profile-container{flex-flow:column;width:100%;height:100%;margin-top:20px;display:flex}.profile-details{width:100%;margin-top:15px}.profile-banner{z-index:1;border-radius:10px;width:100%;display:flex;position:relative;overflow:hidden}.profile-banner:before{content:"";pointer-events:none;background:linear-gradient(to right, var(--color-background), transparent);z-index:2;width:700px;height:100%;position:absolute;top:0;left:0}.profile-main{display:flex}.profile-info-wrapper{align-items:center;gap:30px;display:flex}.profile-info-wrapper .profile-info{margin-bottom:8px}.profile-info-wrapper .profile-image{border:1px solid var(--color-border);border-radius:10px;width:clamp(110px,20vw,150px);height:clamp(110px,20vw,150px);position:relative;overflow:hidden}.profile-info-wrapper .profile-image img{width:100%;height:100%}.profile-info-wrapper .profile-badges{align-items:center;gap:5px;width:max-content;margin-top:5px;margin-bottom:10px;display:flex}.profile-info-wrapper .profile-stats{gap:12px;margin-top:8px;display:flex}.profile-info-wrapper .profile-stats p{color:var(--color-text-secondary);text-wrap:nowrap}.profile-info-banner{background:var(--color-surface-80);border-radius:10px;gap:5px;width:100%;padding:15px;display:flex}.profile-info-banner p{color:var(--color-text-primary)!important}.profile-actions{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:22px;padding-bottom:15px;display:flex}.profile-actions-tabs{gap:30px;display:flex}.profile-actions-tabs a{color:var(--color-text-secondary);text-decoration:none}.profile-actions-tabs a.active{color:var(--color-text-primary);font-family:Manrope SemiBold,sans-serif}.profile-actions-buttons{gap:7px;display:flex}.profile-content{flex-flow:column;justify-content:center;align-items:center;gap:15px;margin-top:15px;display:flex}.profile-content p{color:var(--color-text-secondary)}.profile-content a{width:fit-content}.profile-content .profile-about{flex-direction:column;gap:25px;width:100%;margin-top:15px;display:flex}.profile-content .profile-about-flex{gap:25px;display:flex}.profile-content .profile-about-column{flex-direction:column;justify-content:center;gap:5px;width:100%;max-width:800px;display:flex}@media (max-width:768px){.profile-actions{flex-flow:column-reverse;justify-content:flex-start;align-items:flex-start;gap:25px;padding-top:25px;padding-bottom:25px}.profile-info-wrapper{gap:25px}.profile-info-wrapper .profile-info h1{font-size:32px}.profile-info-wrapper .profile-stats{margin-top:0}}
