.steps{padding-block:var(--steps-padding-top, 40px) var(--steps-padding-bottom, 40px);background:var(--yope-color-white);color:var(--yope-color-brown)}.steps__inner{display:flex;flex-direction:column;gap:40px;grid-column:1 / -1}.steps__header{margin-inline:12px;padding-block:22px;border-block-end:1px solid var(--yope-color-grey-3)}.steps__tagline{margin:0;color:var(--yope-color-grey-5);text-transform:uppercase}.steps__body{display:flex;align-items:flex-start;gap:40px;padding-inline:12px}.steps__media,.steps__content{flex:1 1 0;min-width:0}.steps__media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--yope-color-grey-1)}.steps__video,.steps__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.steps__toggle{--icon-stroke-width: 2px;position:absolute;top:12px;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:#2c2c2c;color:#c5c5c5;cursor:pointer}.steps__toggle svg{width:20px;height:20px}.steps__toggle-icon{display:flex}.steps__toggle-icon--play,.steps.is-paused .steps__toggle-icon--pause{display:none}.steps.is-paused .steps__toggle-icon--play{display:flex}.steps__content{display:flex;flex-direction:column;gap:32px}.steps__heading{max-width:680px;margin:0;color:inherit}.steps__list{margin:0;padding:12px 0 0;list-style:none}.steps__item{--steps-number-size: 32px;display:flex;align-items:flex-start;gap:10px;padding-block:15px}.steps__number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--steps-number-size);height:var(--steps-number-size);background:var(--steps-number-background, #b1daf0);color:var(--yope-color-brown)}.steps__text{flex:1 1 auto;min-width:0;padding-block-start:max(0px,(var(--steps-number-size) - 1lh) / 2)}.steps__text p{margin:0}.steps__text>*+*{margin-block-start:.5em}.steps__text a{color:inherit;text-decoration:underline;text-underline-offset:.2em}@media screen and (max-width:749px){.steps{padding-block:var(--steps-padding-top-mobile, 0) var(--steps-padding-bottom-mobile, 16px)}.steps__inner{gap:22px}.steps__header{padding-block:16px}.steps__tagline.body-m{font-size:var(--body-s--font-size)}.steps__body{flex-direction:column;align-items:stretch;gap:22px;padding-inline:0}.steps__media,.steps__content{flex:none}.steps__content{gap:12px;padding-inline:12px}.steps__heading{max-width:none}.steps__item{--steps-number-size: 22px;padding-block:8px}.steps__number.body-m{font-size:.6875rem}.steps__text.body-l{font-size:var(--body-s--font-size)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/steps.css.map */
