.step-cards{padding-block:4.8rem;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.step-cards{padding-block:8rem}}.step-cards__inner{container-type:inline-size;display:flex;flex-direction:column;gap:4rem}.step-cards__header{display:flex;flex-direction:column;gap:1.6rem;max-width:72rem}.step-cards__heading{color:inherit;text-wrap:balance}.step-cards__list{display:flex;gap:1.6rem;margin:0 calc(-1 * var(--stay-gutter)) calc(-1 * var(--stay-motion-distance));padding:0 var(--stay-gutter) var(--stay-motion-distance);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--stay-gutter);scrollbar-width:none}.step-cards__list::-webkit-scrollbar{display:none}.step-cards__list:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.4rem}.step-cards__step{display:flex;flex:0 0 min(32rem,78%);flex-direction:column;gap:2rem;min-width:0;scroll-snap-align:start}@container (min-width: 90rem){.step-cards__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3.2rem;margin:0;padding:0;overflow:visible}}.step-cards__image{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--stay-radius);isolation:isolate}.step-cards__image img,.step-cards__image .placeholder-svg{position:absolute;top:10%;right:8%;bottom:0;left:8%;width:84%;height:90%;object-fit:contain;object-position:center bottom}.step-cards--photo-fill .step-cards__image img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--step-cards-focus-y, 50%)}.step-cards__copy{display:flex;flex-direction:column;gap:.8rem}.step-cards__number{font-variant-numeric:tabular-nums}.step-cards__title,.step-cards__description{margin:0}.step-cards__title{font-family:var(--font-heading-family);text-wrap:balance}.step-cards__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem}.step-cards__benefits{display:flex;flex-direction:column;gap:1.6rem;margin:0;padding:2.4rem 0 0;list-style:none}@container (min-width: 90rem){.step-cards__benefits{flex-direction:row;justify-content:center;gap:0}.step-cards__benefit{padding-inline:3.2rem}}.step-cards__benefit{display:flex;align-items:center;gap:1.2rem}.step-cards__benefit-label{margin:0;white-space:nowrap}.step-cards__benefit-icon{display:flex;flex:none;width:2rem;height:2rem;color:var(--step-cards-icon-color)}.step-cards__benefit-icon svg,.step-cards__benefit-icon img{display:block;width:100%;height:100%;object-fit:contain}.step-cards__benefit-icon svg{stroke-width:1.5}.step-cards__custom-icon{display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--step-cards-icon-mask) center / contain no-repeat;mask:var(--step-cards-icon-mask) center / contain no-repeat}.step-cards--benefits-pill .step-cards__benefits{flex-flow:row wrap;justify-content:center;gap:.8rem;margin-top:-2.4rem;padding:0}.step-cards--benefits-pill .step-cards__benefit{gap:.8rem;padding:.8rem 1.6rem;border-radius:var(--stay-radius-pill);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.step-cards--benefits-pill .step-cards__benefit-icon{width:1.6rem;height:1.6rem}@container (min-width: 90rem){.step-cards--benefits-pill .step-cards__benefit{padding-inline:1.6rem}}.step-cards__card{position:relative;flex-basis:min(36rem,82%);aspect-ratio:4 / 5;align-items:center;gap:.8rem;padding:2.8rem 2.4rem 0;border-radius:var(--stay-radius-l);background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:center}.step-cards__card .step-cards__number{font-variant-numeric:tabular-nums}.step-cards__cutout{flex:1 1 0;width:100%;min-height:0;margin-top:auto;padding-top:2.4rem}.step-cards__card--video{overflow:clip;isolation:isolate}.step-cards__card--video>:not(.step-cards__media){position:relative}.step-cards__media{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0}.step-cards__poster,.step-cards__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--step-cards-video-x, center) bottom}.step-cards__video{opacity:0;transition:opacity .3s var(--stay-motion-ease)}.step-cards__media.is-playing .step-cards__video{opacity:1;transition-duration:.5s;transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.step-cards__video{display:none;transition:none}}.step-cards__cutout img,.step-cards__cutout .placeholder-svg{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}@container (min-width: 90rem){.step-cards--photo-card .step-cards__list{gap:1.6rem}.step-cards__card{padding:4rem 3.2rem 0}}.step-cards__carousel{display:block}.step-cards__list.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.step-cards__list[data-carousel-drag]{cursor:grab}}@container (min-width: 90rem){.step-cards__list[data-carousel-drag]{cursor:auto}}.step-cards__cursor{display:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.step-cards__cursor{position:fixed;z-index:2;top:0;left:0;display:block;pointer-events:none}.step-cards__cursor-icon{display:block;width:2.8rem;height:2.8rem;color:rgb(var(--stay-color-depth));opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .2s var(--stay-drive-ease, cubic-bezier(.45, 0, .2, 1)),transform .2s var(--stay-drive-ease, cubic-bezier(.45, 0, .2, 1))}.step-cards__cursor.is-visible .step-cards__cursor-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.step-cards.has-card-cursor [data-step-cards-cursor-target]{cursor:none}.step-cards.has-card-cursor .is-dragging [data-step-cards-cursor-target]{cursor:grabbing}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-step-cards.css.map */