.cl-avatar{display:inline-flex;position:relative;flex-shrink:0;width:var(--avatar-size,96px);height:var(--avatar-size,96px);border-radius:50%;background:linear-gradient(135deg,#22d3ee,#a78bfa);vertical-align:middle;isolation:isolate}
.cl-avatar-art{position:absolute;inset:3px;border-radius:inherit;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#102131;color:white;font-size:calc(var(--avatar-size,96px)*.3);font-weight:800}
.cl-avatar .cl-avatar-art img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;margin:0;border:0;box-shadow:none}
.cl-avatar--nft{border-radius:0;overflow:hidden;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);background:transparent}
.cl-avatar--nft::before{content:'';position:absolute;inset:-50%;background:conic-gradient(from 0deg,#22d3ee,#818cf8,#e879f9,#fbbf24,#34d399,#22d3ee);animation:cl-avatar-flow 5s linear infinite;z-index:-1}
.cl-avatar--nft .cl-avatar-art{inset:4px;border-radius:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}
@keyframes cl-avatar-flow{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cl-avatar--nft::before{animation:none}}
.profile-banner-avatar .cl-avatar{--avatar-size:150px!important}.profile-banner-avatar .cl-avatar .cl-avatar-art img{width:100%;height:100%}
.profile-banner-avatar button:has(.cl-avatar--nft){border-radius:0;box-shadow:none!important}.profile-banner-avatar button:has(.cl-avatar--nft):focus-visible .cl-avatar{filter:brightness(1.2)}.profile-banner-avatar button:has(.cl-avatar--nft)>span.absolute{border-radius:0;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}
.cl-public-identity>.cl-avatar{display:flex;margin-top:-46px;margin-bottom:0;position:relative}
.cl-avatar-editor{display:flex;flex-direction:column;max-height:calc(100dvh - 32px)!important}.cl-avatar-editor-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}.cl-avatar-editor-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}.cl-avatar-editor-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px}.cl-avatar-editor-grid button{padding:0!important;min-width:0}.cl-avatar-editor-grid img{width:100%;height:100%;object-fit:cover}.cl-avatar-editor-search{display:block;width:100%;margin-bottom:14px;padding:10px;border:1px solid #8884;border-radius:10px;background:#8881;font-size:12px}
@media(max-width:700px){.profile-banner-avatar .cl-avatar{--avatar-size:96px!important}.cl-avatar-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}