.atelier-milestone{--milestone-accent: #e8901a;--milestone-accent-light: #ffd889;padding-block:2.4rem!important}.atelier-milestone__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-bottom:1.2rem}.atelier-milestone .a-eyebrow--ochre{color:var(--milestone-accent)}.atelier-milestone__status{font-family:var(--font-heading-family);font-style:italic;font-weight:300;font-size:1.4rem}.atelier-milestone__rail{position:relative;height:3px;background:var(--a-hairline-strong);border-radius:999px;margin:2rem 0 .8rem}.atelier-milestone__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--milestone-accent),var(--milestone-accent-light));border-radius:999px;transition:width .4s ease}.atelier-milestone__dots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center}.atelier-milestone__dot{width:1.2rem;height:1.2rem;border-radius:50%;background:rgb(var(--color-background, 250, 247, 241));border:1px solid var(--a-hairline-strong);display:grid;place-items:center;font-size:.8rem;transform:translate(0)}.atelier-milestone__dot.is-earned{background:var(--milestone-accent);border-color:var(--milestone-accent);color:#1b1916;box-shadow:0 0 0 3px #e8901a33}.atelier-milestone__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}.atelier-milestone__card{padding:1.1rem 1.3rem;border:1px solid var(--a-hairline)}.atelier-milestone__card.is-next{border-color:var(--milestone-accent);border-width:1.5px;background:#e8901a0f}.atelier-milestone__card.is-locked{opacity:.55}.atelier-milestone__card .a-eyebrow{color:var(--milestone-accent)}.atelier-milestone__card-label{font-family:var(--font-heading-family);font-size:1.4rem;margin:.4rem 0 .2rem}.atelier-milestone__card-hint{font-family:var(--font-body-family);font-size:1.15rem;color:var(--a-muted);margin:0}@media screen and (max-width:749px){.atelier-milestone{padding-top:1.2rem!important;padding-bottom:1.2rem!important}.atelier-milestone__head{margin-bottom:.8rem}.atelier-milestone__status{font-size:1.2rem}.atelier-milestone__rail{margin:1.3rem 0 .7rem}.atelier-milestone__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.8rem;margin-top:1rem;padding-bottom:.4rem}.atelier-milestone__cards::-webkit-scrollbar{display:none}.atelier-milestone__card{flex:0 0 62vw;max-width:240px;padding:1rem 1.2rem;scroll-snap-align:start}.atelier-milestone__card-label{font-size:1.3rem;margin:.3rem 0 .2rem}.atelier-milestone__card-hint{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-atelier-milestone.css.map */