.steps{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:var(--max-width-content);margin-inline:auto;color:var(--color-white)}.steps__header{width:100%}.steps__header .content-header__title{text-align:start}.steps__header .content-header__description{width:100%;max-width:calc(var(--space-96) + var(--space-72));margin-inline:0;font-size:var(--font-size-base);text-align:start}.steps__header .content-header__description-body{width:100%;text-align:start}.steps__header .content-header__expand-toggle{color:var(--color-white)}.steps__header .content-header__expand-toggle:hover{color:var(--color-grey-on-dark)}.steps__track{display:flex;gap:var(--space-4);width:100%;padding-bottom:var(--space-1);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}.steps__track::-webkit-scrollbar{display:none}.steps__card{display:flex;flex:0 0 85%;flex-direction:column;gap:var(--space-0);min-width:0;scroll-snap-align:start}.steps__media{position:relative}.steps__image{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:var(--radius-default);line-height:0}.steps__img,.steps__img.image,.steps__img.image--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:var(--radius-default)}.steps__badge{position:absolute;bottom:calc(var(--space-2) * -1);left:var(--space-3);z-index:1;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--color-primary);font-family:var(--font-family-default);font-size:var(--font-size-sm);font-weight:600;line-height:1.2;color:var(--color-white);white-space:nowrap}.steps--image-square .steps__image{aspect-ratio:1 / 1}.steps__title{margin:var(--space-3) 0 0;font-family:var(--font-family-title);font-size:var(--font-size-lg);font-weight:700;line-height:1.3;color:var(--color-white)}.steps__desc{margin:var(--space-1) 0 0;font-family:var(--font-family-default);font-size:var(--font-size-sm);font-weight:400;line-height:1.45;color:var(--color-grey-on-dark)}.steps__dots{display:flex;justify-content:center;gap:var(--space-2);width:100%}.steps__dot{width:var(--space-2_5);height:var(--space-2_5);padding:0;border:none;border-radius:var(--radius-full);background-color:var(--color-white);opacity:.35;cursor:pointer;transition:opacity .2s ease}.steps__dot.is-active{opacity:1}.steps__dot:focus-visible{outline:var(--space-0_5) solid var(--color-primary);outline-offset:var(--space-1)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/steps.css.map */