.how-to-steps{--hts-subheading-size: var(--hts-subheading-size-mobile);--hts-card-padding-x: var(--hts-card-padding-x-mobile);--hts-card-padding-y: var(--hts-card-padding-y-mobile);--hts-title-size: var(--hts-title-size-mobile);--hts-text-size: var(--hts-text-size-mobile);--hts-badge-size: var(--hts-badge-size-mobile);--hts-badge-font-size: var(--hts-badge-font-size-mobile);--hts-link-size: var(--hts-link-size-mobile);--hts-gap: var(--hts-gap-mobile)}@media screen and (min-width:750px){.how-to-steps{--hts-subheading-size: var(--hts-subheading-size-desktop);--hts-card-padding-x: var(--hts-card-padding-x-desktop);--hts-card-padding-y: var(--hts-card-padding-y-desktop);--hts-title-size: var(--hts-title-size-desktop);--hts-text-size: var(--hts-text-size-desktop);--hts-badge-size: var(--hts-badge-size-desktop);--hts-badge-font-size: var(--hts-badge-font-size-desktop);--hts-link-size: var(--hts-link-size-desktop);--hts-gap: var(--hts-gap-desktop)}}.how-to-steps__header{display:flex;flex-direction:column;align-items:var(--hts-header-flex-align);text-align:var(--hts-header-align);margin:0 0 var(--hts-header-bottom-gap)}.how-to-steps__heading{margin:0}.how-to-steps__subheading{margin:var(--hts-subheading-gap) 0 0;max-width:var(--hts-subheading-width);font-size:var(--hts-subheading-size);line-height:1.5}.how-to-steps__subheading:first-child{margin-top:0}.how-to-steps__subheading>*{margin:0}.how-to-steps__subheading>*+*{margin-top:.6rem}.how-to-steps__item{position:relative;height:100%}.how-to-steps__card{position:relative;display:flex;flex-direction:column;height:100%;box-sizing:border-box;text-align:var(--hts-content-align);border-radius:var(--hts-card-radius);border:var(--hts-card-border-width) solid rgba(var(--color-foreground),var(--hts-card-border-opacity));box-shadow:var(--hts-card-shadow);overflow:hidden}.how-to-steps__card--media-bottom{flex-direction:column-reverse}.how-to-steps__card--no-media{justify-content:var(--hts-content-valign)}.how-to-steps__media{position:relative;flex-shrink:0;padding:var(--hts-media-inset)}.how-to-steps__media .media{border-radius:var(--hts-media-radius);overflow:hidden}.how-to-steps__media img,.how-to-steps__media video{display:block;width:100%;height:100%;object-fit:cover}.how-to-steps__media .media--adapt img,.how-to-steps__media .media--fit img{object-fit:contain}.how-to-steps__media .internal-video,.how-to-steps__media .internal-video video{width:100%;height:100%}.how-to-steps__content{display:flex;flex-direction:column;align-items:var(--hts-content-flex-align);flex-grow:1;justify-content:var(--hts-content-valign);padding:var(--hts-card-padding-y) var(--hts-card-padding-x)}.how-to-steps__title-row{display:flex;align-items:center;justify-content:var(--hts-content-flex-align);gap:var(--hts-badge-gap);width:100%}.how-to-steps__title{margin:0;font-family:var(--hts-title-font);font-weight:var(--hts-title-weight);font-size:var(--hts-title-size);line-height:calc(1 + .4/max(1,var(--font-heading-scale)));letter-spacing:var(--hts-title-spacing);color:var(--hts-title-color, inherit)}.how-to-steps__text{margin:0;font-size:var(--hts-text-size);line-height:var(--hts-text-line-height);color:var(--hts-text-color, inherit)}.how-to-steps__text>*{margin:0}.how-to-steps__text>*+*{margin-top:.8rem}.how-to-steps__content>*+*{margin-top:var(--hts-content-gap)}.how-to-steps__content>.how-to-steps__text{margin-top:var(--hts-text-gap)}.how-to-steps__content>.how-to-steps__text:first-child{margin-top:0}.how-to-steps__link{font-size:var(--hts-link-size);text-underline-offset:.3rem}.how-to-steps__badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--hts-badge-size);height:var(--hts-badge-size);padding:0 .2em;border-radius:var(--hts-badge-radius);font-family:var(--hts-badge-font);font-weight:var(--hts-badge-weight);font-size:var(--hts-badge-font-size);line-height:1;letter-spacing:0;text-align:center;color:var(--hts-badge-color, rgb(var(--color-foreground)))}.how-to-steps__badge .material-icon{margin:0;font-size:1em}.how-to-steps__badge--plain{width:auto;height:auto;padding:0;border-radius:0;background:none}.how-to-steps__badge--outline{background:none;border:var(--hts-badge-border-width) solid currentColor}.how-to-steps__badge--overlay{position:absolute;z-index:1}.how-to-steps__badge--overlay[data-corner=top-left]{top:var(--hts-badge-offset);left:var(--hts-badge-offset)}.how-to-steps__badge--overlay[data-corner=top-right]{top:var(--hts-badge-offset);right:var(--hts-badge-offset)}.how-to-steps__badge--overlay[data-corner=bottom-left]{bottom:var(--hts-badge-offset);left:var(--hts-badge-offset)}.how-to-steps__badge--overlay[data-corner=bottom-right]{bottom:var(--hts-badge-offset);right:var(--hts-badge-offset)}.how-to-steps__badge--seam{position:absolute;z-index:1;left:var(--hts-badge-offset);bottom:calc(var(--hts-badge-size) / -2)}.how-to-steps__card--media-top.how-to-steps__card--badge-seam .how-to-steps__content{padding-top:calc(var(--hts-card-padding-y) + var(--hts-badge-size) / 2)}.how-to-steps__card--media-bottom .how-to-steps__badge--seam{bottom:auto;top:calc(var(--hts-badge-size) / -2)}.how-to-steps__card--media-bottom.how-to-steps__card--badge-seam .how-to-steps__content{padding-bottom:calc(var(--hts-card-padding-y) + var(--hts-badge-size) / 2)}.how-to-steps__card--content-center .how-to-steps__badge--seam{left:50%;transform:translate(-50%)}.how-to-steps__card--content-right .how-to-steps__badge--seam{left:auto;right:var(--hts-badge-offset)}.how-to-steps__connector{display:none;position:absolute;z-index:2;align-items:center;justify-content:center;color:var(--hts-connector-color);pointer-events:none}.how-to-steps__connector svg,.how-to-steps__connector .material-icon{display:block;width:var(--hts-connector-size);height:var(--hts-connector-size);font-size:var(--hts-connector-size);margin:0}.how-to-steps--connectors .splide--destroy-mobile .how-to-steps__connector{display:flex;top:calc(var(--hts-gap-mobile) / -2);left:50%;transform:translate(-50%,-50%) rotate(90deg)}@media screen and (min-width:750px){.how-to-steps--connectors .splide--destroy-mobile .how-to-steps__connector{display:none}.how-to-steps--connectors .splide--destroy-desktop .how-to-steps__connector{display:flex;top:var(--hts-connector-position);left:calc(var(--hts-gap-desktop) / -2);transform:translate(-50%,-50%)}}@media screen and (max-width:749px){.how-to-steps--mobile-compact .how-to-steps__card{flex-direction:row;align-items:stretch;text-align:left}.how-to-steps--mobile-compact .how-to-steps__card--media-bottom{flex-direction:row-reverse}.how-to-steps--mobile-compact .how-to-steps__media{width:var(--hts-compact-media-width);flex-shrink:0}.how-to-steps--mobile-compact .how-to-steps__media .media{height:100%;padding-bottom:0}.how-to-steps--mobile-compact .how-to-steps__media .media img,.how-to-steps--mobile-compact .how-to-steps__media .media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.how-to-steps--mobile-compact .how-to-steps__content,.how-to-steps--mobile-compact .how-to-steps__title-row{align-items:flex-start;justify-content:flex-start;text-align:left}.how-to-steps--mobile-compact .how-to-steps__title-row{align-items:center}.how-to-steps--mobile-compact .how-to-steps__card--badge-seam .how-to-steps__content{padding-top:var(--hts-card-padding-y);padding-bottom:var(--hts-card-padding-y)}.how-to-steps--mobile-compact .how-to-steps__badge--seam{left:var(--hts-badge-offset);top:auto;bottom:var(--hts-badge-offset);transform:none}.how-to-steps--mobile-compact.how-to-steps--connectors .splide--destroy-mobile .how-to-steps__connector{left:calc(var(--hts-compact-media-width) / 2)}}.how-to-steps__footer{display:flex;justify-content:var(--hts-button-align);margin-top:var(--hts-button-gap)}.how-to-steps__footer .button{margin:0}@media screen and (max-width:749px){.how-to-steps__footer--full-mobile .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-how-to-steps.css.map */