.Profile-header{background:var(--color-blue-150);@media (prefers-color-scheme:dark){background:var(--color-blue-125)}h1{color:var(--color-white);grid-area:name}small{grid-area:date;line-height:1.2;margin-block-start:.1rem}.Profile-follow{grid-area:follow}}html[data-theme=dark]{.Profile-header{background:var(--color-blue-125)}}@media (width < 48rem){.Profile{padding-block-end:2rem}.Profile-header,.Profile-menu{margin-inline:calc(var(--page-spacing)*-1)}.Profile-header{padding-inline:var(--page-spacing);padding-block:.75rem}.Profile-headerInner{display:grid;grid-template:"image name follow" "image date follow"/auto 1fr auto;gap:0 1rem;align-items:center;h1{font-size:clamp(1.2rem,5vi,1.5rem)}}.Profile-image{grid-area:image}.Profile-menu{border-block-end:var(--border) var(--border-light);nav{inline-size:100vi;overflow-x:auto;padding-inline-end:var(--page-spacing);box-sizing:border-box;mask-image:linear-gradient(to right,transparent 0,var(--color-bg-main) 2rem,var(--color-bg-main) calc(100% - 2rem),transparent 100%);border-block-end:var(--border-light)}.Sidebar-menu{padding-inline:calc(var(--page-spacing)*1.5);padding-block:1rem;display:flex;flex-direction:row;white-space:nowrap;gap:.25rem;ul{display:none}li{margin:0;padding:0;&:last-child{padding-inline-end:var(--page-spacing)}}div{margin:0;padding:.25rem .5rem}}.Sidebar-menuItem--lvl1>div:has(>.Sidebar-link:is([aria-current=true],[aria-current=page])),.Sidebar-menuItem--lvl2:has(>.Sidebar-link:is([aria-current=true],[aria-current=page])){background-color:var(--color-blue-750)}a{&[aria-current=page]{color:var(--color-blue-150)}}.Sidebar-header{display:none}}.Profile-content{margin-block-start:1.5rem}}@media (width >= 48rem){.Profile{display:grid;grid-template:"menu header" "menu content" 1fr/var(--sidebar-size) 1fr;align-items:start;gap:0 var(--page-spacing);.Sidebar-userName{margin:-2rem calc(var(--page-spacing)*-1) 1.5rem;.Avatar{border-radius:0}}.Sidebar-userName .Avatar{--size:272!important;inline-size:100%}.Sidebar-userName picture{display:block;inline-size:100%}.Sidebar-userName img{aspect-ratio:1;block-size:auto;inline-size:100%}}.Profile-header{grid-area:header;margin-inline:calc(var(--page-spacing)*-1);padding-block:.75rem;padding-inline:var(--page-spacing);container:profile-header/inline-size}.Profile-headerInner{@container profile-header (width < 42rem){display:grid;grid-template:"name follow" "date follow"/1fr auto;align-items:center}@container profile-header (width >= 42rem){display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:1rem;small{margin-inline-start:auto}}h1{font-size:1.8rem}}.Profile-image{display:none}.Profile-menu{--top:var(--header-height);position:sticky;inset-block-start:var(--top);block-size:calc(100dvb - var(--top));overflow-y:auto;padding-block:2rem;padding-inline:var(--page-spacing);margin-inline-start:calc(var(--page-spacing)*-1);box-sizing:border-box;border-inline-end:var(--border-light);display:flex;flex-direction:column;grid-area:menu}.Profile-content{grid-area:content;padding-block:2.5rem 4rem;align-items:start}}.Profile-content{container:profile-main/inline-size;inline-size:100%}.ProfilePossessions{list-style:"";margin:0;padding:0;container:list/inline-size}.ProfilePossessions-item{padding-block-start:clamp(1rem,5vi,3rem)}.ProfilePossessions-item+.ProfilePossessions-item{border-block-start:var(--border) var(--color-transparency-15);margin-block-start:clamp(1rem,5vi,3rem)}.ProfilePossessions-header{display:flex;gap:1rem;justify-content:space-between}@container list (width < 32rem){.ProfilePossessions-header{flex-direction:column}}.ProfilePossessions h3{margin-block:0}.ProfilePossessions-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,6rem),1fr));gap:.5rem;margin-block-start:1rem}.ProfilePossessions-images>:first-child{grid-column:1/3;grid-row:1/3}.UserProfile{display:flex;gap:3rem}@container profile-main (width <= 42rem){.UserProfile{flex-direction:column}}@container profile-main (width > 42rem){.UserProfile{flex-direction:row-reverse}.UserProfile-content,.UserProfile-feed{flex:1}}.UserProfile-heading{padding-block-end:1rem;border-block-end:var(--border-light);margin-block-end:clamp(1rem,5vi,2rem)}.UserProfile-collection,.UserProfile-events,.UserProfile-statistics{margin-block-start:2rem}.OverviewMore{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.5rem;block-size:100%;border:var(--border-light);border-radius:var(--border-radius);background:var(--color-bg2);box-sizing:border-box;text-align:center;font-weight:700}.BrandList .OverviewMore{aspect-ratio:3/2}.UserProfile-collection{ol{list-style:"";margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,7rem),1fr));gap:.5rem;li{display:block;padding:0}}}.UserProfile-brands{margin-block-start:2rem}.UserProfile-about{overflow-wrap:anywhere;font-style:italic;p:first-child{margin-block-start:0;&:before{content:"";display:block;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='599' viewBox='3.959 6 16.041 12'%3E%3Cpath fill='%23476c85' d='M8.4 6.2a1 1 0 0 1 1.2 1.6c-1.564 1.173-2.46 2.314-2.973 3.31q.42-.11.873-.11A3.5 3.5 0 1 1 4 14.558a7.6 7.6 0 0 1 .508-3.614C5.105 9.438 6.272 7.796 8.4 6.2m9 0a1 1 0 0 1 1.2 1.6c-1.564 1.173-2.46 2.314-2.973 3.31q.42-.109.873-.11a3.5 3.5 0 1 1-3.5 3.558 7.6 7.6 0 0 1 .508-3.614c.598-1.506 1.764-3.148 3.892-4.744'/%3E%3C/svg%3E");opacity:.5;background-repeat:no-repeat;background-size:100% 100%;block-size:5em;margin-inline-end:1rem;aspect-ratio:1;float:left}}p:last-child{margin-block-end:0}}.BrandList{list-style:"";margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,7rem),1fr));gap:.5rem;li{display:block;padding:0}}.BrandList-link{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:.5rem;block-size:100%;border:var(--border-light);border-radius:var(--border-radius);background:var(--color-bg2);box-sizing:border-box;text-align:center}.BrandList-link--logo{background:var(--color-white)}.BrandList-logo{inline-size:100%;block-size:100%;object-fit:contain}
