.cl-steps{display:grid;gap:32px;align-items:start;color:var(--c-noce);font-family:var(--f-testo)}.cl-steps__media{position:relative;width:100%;max-width:480px;aspect-ratio:3 / 4;border-radius:var(--r-media);overflow:clip;background:var(--c-sabbia)}.cl-steps--story .cl-steps__media{aspect-ratio:4 / 5}.cl-steps__media video,.cl-steps__media .cl-steps__image,.cl-steps__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cl-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cl-video__toggle{position:absolute;right:12px;bottom:12px;z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--r-pill);background:rgb(var(--c-latte-rgb) / .94);color:var(--c-noce);cursor:pointer}.cl-video .cl-video__icon-pause,.cl-video[data-playing] .cl-video__icon-play{display:none}.cl-video[data-playing] .cl-video__icon-pause{display:block}.cl-steps__content{display:flex;flex-direction:column;gap:14px;min-width:0}.cl-steps__content .cl-kicker{margin:0}.cl-steps__title{margin:0;font-family:var(--f-titoli);font-optical-sizing:auto;font-weight:400;font-size:clamp(32px,3.056vw,44px);line-height:1.18;letter-spacing:0;color:inherit}.cl-steps--story .cl-steps__title{font-size:clamp(32px,3.333vw,48px);line-height:1.167}.cl-steps__list{display:flex;flex-direction:column;gap:24px;max-width:620px;margin:12px 0 0;padding:0;list-style:none}.cl-steps__item{position:relative;display:flex;gap:20px;padding-top:20px;border-top:var(--linea)}.cl-steps__glint{position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--c-miele);transform-origin:0 50%;opacity:0;pointer-events:none}.cl-steps__num{flex-shrink:0;width:48px;font-family:var(--f-titoli);font-optical-sizing:auto;font-weight:400;font-size:30px;line-height:36px;color:var(--c-oro)}.cl-steps__body{display:flex;flex-direction:column;gap:6px}.cl-steps__name{font-size:17px;line-height:24px;font-weight:600}.cl-steps__text{font-size:16px;line-height:26px}@media screen and (min-width:990px){.cl-steps{grid-template-columns:min(420px,35%) minmax(0,1fr);column-gap:96px}.cl-steps--story{grid-template-columns:min(480px,40%) minmax(0,1fr)}.cl-steps__media{max-width:none}.cl-steps__content{padding-top:40px}.cl-steps__list{margin-top:24px}.cl-steps--story .cl-steps__list{margin-top:32px}.cl-steps__item{gap:24px}.cl-steps__num{width:56px;font-size:36px;line-height:40px}.cl-steps__name{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cl-steps-media.css.map */