.profile-cloud{max-width:1000px;margin:calc(-55px + var(--profile-extra-gap,49px)) auto 60px;text-align:center}
.profile-cloud-stage{position:relative;height:var(--cloud-height,680px);width:100%;isolation:isolate}
.profile-bubble{position:absolute;left:50%;top:var(--cloud-anchor,70px);width:var(--bubble-size,82px);height:var(--bubble-size,82px);margin:0;padding:0;border:0;border-radius:50%;background:#edf0e8;cursor:pointer;transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px)));opacity:0;visibility:hidden;transition:top .8s cubic-bezier(.2,.85,.2,1),transform .8s cubic-bezier(.2,.85,.2,1),width .65s cubic-bezier(.2,.85,.2,1),height .65s cubic-bezier(.2,.85,.2,1),opacity .35s,visibility .35s;box-shadow:0 3px 15px #20251f15}
.profile-bubble:first-child{opacity:1;visibility:visible;z-index:2}
.profile-cloud.is-open .profile-bubble{opacity:1;visibility:visible}
.profile-bubble img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 23%;pointer-events:none}
.profile-bubble:hover{box-shadow:0 0 0 4px #dfff00,0 8px 25px #20251f20}
.profile-bubble:focus-visible{outline:3px solid #22acd0;outline-offset:5px}
.profile-bubble.is-active{box-shadow:0 0 0 4px #dfff00,0 8px 25px #20251f20}
.profile-bubble>.profile-bubble-caption{display:none}
.profile-preview{position:absolute;left:50%;top:var(--cloud-anchor,70px);width:calc(var(--bubble-size)*4);height:calc(var(--bubble-size)*4);border-radius:50%;z-index:5;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.92);box-shadow:0 0 0 5px #dfff00,0 14px 45px #20251f25;transition:opacity .18s,transform .25s,visibility .18s}
.profile-preview.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.profile-preview>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 23%}
.profile-preview>.profile-bubble-caption{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);box-sizing:border-box;width:max-content;max-width:68%;padding:8px 12px;border-radius:14px;background:#dfff00;color:#20251f;font:400 clamp(9px,1vw,12px)/1.3 var(--body);text-align:center;overflow-wrap:anywhere}
.profile-bubble-caption strong{display:block;font-size:clamp(13px,1.35vw,17px);font-weight:600;margin:0 0 2px}
.profile-bubble-caption>span{display:block}
@media(max-width:700px){.profile-cloud{margin:calc(-25px + var(--profile-extra-gap,35px)) auto 45px}}
@media(prefers-reduced-motion:reduce){.profile-bubble,.profile-preview{transition:none}}