.pageblock--steps .container{gap:var(--column-gap,var(--grid-gutter-x));display:grid}@container style(--block-breakpoint:true){.pageblock--steps .container{--intro-margin-end:0;--column-gap:var(--intro-gutter-after)}}:root[style*="--block-breakpoint: true"] .applyContainerPolyFill .pageblock--steps .container{--intro-margin-end:0;--column-gap:var(--intro-gutter-after)}@container style(--block-breakpoint:false){.pageblock--steps .container{--intro-gutter-after:0;--text-col-width:calc(var(--text-size,45%) - (var(--column-gap,var(--grid-gutter-x)) / 2));grid-template-columns:var(--text-col-width) 1fr}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--steps .container{--intro-gutter-after:0;--text-col-width:calc(var(--text-size,45%) - (var(--column-gap,var(--grid-gutter-x)) / 2));grid-template-columns:var(--text-col-width) 1fr}@container style(--block-breakpoint:false){.pageblock--steps.pageblock--reverse .container{grid-template-columns:1fr var(--text-col-width)}}:root[style*="--block-breakpoint: false"] .applyContainerPolyFill .pageblock--steps.pageblock--reverse .container{grid-template-columns:1fr var(--text-col-width)}.pageblock--steps.pageblock--reverse .container>:nth-child(2){order:-1}.pageblock--steps .container{gap:60px}.pageblock--steps .swiper--steps{border-radius:var(--component-border-radius-md);aspect-ratio:1;width:100%;max-height:80vh}.pageblock--steps .swiper--steps .swiper-wrapper{overflow:visible}.pageblock--steps .swiper--steps .swiper-slide{opacity:1;transition:opacity var(--transition-duration) var(--transition-timing-function)}.pageblock--steps .swiper--steps .swiper-slide .x-core-image{object-fit:cover;border-radius:var(--component-border-radius-md);width:100%;height:100%;display:block}.pageblock--steps .swiper--steps .swiper-slide:not(.swiper-slide-active){opacity:0!important}.pageblock--steps .swiper--steps .swiper-slide:not(.swiper-slide-active) .extra-image{display:none}.pageblock--steps .x-core-steps{counter-reset:section}.pageblock--steps .x-core-steps .x-core-collapse{width:90%;padding:30px 0 30px 50px;position:relative}.pageblock--steps .x-core-steps .x-core-collapse__title{color:var(--color-primary-500);opacity:.4;padding-block:0;font-weight:700}.pageblock--steps .x-core-steps .x-core-collapse__content{color:var(--color-primary-500);padding-block:10px 0}.pageblock--steps .x-core-steps .x-core-collapse__content p{margin-bottom:0}.pageblock--steps .x-core-steps .x-core-collapse .x-core-button{margin-top:10px}.pageblock--steps .x-core-steps .x-core-collapse .x-core-icon-text__icon{display:none}.pageblock--steps .x-core-steps .x-core-collapse:before{width:32px;max-height:32px;color:var(--color-primary);text-align:center;background-color:var(--color-primary-400);border-radius:var(--component-border-radius-full);opacity:.4;content:counter(section);counter-increment:section;padding-block:4px;font-weight:700;position:absolute;top:25px;left:0}.pageblock--steps .x-core-steps .x-core-collapse:after{background-color:var(--color-primary-300);content:"";width:100%;height:2px;position:absolute;bottom:0;left:0}.pageblock--steps .x-core-steps .x-core-collapse[open]:before{color:var(--color-primary-400);background-color:var(--color-primary-500);opacity:1}.pageblock--steps .x-core-steps .x-core-collapse[open] .x-core-collapse__title{opacity:1}.pageblock--steps .x-core-steps .x-core-collapse[open] .step-progress-fill{animation:15s linear forwards stepCountdown}.pageblock--steps .x-core-steps .x-core-collapse:hover .step-progress-fill{animation-play-state:paused}@container style(--breakpoint-md-max:true){.pageblock--steps .x-core-steps .x-core-collapse{width:100%}}:root[style*="--breakpoint-md-max: true"] .applyContainerPolyFill .pageblock--steps .x-core-steps .x-core-collapse{width:100%}.pageblock--steps .x-core-steps .step-progress-bar{z-index:1;width:100%;height:2px;margin-top:15px;position:absolute;bottom:0;left:0;overflow:hidden}.pageblock--steps .x-core-steps .step-progress-fill{background-color:var(--color-primary-500);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}@keyframes stepCountdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
