.illustrated-steps .illustrated-step__media{overflow:visible}.illustrated-steps .illustrated-step__image-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--product-card-media-radius)}.illustrated-steps .illustrated-step__media--circle .illustrated-step__image-frame{border-radius:50%}.illustrated-steps .illustrated-step__media--square .illustrated-step__image-frame{border-radius:0}.illustrated-steps .illustrated-step__image-frame :is(img,.editorial-media__empty){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border-radius:0;object-fit:cover}.illustrated-steps .illustrated-step__badge-art{position:absolute;z-index:1;top:1.6rem;right:1.6rem;display:grid;place-items:center;width:var(--step-badge-size, 5.6rem);aspect-ratio:1;padding:.4rem;border-radius:50%;background:var(--step-badge-color, #334bd0);color:rgb(var(--color-foreground));text-align:center}.illustrated-steps .illustrated-step__badge-art--starburst{border-radius:0;clip-path:polygon(50% 0%,58% 9%,67% 2%,71% 14%,82% 8%,82% 21%,96% 19%,89% 32%,100% 39%,88% 47%,100% 56%,86% 61%,92% 75%,78% 75%,77% 90%,65% 83%,57% 100%,49% 88%,38% 100%,33% 87%,20% 93%,20% 79%,6% 81%,11% 67%,0% 60%,12% 50%,1% 40%,14% 34%,8% 21%,22% 21%,24% 7%,37% 13%)}.illustrated-steps .illustrated-step__badge-art--rounded-square{border-radius:24%}.illustrated-steps .illustrated-step__badge-art--pill{aspect-ratio:1.85;padding-inline:.8rem;border-radius:999px}.illustrated-steps .illustrated-step__badge-art--pill .illustrated-step__badge-text{max-width:88%;rotate:0deg}.illustrated-steps .illustrated-step__badge-art--square,.illustrated-steps .illustrated-step__badge-art--artwork{border-radius:0}.illustrated-steps .illustrated-step__badge-art--artwork{background:none;clip-path:none}.illustrated-steps .illustrated-step__media .illustrated-step__badge-art .illustrated-step__badge-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;border-radius:0}.illustrated-steps .illustrated-step__badge-text{position:relative;z-index:1;display:block;max-width:80%;font-family:var(--font-heading--family);font-size:1.2rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere;text-wrap:balance;rotate:-15deg}.illustrated-steps--text-only .illustrated-steps__grid{gap:clamp(2.4rem,4vw,5.6rem)}.illustrated-steps--text-only .illustrated-step{display:flex;flex-direction:column;align-items:center;text-align:center}.illustrated-steps--text-only .illustrated-step__text-badge{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:.8rem 2.2rem;border-radius:999px;background:var(--step-badge-color, #334bd0);color:#fff;font-family:var(--font-heading--family);font-size:1.8rem;font-weight:700;line-height:1.15}.illustrated-steps--text-only .illustrated-step__copy{max-width:34.6rem;margin-top:2.4rem}@media screen and (max-width:767px){.illustrated-steps--text-only .illustrated-steps__grid{gap:4.8rem}.illustrated-steps--text-only .illustrated-step__text-badge{min-height:4rem;padding:.7rem 2rem;font-size:1.6rem}.illustrated-steps--text-only .illustrated-step__copy{max-width:min(34.6rem,calc(100% - 3.2rem));margin-top:1.8rem}}.illustrated-steps--round .illustrated-step__badge-art{top:-1.8rem;right:auto;left:-1.7rem;width:var(--step-badge-size, 14.5rem)}.illustrated-steps--round .illustrated-step__badge-text{font-size:1.8rem;font-weight:var(--font-heading--weight, 600);line-height:2.8rem}.template-product .illustrated-steps--round .illustrated-step__badge-art{top:-8px;left:-8px;width:var(--step-badge-size, 108px)!important}.template-product .illustrated-steps--round .illustrated-step__badge-text{font-size:18px!important;font-weight:700;line-height:1.15}@media screen and (max-width:767px){.illustrated-steps--round .illustrated-step__badge-art{top:-1.4rem;left:-1.4rem;width:var(--step-badge-size-mobile, var(--step-badge-size, 11.9rem))}.illustrated-steps--round .illustrated-step__badge-text{font-size:1.6rem;line-height:2.49rem}.template-product .illustrated-steps--round .illustrated-step__badge-art{top:-6px;left:-6px;width:var(--step-badge-size-mobile, var(--step-badge-size, 90px))!important}.template-product .illustrated-steps--round .illustrated-step__badge-text{font-size:16px!important;line-height:1.15}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-illustrated-steps-fidelity.css.map */