.usage-steps-section{padding-top:var(--usage-padding-top);padding-bottom:var(--usage-padding-bottom);background-color:var(--usage-background);overflow:hidden}.usage-steps-section *,.usage-steps-section *:before,.usage-steps-section *:after{box-sizing:border-box}.usage-steps-section__heading-wrapper{max-width:650px;margin:0 auto 45px;text-align:center}.usage-steps-section__description{margin-top:14px;color:var(--usage-text-color);font-size:15px;line-height:1.7}.usage-steps-section .rte>*:first-child{margin-top:0}.usage-steps-section .rte>*:last-child{margin-bottom:0}.usage-steps-section__empty{padding:40px;background:var(--usage-card-background);color:var(--usage-text-color);text-align:center}.usage-steps-tabs{position:relative;display:grid;grid-template-columns:repeat(var(--usage-step-count, 4),minmax(0,1fr));max-width:1470px;margin:70px auto 62px}.usage-steps-tabs:before{content:"";position:absolute;top:30px;left:calc(50% / var(--usage-step-count, 4));right:calc(50% / var(--usage-step-count, 4));height:1px;background-color:var(--usage-line-color);z-index:0}.usage-steps-tabs__button{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;align-items:center;gap:12px;padding:0 8px;border:0;background:transparent;color:var(--usage-text-color);font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.usage-steps-tabs__number{display:inline-flex;width:60px;height:60px;align-items:center;justify-content:center;background-color:var(--usage-inactive-background);color:var(--usage-accent-color);font-size:30px;line-height:1;transition:background-color .25s ease,color .25s ease,transform .25s ease;font-weight:600}.usage-steps-tabs__title{display:block;max-width:160px;color:var(--usage-text-color);font-size:20px;line-height:1.4;text-align:center;transition:color .25s ease}.usage-steps-tabs__button.is-active .usage-steps-tabs__number{background-color:var(--usage-accent-color);color:#fff}.usage-steps-tabs__button.is-active .usage-steps-tabs__title{color:var(--usage-heading-color)}.usage-steps-tabs__button:hover .usage-steps-tabs__number{transform:translateY(-2px)}.usage-steps-tabs__button:focus-visible{outline:none}.usage-steps-tabs__button:focus-visible .usage-steps-tabs__number{outline:2px solid var(--usage-heading-color);outline-offset:3px}.usage-steps-slider{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:22px;max-width:1120px;margin-inline:auto}.usage-steps-slider__viewport{min-width:0;overflow:hidden}.usage-steps-slider__track{display:flex;width:100%;transform:translateZ(0);transition:transform .45s ease;will-change:transform}.usage-steps-slider__slide{min-width:100%;flex:0 0 100%}.usage-steps-slider__arrow{display:inline-flex;width:50px;height:50px;align-items:center;justify-content:center;padding:0;border:1px solid var(--usage-line-color);background-color:var(--usage-card-background);color:var(--usage-heading-color);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .25s ease,border-color .25s ease,color .25s ease;border-style:solid;border-color:#2e2a2826}.usage-steps-slider__arrow:hover{border-color:var(--usage-accent-color);background-color:var(--usage-accent-color);color:#fff}.usage-steps-slider__arrow:focus-visible{outline:2px solid var(--usage-heading-color);outline-offset:3px}.usage-steps-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:stretch;min-height:390px;background-color:var(--usage-card-background);overflow:hidden}.usage-steps-card__image-wrapper{position:relative;width:100%;height:480px;overflow:hidden;padding:20px}.usage-steps-card__image,.usage-steps-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.usage-steps-card__content{display:flex;min-width:0;min-height:390px;flex-direction:column;justify-content:center;padding:clamp(46px,5vw,46px);background-color:var(--usage-card-background)}.usage-steps-card__heading{margin:0 0 17px;color:var(--usage-heading-color);font-size:24px;font-weight:600;line-height:1.3}.usage-steps-card__text{margin:0;color:var(--usage-text-color);font-size:18px;line-height:1.8}.usage-steps-card__text>*:first-child{margin-top:0}.usage-steps-card__text>*:last-child{margin-bottom:0}.usage-steps-card__button{display:inline-flex;width:fit-content;align-items:center;justify-content:center;margin-top:24px;padding:12px 24px;border:1px solid var(--usage-accent-color);background-color:var(--usage-accent-color);color:#fff;font-size:18px;line-height:1.2;text-decoration:none;transition:background-color .25s ease,color .25s ease}.usage-steps-card__button:hover{background-color:transparent;color:var(--usage-accent-color)}.usage-steps-mobile{display:none}@media screen and (max-width:989px){.usage-steps-slider{grid-template-columns:42px minmax(0,1fr) 42px;gap:12px}.usage-steps-card{grid-template-columns:1fr 1fr}.usage-steps-card__content{padding:34px}.usage-steps-tabs__title{font-size:16px}}@media screen and (max-width:749px){.usage-steps-section{padding-top:20px;padding-bottom:60px}.usage-steps-section__heading-wrapper{margin-bottom:28px;text-align:left}.usage-steps-section__description{font-size:13px}.usage-steps-tabs,.usage-steps-slider{display:none}.usage-steps-mobile{display:flex;flex-direction:column;gap:24px}.usage-steps-mobile__item{background-color:var(--usage-card-background)}.usage-steps-mobile__step-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;background-color:var(--usage-background)}.usage-steps-mobile__number{display:inline-flex;width:32px;height:32px;flex:0 0 32px;align-items:center;justify-content:center;background-color:var(--usage-accent-color);color:#fff;font-size:14px;line-height:1}.usage-steps-mobile__step-title{color:var(--usage-heading-color);font-size:16px;line-height:1.4;font-weight:600}.usage-steps-mobile__image-wrapper{position:relative;width:100%;overflow:hidden}.usage-steps-mobile__image,.usage-steps-mobile .usage-steps-card__placeholder{display:block;width:100%;height:auto;aspect-ratio:.85 / 1;object-fit:cover}.usage-steps-mobile__content{padding:15px 13px 20px}.usage-steps-mobile__heading{margin:0 0 8px;color:var(--usage-heading-color);font-size:16px;font-weight:600;line-height:1.35}.usage-steps-mobile__text{color:#000;font-size:16px;line-height:1.65}.usage-steps-mobile .usage-steps-card__button{margin-top:15px;padding:10px 18px;font-size:12px}}@media(prefers-reduced-motion:reduce){.usage-steps-slider__track,.usage-steps-tabs__number,.usage-steps-slider__arrow,.usage-steps-card__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/usage-steps-tabs.css.map */