/* One avatar component (avatar.js): picture or logo first, tinted initials as the fallback */
.mk-av.av-has-img{overflow:hidden;border-radius:50%;background:transparent!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;padding:0!important}
.mk-av.av-has-img>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 50%!important;display:block;border-radius:50%}
html:not([data-theme=light]) .mk-av.av-has-img{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
html[data-theme=light] body .mk-av.av-tint.av-tint.av-tint.av-tint{background:hsl(var(--av-h) 48% 87%)!important;color:hsl(var(--av-h) 45% 24%)!important;box-shadow:inset 0 0 0 1px hsla(var(--av-h),40%,30%,.12)!important}
html:not([data-theme=light]) body .mk-av.av-tint.av-tint.av-tint.av-tint{background:hsl(var(--av-h) 26% 27%)!important;color:hsl(var(--av-h) 55% 88%)!important;box-shadow:inset 0 0 0 1px hsla(var(--av-h),40%,80%,.16)!important}
.mk-av.av-tint{display:inline-grid;place-items:center;border-radius:50%;font-family:var(--u-f-d,Georgia,serif);font-weight:600;letter-spacing:.03em}
.mk-av.av-tint>span{color:inherit!important}
/* the edit block */
.av-edit{display:flex;gap:14px;align-items:center;padding:14px 0;margin:4px 0 8px;border-top:1px solid var(--u-line);border-bottom:1px solid var(--u-line)}
.av-edit-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.av-edit-t small{color:var(--u-mut);font-size:.8125rem;line-height:1.2rem}
.av-edit-b{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.av-edit-b .u-btn{min-height:44px}
.u-setintro+.av-edit{margin:0 20px 8px}
/* the round crop */
.av-crop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.6);display:grid;place-items:end center}
.av-crop-card{width:100%;max-width:480px;background:var(--u-sheet,#FBF8F2);color:var(--u-ink);border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px}
.av-crop-card h2{margin:0;font:500 1.375rem/1.75rem var(--u-f-d)}
.av-crop-card p{margin:0;color:var(--u-mut);font-size:.875rem}
.av-crop-ring{position:relative;border-radius:50%;overflow:hidden;touch-action:none;cursor:grab;box-shadow:0 0 0 3px var(--u-ink),0 0 0 9999px rgba(0,0,0,0);background:#222}
.av-crop-z{display:flex;align-items:center;gap:10px;width:240px;min-height:44px}
.av-crop-z input{flex:1;min-height:44px}
.av-crop-prev{display:flex;gap:12px;align-items:center}
.av-crop-prev span{display:block;border-radius:50%;background-size:cover}
.av-crop-prev .p32{width:32px;height:32px}.av-crop-prev .p44{width:44px;height:44px}.av-crop-prev .p72{width:72px;height:72px}
.av-crop-b{display:flex;flex-direction:column;gap:8px;width:100%}
.u-shop>.u-shopav{margin:-52px 0 8px;position:relative;z-index:2;width:max-content}
.u-shopav .mk-av{box-shadow:0 0 0 3px var(--u-bg),0 2px 10px rgba(0,0,0,.18)!important}
.discover-identity-mark.mk-av{width:44px!important;height:44px!important;min-width:44px;flex:0 0 44px!important}