.Step-Badge{---Foreground: transparent ;---Background: transparent ;---Size: 50px ;---Offset: calc( .25 * var( ---Size ) ) ;---X: 50% ;---Y: 50% ;[data-x = "Right"] ~ [part = "Inner"] &{---X: calc( 100% - var( ---Offset ) ) }[data-x = "Left"] ~ [part = "Inner"] &{---X: var( ---Offset ) }[data-y = "Bottom"] ~ [part = "Inner"] &{---Y: calc( 100% - var( ---Offset ) ) }[data-y = "Top"] ~ [part = "Inner"] &{---Y: var( ---Offset ) }position:absolute;left:var( ---X );top:var( ---Y );display:grid;aspect-ratio:1;height:auto;width:var( ---Size );translate:-50% -50%;[part = "Number"]{grid-area:1 / 1;justify-content:center;align-items:center;display:flex;text-transform:uppercase;line-height:100%;font-weight:800;font-style:normal;text-align:right;font-size:28px;color:var( ---Foreground );z-index:1;@media(min-width:1000px){text-align:unset;font-size:40px}}}@media(min-width:1000px){.Step-Badge{---Size: 70px }}.Step-Badge .Icon{grid-area:1 / 1}.Step-Badge .Icon *{fill:var( ---Background )}
/*# sourceMappingURL=/cdn/shop/t/230/assets/Step-Badge.css.map */