.dkp-avatar-control{order:-1;align-self:center;width:100%;text-align:center}.dkp-avatar-edit{position:relative;display:block;margin:8px auto;padding:0;width:88px;height:88px;border:0;border-radius:50%;background:#8881;color:#878e9c;cursor:pointer}.dkp-avatar-edit>img{width:100%;height:100%;object-fit:cover;border-radius:50%}.dkp-avatar-edit>svg{width:40px;height:40px}.dkp-avatar-badge{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:#ed1733;color:white;border:3px solid var(--card,#fff);display:grid;place-items:center}.dkp-crop canvas{display:block;width:min(100%,260px);height:auto;aspect-ratio:1;margin:12px auto;border-radius:50%;touch-action:none;cursor:grab;background:#eee}.dkp-crop p{font-size:12px;color:#9298a4}.dkp-crop input[type=range]{width:100%;padding:0;accent-color:#ed1733}.dkp-crop-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.dkp-crop-actions button{font:500 12px/1.4 inherit;padding:10px;border:1px solid #8883;background:transparent;color:inherit;border-radius:10px;cursor:pointer}.dkp-crop-actions button:last-child{color:#fff;background:#ed1733;border-color:#ed1733}