:root{--bsaweb--how-to--bullet-size:40px;--bsaweb--how-to--bullet-font-size:1rem;--bsaweb--how-to--bullet-margin-right:0.75rem;--bsaweb--how-to--bullet-bg-color:var(--bsaweb--color--bg-dark);--bsaweb--how-to--bullet-color:var(--bsaweb--color--contrast-higher);--bsaweb--how-to--track-width:2px;--bsaweb--how-to--track-bg-color:var(--bsaweb--color--bg-dark);--bsaweb--how-to--gap-y:2rem}.bsaweb-how-to{counter-reset:bsaweb-how-to-items}.bsaweb-how-to__bullet{align-items:center;background-color:var(--bsaweb--how-to--bullet-bg-color);border-radius:50%;color:var(--bsaweb--how-to--bullet-color);display:none;flex-shrink:0;font-size:var(--bsaweb--how-to--bullet-font-size);font-weight:700;height:var(--bsaweb--how-to--bullet-size);justify-content:center;margin-right:var(--bsaweb--how-to--bullet-margin-right);width:var(--bsaweb--how-to--bullet-size)}.bsaweb-how-to__bullet:after{content:counter(bsaweb-how-to-items)}.bsaweb-how-to__item{counter-increment:bsaweb-how-to-items;display:flex;position:relative}.bsaweb-how-to__item:not(:last-child){padding-bottom:var(--bsaweb--how-to--gap-y)}@media(min-width:64rem){.bsaweb-how-to__bullet{display:flex}.bsaweb-how-to__item:not(:last-child):before{background-color:var(--bsaweb--how-to--track-bg-color);content:"";height:calc(100% - var(--bsaweb--how-to--bullet-size)/2);left:calc(var(--bsaweb--how-to--bullet-size)/2 - 2px);position:absolute;top:var(--bsaweb--how-to--bullet-size);width:var(--bsaweb--how-to--track-width)}}