.profile-avatar-showcase{--showcase-logical-size:256;--showcase-avatar-size:204;--showcase-inset:calc((256 - 204)/2/256*100%);position:relative;isolation:isolate;display:inline-grid;flex:0 0 var(--showcase-size);width:var(--showcase-size);height:var(--showcase-size);min-width:var(--showcase-size);min-height:var(--showcase-size);box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;color:#f3f7ff;vertical-align:middle;overflow:hidden;contain:layout paint style;line-height:1;appearance:none;-webkit-appearance:none}
.profile-avatar-showcase:is(button){cursor:pointer;touch-action:manipulation}.profile-avatar-showcase:is(button):focus-visible{outline:2px solid #70dcff;outline-offset:2px}
.profile-avatar-showcase__base,.profile-avatar-showcase__avatar,.profile-avatar-showcase__frame,.profile-avatar-showcase__animation-mount{position:absolute;inset:0;display:block;box-sizing:border-box;pointer-events:none}
.profile-avatar-showcase__base{inset:var(--showcase-inset);background:linear-gradient(145deg,#29486f,#71458e)}
.profile-avatar-showcase__avatar{inset:var(--showcase-inset);overflow:hidden}.profile-avatar-showcase[data-mask=circle] :is(.profile-avatar-showcase__base,.profile-avatar-showcase__avatar){border-radius:50%}.profile-avatar-showcase[data-mask=rounded_square] :is(.profile-avatar-showcase__base,.profile-avatar-showcase__avatar){border-radius:22%}.profile-avatar-showcase[data-mask=near_square] :is(.profile-avatar-showcase__base,.profile-avatar-showcase__avatar){border-radius:10%}
.profile-avatar-showcase__initial{position:absolute;inset:0;display:grid;place-items:center;color:#f6f9ff;font-size:calc(var(--showcase-size)*.28);font-weight:800;text-shadow:0 1px 5px #0008;pointer-events:none;overflow:hidden}
.profile-avatar-showcase__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-showcase[data-avatar-state=ready] .profile-avatar-showcase__initial{visibility:hidden}
.profile-avatar-showcase__frame-poster{display:block;width:100%;height:100%;object-fit:contain}.profile-avatar-showcase__frame,.profile-avatar-showcase__animation-mount{z-index:3}.profile-avatar-showcase__avatar{z-index:2}.profile-avatar-showcase__base{z-index:1}
.profile-avatar-showcase[data-render-mode=none] .profile-avatar-showcase__animation-mount{display:none}
.profile-avatar-showcase__motion-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.profile-avatar-showcase__motion-layer--left{transform-origin:16% 22%;will-change:transform}.profile-avatar-showcase__motion-layer--right{transform-origin:84% 22%;will-change:transform}
.profile-avatar-showcase[data-motion-state=paused] .profile-avatar-showcase__motion-layer{animation-play-state:paused!important}
.profile-avatar-showcase[data-render-mode=full] .profile-avatar-showcase__motion-layer--left{animation:astra-chain-sway-left 6.4s cubic-bezier(.45,.05,.55,.95) infinite}.profile-avatar-showcase[data-render-mode=full] .profile-avatar-showcase__motion-layer--right{animation:astra-chain-sway-right 6.4s cubic-bezier(.45,.05,.55,.95) infinite}
.profile-avatar-showcase[data-render-mode=medium] .profile-avatar-showcase__motion-layer--left{animation:astra-chain-sway-left-medium 7.2s cubic-bezier(.45,.05,.55,.95) infinite}.profile-avatar-showcase[data-render-mode=medium] .profile-avatar-showcase__motion-layer--right{animation:astra-chain-sway-right-medium 7.2s cubic-bezier(.45,.05,.55,.95) infinite}
.profile-avatar-showcase[data-render-mode=light] .profile-avatar-showcase__motion-layer--left{animation:astra-chain-sway-left-light 8s cubic-bezier(.45,.05,.55,.95) infinite}.profile-avatar-showcase[data-render-mode=light] .profile-avatar-showcase__motion-layer--right{animation:astra-chain-sway-right-light 8s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes astra-chain-sway-left{0%,50%,100%{transform:rotate(0) translateX(0)}25%{transform:rotate(2.2deg) translateX(-1.5px)}75%{transform:rotate(-1.25deg) translateX(.8px)}}@keyframes astra-chain-sway-right{0%,50%,100%{transform:rotate(0) translateX(0)}25%{transform:rotate(-2.2deg) translateX(1.5px)}75%{transform:rotate(1.25deg) translateX(-.8px)}}
@keyframes astra-chain-sway-left-medium{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(1.4deg)}75%{transform:rotate(-.8deg)}}@keyframes astra-chain-sway-right-medium{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(-1.4deg)}75%{transform:rotate(.8deg)}}
@keyframes astra-chain-sway-left-light{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(.8deg)}75%{transform:rotate(-.45deg)}}@keyframes astra-chain-sway-right-light{0%,50%,100%{transform:rotate(0)}25%{transform:rotate(-.8deg)}75%{transform:rotate(.45deg)}}
@media(prefers-reduced-motion:reduce){.profile-avatar-showcase,.profile-avatar-showcase *{animation:none!important;transition:none!important}}