.using-mito-collar .using-mito-collar__heading{margin:0 auto;text-align:center}.using-mito-collar .using-mito-collar__description{margin:1.28rem auto 0;max-width:68.4rem}.using-mito-collar .using-mito-collar__description p{margin:0;text-align:center}.using-mito-collar .using-mito-collar__steps{margin:1.36rem 0 0;padding:0;list-style:none;display:grid;gap:4.8rem;grid-template-columns:repeat(var(--desktop-count),minmax(0,1fr));grid-template-rows:auto auto auto}.using-mito-collar .using-mito-collar__step{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:6px}.using-mito-collar .using-mito-collar__top{display:flex;flex-direction:column}.using-mito-collar .using-mito-collar__image-wrapper{position:relative;margin:0 auto;width:100%;aspect-ratio:1 / 1;border-radius:50%}.using-mito-collar .using-mito-collar__image-wrapper img,.using-mito-collar .using-mito-collar__image-wrapper svg{width:100%;height:100%;object-fit:cover;display:block}.using-mito-collar .using-mito-collar__count{position:absolute;top:50%;left:0;transform:translate(-20%,-50%);min-width:7.04rem;height:7.04rem;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;font-weight:600;color:rgba(var(--color-foreground),1);background-color:color-mix(in srgb,rgb(var(--color-background)) 80%,white 20%);border:3px solid color-mix(in srgb,rgb(var(--color-background)) 60%,#6b5538 40%)}.using-mito-collar .using-mito-collar__label{margin:25px 0 0;text-align:center;line-height:1;color:rgba(var(--color-foreground),.75)}@media only screen and (min-width:750px){.using-mito-collar .using-mito-collar__label{font-size:calc(var(--font-heading-scale) * 2.36rem)}}.using-mito-collar__card_desc{margin-bottom:0;margin-top:1.04rem}@media screen and (max-width:989px){.using-mito-collar .using-mito-collar__steps{grid-template-columns:repeat(var(--mobile-count),minmax(0,1fr));gap:2rem}.using-mito-collar .using-mito-collar__count{min-width:5.2rem;height:5.2rem;font-size:2.8rem;transform:translate(-28%,-50%)}}@media screen and (max-width:749px){.using-mito-collar .using-mito-collar__steps{grid-template-columns:1fr}.using-mito-collar .using-mito-collar__image-wrapper{width:100%}.using-mito-collar .using-mito-collar__count{transform:translate(-15%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/using-mito-collar.css.map */