.profile-photo-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.profile-photo-dots{flex:1;min-width:0;flex-wrap:wrap;justify-content:center;gap:2px}
.profile-photo-dot{width:28px;height:32px;min-width:28px;border-radius:6px;background:transparent;position:relative}
.profile-photo-dot::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#b19a68;top:12px;left:10px}
.profile-photo-dot.active{width:28px;background:transparent}
.profile-photo-dot.active::after{background:#715019;box-shadow:0 0 0 3px #e0c780}
.photo-prev,.photo-next{min-width:44px;min-height:44px;font-size:1.4rem;padding:4px 10px}
.profile-photo-slide.is-new .profile-photo-delete{display:block}
.profile-photo-carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
.profile-photo-carousel:focus-visible,.profile-photo-dot:focus-visible{outline:3px solid #17766d;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.profile-photo-carousel{scroll-behavior:auto}}