.account-carousel>img.account-carousel-image{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1);object-position:center;transform:scale(1.025);will-change:opacity}
.account-carousel>img.account-carousel-image.active{opacity:1}
.account-carousel .account-art-copy{bottom:78px}
.account-carousel-controls{position:absolute;bottom:22px;left:34px;right:28px;display:flex;gap:14px;align-items:center}
.account-carousel-bars{display:flex;gap:8px;flex:1}
.account-carousel-bars button{flex:1;min-width:0;height:44px;padding:20px 0;border:0;background:transparent;cursor:pointer;position:relative}
.account-carousel-bars button:before{content:'';position:absolute;left:0;right:0;top:20px;height:3px;background:#ffffff40}
.account-carousel-bars button span{display:block;position:relative;height:3px;width:var(--progress,0%);background:#e3c699}
.account-carousel-bars button[aria-current=true]:before{background:#ffffff80}
.account-carousel-controls>button{border:1px solid #ffffff60;border-radius:3px;color:#fffefa;background:#151b1940;min-height:44px;padding:6px 10px;font-size:11px;cursor:pointer}
.account-carousel-controls button:focus-visible{outline:2px solid #e3c699;outline-offset:4px}
@media(max-width:760px){#account-dialog .account-art.account-carousel{min-height:240px}.account-carousel .account-wordmark{padding:18px 24px}.account-carousel .account-art-copy{bottom:62px;left:24px}.account-carousel-controls{left:24px;right:24px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.account-carousel>img.account-carousel-image{transition:none;transform:none}}