.profileOverviewPage{color:#fff;background:#191919;min-height:100vh;position:relative;overflow-x:hidden}.profileOverviewPage .backgroundImage{object-fit:cover;z-index:0;width:100%;height:550px;position:absolute;top:0}.profileOverviewPage:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#19191900 45%,#191919d9 80%,#191919 100%);height:550px;position:absolute;top:0;left:0;right:0}.profileOverviewPage .main_container{z-index:2;height:100%;margin-left:15%;margin-right:15%;padding-top:calc(2.5% + 70px);position:relative}.profileOverviewPage #username{font-family:var(--dd-font);text-shadow:0 2px 12px #0009}.profileOverviewPage .profile_header{align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.profileOverviewPage .pfpContainer img{object-fit:cover;border:1px solid var(--dd-border-strong);border-radius:16px;width:300px;height:300px;box-shadow:0 12px 32px #0000008c}.profileOverviewPage .desc_Container{flex:auto;min-width:0}.profileOverviewPage #user_desc{color:#fff;font-family:var(--dd-font);text-align:left;padding-left:16px;font-size:18px;font-weight:400}.profileOverviewPage .fastInfoContainer{background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:4px;flex-direction:column;flex:0 0 200px;gap:12px;padding:8px;display:flex;box-shadow:0 12px 32px #0006}.profileOverviewPage .fastInfoContainer:has(.buttonContainer:empty){display:none}.profileOverviewPage .fastInfoContainer h4{color:#fff;margin:0}.profileOverviewPage .buttonContainer{flex-direction:column;justify-content:center;gap:8px;width:auto;padding:0;display:flex}.profileOverviewPage .editButton{color:#e6e6e6;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;height:42px;font-size:14px;text-decoration:none;display:flex}.profileOverviewPage .editButton:hover{color:#fff;border-color:#1e1e1e80}.profileOverviewPage .editButton:disabled{opacity:.5;cursor:default}.profileOverviewPage .friendActionError{font-family:var(--dd-font);color:#ff8a8a;margin:0;font-size:13px}.profileOverviewPage a h2{color:#fff}.profileOverviewPage .footer_info_container{color:#fff;box-sizing:border-box;width:100%;min-height:100px;font-family:var(--dd-font);background:#000;justify-content:space-evenly;align-items:center;margin-top:25px;margin-bottom:25px;padding:0 24px;display:flex}.profileOverviewPage .inventoryContainer{box-sizing:border-box;background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:16px;flex-wrap:wrap;gap:12px;width:40%;height:320px;padding:14px;display:flex;overflow-y:auto}.profileOverviewPage .mainItemContainer{width:88px;height:88px;text-decoration:none}.profileOverviewPage .ItemContainer{background:var(--dd-item);width:100%;height:100%;font-family:var(--dd-font);color:#fff;border:solid 1px var(--dd-border-strong);border-radius:10px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.profileOverviewPage .ItemContainer:hover{border-color:var(--dd-accent);transform:translateY(-2px)}.profileOverviewPage .ItemImg{object-fit:cover;border-radius:10px;width:100%;height:100%;position:absolute}.profileOverviewPage .quantityContainer{background:#000000a6;border-radius:6px;padding:1px 6px;position:absolute;bottom:4px;right:4px}.profileOverviewPage .quantityContainer p{margin:0;font-size:12px;font-weight:600}.profileOverviewPage .profileCommunities{flex-wrap:wrap;gap:12px;display:flex}.profileOverviewPage .profileCommunity{box-sizing:border-box;min-width:0;max-width:100%;font-family:var(--dd-font);color:#fff;background:var(--dd-item);border:solid 1px var(--dd-border-strong);border-radius:10px;align-items:center;gap:10px;padding:6px 14px 6px 6px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.profileOverviewPage .profileCommunity:hover{border-color:var(--dd-accent);transform:translateY(-2px)}.profileOverviewPage .profileCommunity img{object-fit:cover;border-radius:8px;flex:none;width:40px;height:40px}.profileOverviewPage .profileCommunity span{overflow-wrap:anywhere}.profileOverviewPage .profileCommunitiesEmpty{font-family:var(--dd-font);color:#a8a8a8;margin:0}@media (width<=1100px){.profileOverviewPage .main_container{margin-left:5%;margin-right:5%}.profileOverviewPage .profile_header{grid-template:"pfp desc""buttons desc"1fr/220px minmax(0,1fr);align-items:start;gap:16px 24px;display:grid}.profileOverviewPage .pfpContainer{grid-area:pfp}.profileOverviewPage .pfpContainer img{width:220px;height:220px;display:block}.profileOverviewPage .desc_Container{grid-area:desc}.profileOverviewPage .fastInfoContainer{grid-area:buttons}.profileOverviewPage .inventoryContainer{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;flex-wrap:nowrap;width:100%;height:auto;overflow:auto hidden}.profileOverviewPage .mainItemContainer{scroll-snap-align:start;flex:none}}@media (width<=700px){.profileOverviewPage .main_container{margin-left:16px;margin-right:16px}.profileOverviewPage #username{overflow-wrap:anywhere;font-size:26px}.profileOverviewPage .profile_header{grid-template:"pfp""buttons""desc"/minmax(0,1fr)}.profileOverviewPage .pfpContainer{justify-self:center}.profileOverviewPage .pfpContainer img{width:200px;height:200px}.profileOverviewPage #user_desc{margin:0;padding-left:0}.profileOverviewPage .footer_info_container{text-align:center;flex-direction:column;gap:4px;padding:16px}}
