.shx-steps{display:block;padding-top:var(--shx-steps-pt, 72px);padding-bottom:var(--shx-steps-pb, 72px);overflow:hidden}.shx-steps__head{margin-bottom:3.2rem}.shx-steps__head.text-center{text-align:center}.shx-steps__head.text-right{text-align:right}.shx-steps__subheading{margin:0 0 .8rem;font-size:var(--shx-steps-sub-size, 1.2rem);letter-spacing:.1em;text-transform:uppercase;color:var(--shx-steps-sub-color, rgba(var(--color-foreground), .6))}.shx-steps__title{margin:0}.shx-steps__desc{margin:1.2rem 0 0;max-width:62rem;font-size:1.5rem;line-height:1.7;color:rgba(var(--color-foreground),.8)}.shx-steps__head.text-center .shx-steps__desc{margin-inline:auto}.shx-steps__head.text-right .shx-steps__desc{margin-inline-start:auto}.shx-steps__row{display:flex;gap:var(--shx-steps-gap, 1.2rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.6rem}.shx-steps__row::-webkit-scrollbar{display:none}.shx-steps__card{flex:0 0 auto;width:var(--shx-steps-mobile-w, 88%);scroll-snap-align:start;min-width:0}@media screen and (min-width:750px){.shx-steps__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--shx-steps-gap, 1.4rem);overflow:visible}.shx-steps__card{width:auto}}@media screen and (min-width:990px){.shx-steps__row{grid-template-columns:repeat(var(--shx-steps-cols, 4),minmax(0,1fr))}}.shx-steps__card{background:var(--shx-steps-card-bg, rgb(var(--color-background)));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--shx-steps-radius, 18px);overflow:hidden;display:flex;flex-direction:column;--shx-steps-edge: .1rem solid rgba(var(--color-foreground), .12)}.shx-steps__row--borderless .shx-steps__card{border:0;--shx-steps-edge: 0}.shx-steps__media-wrap{flex:none}.shx-steps__media-wrap--third{width:33.33%}.shx-steps__media-wrap--half{width:50%}.shx-steps__media-wrap--inset{margin:2rem 2.1rem 0}.shx-steps__media{position:relative;overflow:hidden;background:rgba(var(--color-foreground),.05)}.shx-steps__media-wrap--inset .shx-steps__media{border-radius:var(--shx-steps-radius, 18px)}.shx-steps__media--fixed{height:var(--shx-steps-media-h, 230px)}@media screen and (min-width:750px){.shx-steps__media-wrap--third .shx-steps__media--fixed,.shx-steps__media-wrap--half .shx-steps__media--fixed{height:0;padding-bottom:100%}}.shx-steps__media--adapt{height:0;padding-bottom:calc(100% / var(--shx-steps-ar, 1.6))}.shx-steps__media--portrait{height:0;padding-bottom:125%}.shx-steps__media--square{height:0;padding-bottom:100%}.shx-steps__media--circle{height:0;padding-bottom:100%;border-radius:50%}.shx-steps__media-wrap--inset .shx-steps__media--circle{border-radius:50%}.shx-steps__media--circle-controls{height:0;padding-bottom:100%;border-radius:var(--shx-steps-radius, 18px)}.shx-steps__media img,.shx-steps__media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shx-steps__card--media-bottom .shx-steps__media-wrap{order:2}.shx-steps__card--media-bottom .shx-steps__body{flex-grow:1}.shx-steps__card--media-bottom .shx-steps__media-wrap--inset{margin:0 2.1rem 2.2rem}.shx-steps__body{padding:2rem 2.1rem 2.2rem;display:flex;flex-direction:column;flex-grow:1}.shx-steps__card .shx-btns{margin-top:auto;padding-top:1.6rem}.shx-steps__text+.shx-btns{padding-top:.1rem}.shx-steps__card--scheme{background:rgb(var(--color-background));background:var(--gradient-background)}.shx-steps__num{display:block;font-size:var(--shx-steps-label-size, .95rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--shx-steps-label, rgba(var(--color-foreground), .55))}.shx-steps__card-title{margin:var(--shx-steps-label-gap, .8rem) 0 var(--shx-steps-title-gap, .6rem);font-size:var(--shx-steps-title-size, 2rem);line-height:1.2}.shx-steps__card-title:first-child{margin-top:0}.shx-steps__icon+.shx-steps__card-title{margin-top:max(0px,calc(var(--shx-steps-label-gap, .8rem) - 1.2rem))}.shx-steps__text{font-size:var(--shx-steps-text, 13px);line-height:1.65;color:rgba(var(--color-foreground),.75)}.shx-steps__text p{margin:0 0 .6rem}.shx-steps__text p:last-child{margin-bottom:0}shx-steps-slider{display:block}.shx-steps__cta .shx-btns{margin-top:0}.shx-steps__nav{display:none;justify-content:center;align-items:center;gap:1.2rem;margin-top:2rem}@media screen and (max-width:749px){.shx-steps--m-arrows .shx-steps__nav,.shx-steps--m-dots .shx-steps__nav{display:flex}.shx-steps--m-dots .shx-steps__arrow{display:none}}@media screen and (min-width:750px){.shx-steps--d-carousel .shx-steps__nav{display:flex}.shx-steps__dots{display:none}}.shx-steps__arrow{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;cursor:pointer;transition:opacity .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}.shx-steps__arrow svg{width:1.8rem;height:1.8rem}.shx-steps__arrow--minimal{border:.1rem solid rgba(var(--color-foreground),.3);background:transparent;color:rgb(var(--color-foreground))}.shx-steps__arrow--minimal:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.shx-steps__arrow--solid{border:.1rem solid rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.shx-steps__arrow--solid:hover:not(:disabled){transform:scale(1.05)}.shx-steps__arrow:disabled{opacity:.3;pointer-events:none}.shx-steps__arrow[hidden],.shx-steps__dots[hidden],.shx-steps__dot[hidden]{display:none}.shx-steps__arrow:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.shx-steps__dots{display:none;align-items:center}@media screen and (max-width:749px){.shx-steps--m-dots .shx-steps__dots{display:flex}}.shx-steps__dot{position:relative;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;cursor:pointer}.shx-steps__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;border-radius:.4rem;background:rgba(var(--color-foreground),.25);transition:width .25s ease,background-color .25s ease}.shx-steps__dot.is-active:before{width:2rem;background:rgb(var(--color-foreground))}.shx-steps__dot:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:-.2rem;border-radius:50%}@media(prefers-reduced-motion:reduce){.shx-steps__arrow,.shx-steps__dot:before{transition:none}}@media screen and (min-width:750px){.shx-steps--d-carousel .shx-steps__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.shx-steps--d-carousel .shx-steps__row::-webkit-scrollbar{display:none}.shx-steps--d-carousel .shx-steps__card{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - var(--shx-steps-gap, 1.4rem)) / 2)}}@media screen and (min-width:990px){.shx-steps--d-carousel .shx-steps__card{width:calc((100% - (var(--shx-steps-cols, 4) - 1) * var(--shx-steps-gap, 1.4rem)) / var(--shx-steps-cols, 4))}}@media screen and (max-width:749px){.shx-steps__media-wrap--m-third{width:33.33%}.shx-steps__media-wrap--m-half{width:50%}.shx-steps__media-wrap--m-full{width:auto}.shx-steps__card--m-media-top .shx-steps__media-wrap--m-flush.shx-steps__media-wrap--m-flush,.shx-steps__card--m-media-bottom .shx-steps__media-wrap--m-flush.shx-steps__media-wrap--m-flush{margin:0}.shx-steps__card--m-media-top .shx-steps__media-wrap--m-inset.shx-steps__media-wrap--m-inset{margin:2rem 2.1rem 0}.shx-steps__card--m-media-bottom .shx-steps__media-wrap--m-inset.shx-steps__media-wrap--m-inset{margin:0 2.1rem 2.2rem}.shx-steps__media-wrap--m-flush .shx-steps__media.shx-steps__media{border-radius:0}.shx-steps__media-wrap--m-inset .shx-steps__media.shx-steps__media{border-radius:var(--shx-steps-radius, 18px)}.shx-steps__media.shx-steps__media--m-fixed{height:var(--shx-steps-media-h-m, 230px);padding-bottom:0}.shx-steps__media.shx-steps__media--m-adapt{height:0;padding-bottom:calc(100% / var(--shx-steps-ar, 1.6))}.shx-steps__media.shx-steps__media--m-portrait{height:0;padding-bottom:125%}.shx-steps__media.shx-steps__media--m-square,.shx-steps__media.shx-steps__media--m-circle{height:0;padding-bottom:100%}.shx-steps__media-wrap--m-inset .shx-steps__media--m-circle.shx-steps__media--m-circle{border-radius:50%}.shx-steps__media.shx-steps__media--m-circle-controls,.shx-steps__media-wrap--m-third .shx-steps__media--m-fixed,.shx-steps__media-wrap--m-half .shx-steps__media--m-fixed{height:0;padding-bottom:100%}.shx-steps__card--m-media-top .shx-steps__media-wrap{order:0}.shx-steps__card--m-media-bottom .shx-steps__media-wrap{order:2}.shx-steps__card--m-media-bottom .shx-steps__body{flex-grow:1}}.shx-steps__icon{display:block;margin-bottom:1.2rem;color:var(--shx-steps-icon-color, rgb(var(--color-foreground)))}.shx-steps__icon.material-symbols-outlined{font-size:var(--shx-steps-icon, 32px);line-height:1}.shx-steps__icon--img img{width:var(--shx-steps-icon, 32px);height:auto;display:inline-block;vertical-align:bottom}.shx-steps--center .shx-steps__body{text-align:center}.shx-steps--center .shx-steps__icon{margin-inline:auto}.shx-steps--sep-between .shx-steps__card{border-inline-start:.1rem solid var(--shx-steps-sep, rgba(var(--color-foreground), .15))}.shx-steps--sep-between .shx-steps__card:first-child{border-inline-start:var(--shx-steps-edge, 0)}.shx-steps--sep-under .shx-steps__card{border-block-end:.1rem solid var(--shx-steps-sep, rgba(var(--color-foreground), .15))}@media screen and (max-width:749px){.shx-steps--m-cols-2 .shx-steps__card{width:calc((var(--shx-steps-mobile-w, 88%) - var(--shx-steps-gap, 1.2rem)) / 2)}.shx-steps--m-stacked .shx-steps__row{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;scroll-snap-type:none}.shx-steps--m-stacked.shx-steps--m-cols-2 .shx-steps__row{grid-template-columns:repeat(2,minmax(0,1fr))}.shx-steps--m-stacked .shx-steps__card{width:auto}.shx-steps--m-stacked .shx-steps__nav{display:none}.shx-steps--m-stacked.shx-steps--sep-between .shx-steps__card{border-inline-start:var(--shx-steps-edge, 0)}.shx-steps--m-stacked.shx-steps--m-cols-2.shx-steps--sep-between .shx-steps__card:nth-child(2n){border-inline-start:.1rem solid var(--shx-steps-sep, rgba(var(--color-foreground), .15))}.shx-steps--m-stacked.shx-steps--sep-between:not(.shx-steps--sep-under) .shx-steps__card:nth-child(n+2){border-block-start:.1rem solid var(--shx-steps-sep, rgba(var(--color-foreground), .15))}.shx-steps--m-stacked.shx-steps--m-cols-2.shx-steps--sep-between .shx-steps__card:nth-child(2){border-block-start:0}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/shx-steps.css.map */