.vlb .bb-opt-label{display:flex;align-items:baseline;flex-wrap:wrap}
.vlb .bb-opt-count{margin-left:auto;font-family:var(--bb-ff-head);font-style:italic;font-size:13px;letter-spacing:0;text-transform:none;color:var(--bb-accent)}
.vlb .bb-opt--colour .bb-values{gap:9px;padding-top:2px}
.vlb .bb-sw{background-color:var(--bb-ph);background-size:var(--bb-swz,180%);background-position:center;background-repeat:no-repeat;transition:box-shadow .25s,transform .25s,background-size .5s}
.vlb.bb-sw-chip .bb-sw{width:calc(var(--bb-sw) + 8px);height:calc(var(--bb-sw) + 8px);border-radius:calc(var(--bb-r) + 3px)}
@media (hover:hover){.vlb .bb-sw:hover{background-size:calc(var(--bb-swz,180%) + 60%)}}
.vlb .bb-sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--bb-bg),0 0 0 3.5px var(--bb-text);transform:translateY(-2px)}
.vlb .bb-sw-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);white-space:nowrap;padding:5px 10px;border-radius:3px;background:var(--bb-text);color:var(--bb-bg);font-family:var(--bb-ff-accent);font-size:11px;letter-spacing:.04em;line-height:1.3;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:3}
.vlb .bb-sw-tip::after{content:"";position:absolute;left:50%;top:100%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--bb-text)}
@media (hover:hover){.vlb .bb-sw:hover .bb-sw-tip,.vlb .bb-sw:focus-visible .bb-sw-tip{opacity:1;transform:translate(-50%,0)}}
.vlb .bb-media img.bb-swap{animation:bbSwap .7s cubic-bezier(.2,.7,.2,1)}
@keyframes bbSwap{from{opacity:0;filter:blur(8px);transform:scale(1.05)}to{opacity:1;filter:none;transform:none}}
.vlb .bb-steps{margin-top:-6px}
.vlb .bb-step-n{font-size:30px}
@media (prefers-reduced-motion:reduce){.vlb .bb-media img.bb-swap{animation:none}}