.shl{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.shl--small{--shl-size:2.1rem;gap:.8rem}.shl--medium{--shl-size:3.4rem}.shl--large{--shl-size:4.2rem;gap:1.3rem}.shl-row{display:flex;align-items:center;gap:calc(var(--shl-size) * .28)}.shl-slot{position:relative;width:var(--shl-size);height:var(--shl-size);animation:shl-bob 2.6s cubic-bezier(.45,0,.55,1) infinite;animation-delay:calc(var(--i) * -.35s)}.shl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.92);transition:opacity .13s cubic-bezier(.25,1,.5,1),transform .13s cubic-bezier(.25,1,.5,1);user-select:none;-webkit-user-drag:none}.shl-img--on{opacity:1;transform:scale(1)}.shl-slot--locked{animation:shl-pop .48s cubic-bezier(.16,1,.3,1),shl-bob 2.6s cubic-bezier(.45,0,.55,1) .48s infinite}.shl-track{width:calc(var(--shl-size) * 4 + var(--shl-size) * .28 * 3);max-width:100%;height:3px;border-radius:999px;background:var(--border-strong,rgba(15,23,42,.1));overflow:hidden}.shl-track-fill{height:100%;border-radius:inherit;background:var(--accent-primary,#2563eb);transition:width .2s cubic-bezier(.25,1,.5,1)}.shl-text{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}@keyframes shl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--shl-size) * -.09))}}@keyframes shl-pop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(calc(var(--shl-size) * -.12)) scale(1.14)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.shl-slot,.shl-slot--locked{animation:none}.shl-img,.shl-track-fill{transition:none}}