.ava-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#1e16355c;backdrop-filter:blur(7px)}.ava-dialog{width:min(100%,530px);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border:1px solid #e9e2f4;border-radius:24px;padding:28px;box-shadow:0 30px 100px #291a5140;color:#2f263d;font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.ava-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ava-dialog h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:4px 0 0}.ava-dialog header small{color:#9683b0;font-size:11px}.ava-close{width:34px;height:34px;background:#f7f4fb;border:0;border-radius:50%;font-size:24px;color:#9784aa;cursor:pointer}.ava-dialog .ava-lead{font-size:13px;color:#8c7a9d;margin:12px 0 20px}.ava-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.ava-glyph{display:grid;place-items:center;width:100%;height:100%;font-size:1.5em;border-radius:inherit}.ava-preview{width:112px;height:112px;margin:0 auto 22px;border-radius:50%;overflow:hidden;background:#f1eafb;font-size:36px;box-shadow:0 0 0 6px #f9f6fd}.ava-preview.is-group{border-radius:26px}.ava-preview canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.ava-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ava-preset{aspect-ratio:1;min-width:0;padding:3px;border:2px solid transparent;border-radius:16px;background:#f7f3fc;color:#745996;font-size:22px;cursor:pointer;overflow:hidden}.ava-preset.is-selected{border-color:#8052df;background:#f2eaff;box-shadow:0 0 0 2px #eadeff}.ava-preset:hover{background:#eee7fa}.ava-upload{display:block;position:relative;margin-top:18px;text-align:center;padding:12px;border:1px dashed #cdbbe4;border-radius:12px;color:#8057b4;font-size:13px;cursor:pointer}.ava-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.ava-upload:focus-within{outline:3px solid #cab6f2;outline-offset:2px}.ava-dialog [hidden]{display:none!important}.ava-crop{margin-top:18px;padding:14px;background:#f9f5fe;border-radius:12px}.ava-crop label{display:flex;align-items:center;gap:14px;font-size:12px;color:#806697}.ava-crop input{min-width:0;flex:1;accent-color:#7950cf}.ava-crop p{font-size:11px;color:#9a82af;margin:9px 0 0}.ava-status{font-size:12px;color:#886a9d;min-height:18px;margin:14px 0 0;overflow-wrap:anywhere}.ava-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.ava-dialog footer button{min-height:44px;padding:10px 18px;font:inherit;font-size:13px;font-weight:600;border:1px solid #e7deef;border-radius:11px;cursor:pointer}.ava-cancel{background:#fff;color:#8c769f}.ava-save{background:#7047cd;color:#fff;border-color:#7047cd!important}.ava-dialog button:disabled{opacity:.5;cursor:default}.ava-dialog :is(button,input):focus-visible{outline:3px solid #c9b5ef;outline-offset:3px}.big-avatar:has(.ava-image),.adelia-profile-avatar:has(.ava-image){padding:0;overflow:hidden}.big-avatar .ava-glyph{font-size:40px}.adelia-mini-avatar .ava-glyph{font-size:23px}@media(max-width:500px){.ava-overlay{padding:12px}.ava-dialog{padding:22px 18px;border-radius:20px;max-height:calc(100dvh - 24px)}.ava-dialog h2{font-size:21px}.ava-presets{gap:7px}.ava-preset{border-radius:12px;font-size:20px}.ava-dialog footer button{flex:1}}

.ava-profile-edit{display:inline-flex;padding:9px 14px;border:1px solid #e4d7f1;border-radius:10px;background:#f8f3fd;color:#785799;font:inherit;font-size:12px;cursor:pointer;margin:13px 0 0}.ava-group-heading{display:flex;gap:12px;align-items:center}.ava-group-icon{display:inline-flex;width:48px;height:48px;flex:0 0 48px;border-radius:14px;overflow:hidden;background:#f1e8fa}.ava-chat-mini{display:inline-flex;width:25px;height:25px;border-radius:50%;overflow:hidden;vertical-align:middle;margin-right:7px}.group-avatar:has(.ava-image){padding:0;overflow:hidden}

.group-avatar .ava-glyph,.ava-group-icon .ava-glyph{display:grid;margin:0;font-size:28px}.groups-card-icon .ava-image{border-radius:12px}

.big-avatar:has(.ava-image){width:84px;height:84px;flex:0 0 84px;border-radius:50%}.adelia-profile-avatar:has(.ava-image){width:64px;height:64px;flex:0 0 64px;border-radius:50%}
