.steps{--gap: 12px;--tab-padding: 20px;--tab-gap: 20px;--tab-color: var(--blue-dark);--tab-color-active: #fff;--tab-bg: rgba(255, 255, 255, .5);--tab-bg-hover: #fff;--tab-bg-active: var(--blue);--content-padding: clamp(20px, 3vw, 60px);--content-gap: 16px;--img-height: 178px;--content-bg: #fff;--content-width: 60%;display:flex;flex-direction:column;gap:var(--gap);counter-reset:steps;position:relative}@media(min-width:744px){.steps{--gap: 16px;--tab-padding: 30px;--content-gap: 20px;--img-height: clamp(178px, 40vw, 380px)}}@media(min-width:1366px){.steps{--gap: 20px}}.steps-tab{padding:var(--tab-padding);gap:var(--tab-gap);display:flex;flex-wrap:nowrap;align-items:center;color:var(--tab-color);background-color:var(--tab-bg);counter-increment:steps}.steps-tab:before{content:counter(steps)}.steps-tab-title{border-left:2px solid currentColor;padding-left:clamp(10px,2vw,20px)}@media(min-width:1366px){.steps-tab{width:calc(100% - var(--content-width) - var(--gap));align-self:end}}.steps-tab:not(.active){cursor:pointer}.steps-tab:not(.active):hover{background-color:var(--tab-bg-hover)}.steps-tab:not(.active)+.steps-tab-content{display:none;transition:all var(--transition-duration) linear;transition-behavior:allow-discrete;opacity:0}.steps-tab.active{background-color:var(--tab-bg-active);color:var(--tab-color-active)}.steps-tab.active+.steps-tab-content{z-index:1;opacity:1;display:flex}@starting-style{.steps-tab.active+.steps-tab-content{opacity:0}}.steps-tab-content{background-color:var(--content-bg);padding:var(--content-padding);flex-direction:column;gap:var(--content-gap);transition:all var(--transition-duration) linear}@media(min-width:1366px){.steps-tab-content{position:absolute;top:0;bottom:0;width:var(--content-width)}}.steps-tab-content .btn{align-self:auto}@media(min-width:744px){.steps-tab-content .btn{max-width:245px}}.steps-tab-content-body{display:flex;flex-direction:column;gap:16px}.steps-tab-content-img{height:auto}.steps-tab-content-img picture{height:var(--img-height);display:flex;align-items:center;justify-content:center;overflow:hidden}.steps-tab-content-img picture img{width:100%;height:100%;object-fit:cover}.steps-tab-content-img.fold:before{border-color:var(--content-bg) transparent transparent transparent}
