.steps-showcase{display:grid;grid-template-columns:1fr 1.4fr auto;gap:2rem;align-items:center;position:relative;min-height:480px}@media screen and (max-width:767px){.steps-showcase{grid-template-columns:1fr;gap:1.5rem;min-height:auto}}.steps-showcase__text{display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (max-width:767px){.steps-showcase__text{order:2;align-items:center}}.steps-showcase__heading{font-family:font-family: var(--font-stack-headings-primary);font-weight:600;text-transform:uppercase;line-height:.95;margin-bottom:1.75rem;text-stroke:2px var(--color-text-main, #1a1a1a);letter-spacing:.02em}@media screen and (max-width:474px){.steps-showcase__heading{font-size:2.5rem;-webkit-text-stroke:1.5px var(--color-text-main, #1a1a1a)}}@media screen and (min-width:475px)and (max-width:1023px){.steps-showcase__heading{font-size:3rem}}@media screen and (min-width:1024px){.steps-showcase__heading{font-size:3.75rem}}.steps-showcase__steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;width:100%}.steps-showcase__step-text{font-family:font-family: var(--font-stack-headings-primary);line-height:1.3;transition:opacity .4s ease,font-weight .4s ease;cursor:pointer;opacity:.3;font-weight:400;padding:.25rem 0}@media screen and (max-width:474px){.steps-showcase__step-text{font-size:1rem}}@media screen and (min-width:475px)and (max-width:1023px){.steps-showcase__step-text{font-size:1.15rem}}@media screen and (min-width:1024px){.steps-showcase__step-text{font-size:1.35rem}}.steps-showcase__step-text.is-past{opacity:.4;font-weight:400}.steps-showcase__step-text.is-upcoming{opacity:.3;font-weight:400}.steps-showcase__step-text.is-active{opacity:1;font-weight:700}.steps-showcase__image-wrapper{position:relative;overflow:hidden}@media screen and (max-width:767px){.steps-showcase__image-wrapper{order:1}.steps-showcase__image-inner{max-height:none}}.steps-showcase__image-inner{position:relative;width:100%;overflow:hidden;max-width:590px;max-height:590px}.steps-showcase__image-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;overflow:hidden}.steps-showcase__image-slide:first-child{position:relative}.steps-showcase__image-slide.active{opacity:1;z-index:2}.steps-showcase__image-slide img,.steps-showcase__image-slide svg{width:100%;height:100%;object-fit:cover;display:block}.steps-showcase__nav{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media screen and (max-width:767px){.steps-showcase__nav{order:3;flex-direction:row;justify-content:center}}.steps-showcase__nav-dot{width:64px;height:64px;border-radius:50%;border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-heading-family, "Arial", sans-serif);font-weight:700;font-size:.8rem;color:var(--color-text-main, #333);transition:border-color .3s ease,color .3s ease,transform .15s ease;position:relative;padding:0}.steps-showcase__nav-dot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--steps-showcase-accent, #e6007e);opacity:.12;transition:opacity .3s ease;z-index:0}.steps-showcase__nav-dot span{position:relative;z-index:1;font-size:20px}.steps-showcase__nav-dot.active:before{opacity:0}.steps-showcase__nav-dot.active{color:var(--steps-showcase-accent, #e6007e)}.no-touchevents .steps-showcase__nav-dot:not(.active):hover{transform:scale(1.08)}.steps-showcase__controls{position:absolute;bottom:0;right:0;display:flex;align-items:center;gap:.5rem;z-index:5}@media screen and (max-width:767px){.steps-showcase__controls{position:relative;order:4;justify-content:center;margin-top:.5rem}}.steps-showcase__control-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-borders-main, #ccc);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-main, #333);transition:border-color .2s ease,color .2s ease;padding:0}.no-touchevents .steps-showcase__control-btn:hover{border-color:var(--color-text-main, #333)}.steps-showcase__control-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.steps-showcase__progress-ring{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);transform:rotate(-90deg);pointer-events:none;z-index:3}.steps-showcase__progress-ring circle{fill:none;stroke:var(--steps-showcase-accent, #e6007e);stroke-width:2;stroke-dasharray:132;stroke-dashoffset:132}.steps-showcase__nav-dot.active .steps-showcase__progress-ring circle{animation:steps-progress var(--steps-autoplay-duration, 5s) linear forwards}.steps-showcase.is-paused .steps-showcase__nav-dot.active .steps-showcase__progress-ring circle{animation-play-state:paused}@keyframes steps-progress{0%{stroke-dashoffset:132}to{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/section-steps-showcase.css.map */