.uc-steps-showcase-outer{isolation:isolate;background:var(--bg-primary);--steps-vh:99vh;position:relative}.uc-steps-showcase-wrapper{z-index:1;position:relative}.uc-steps-showcase{top:var(--header-offset-top,0px);height:calc(var(--steps-vh) - var(--header-offset-top,0px));z-index:1;background:0 0;transition:top .3s,height .3s;position:sticky;overflow:hidden}.uc-steps-showcase__stage{will-change:transform;width:100%;height:100%;position:relative}.uc-steps-showcase__stage--has-hub{height:200%}.uc-steps-showcase__stage--has-hub .uc-steps-showcase__track,.uc-steps-showcase__stage--has-hub .uc-steps-showcase__hub{height:50%}.uc-steps-showcase__track{width:calc(var(--step-count,4) * 100%);will-change:transform;height:100%;display:flex;position:relative}.uc-steps-showcase__step{flex:0 0 calc(100% / var(--step-count,4));height:100%;padding-top:var(--sp-xl);padding-bottom:calc(var(--sp-xl) + 58px);padding-left:var(--grid-padding);padding-right:var(--grid-padding);z-index:1;justify-content:center;align-items:stretch;display:flex;position:relative}@media screen and (width<=1023px){.uc-steps-showcase__step{padding-top:var(--sp-3xl);padding-bottom:calc(var(--sp-xl) + 58px)}}.uc-steps-showcase__step-inner{align-items:center;column-gap:var(--sp-3xl);grid-template-columns:40% 60%;width:100%;max-width:1440px;height:100%;display:grid}@media screen and (width<=1023px){.uc-steps-showcase__step-inner{align-items:start;row-gap:var(--sp-2xl);grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100%}}.uc-steps-showcase__left{gap:var(--sp-l);flex-direction:column;display:flex}.uc-steps-showcase__num-wrap{background:var(--br-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.uc-steps-showcase__num{font-size:var(--font-heading-4);line-height:var(--line-height-heading-4);letter-spacing:var(--letter-spacing-02);color:#000;margin:0;font-family:Roboto Condensed,Tahoma,Verdana,Segoe,sans-serif;font-weight:700;line-height:1}.uc-steps-showcase__text{gap:var(--sp-m);flex-direction:column;display:flex}.uc-steps-showcase__heading{font-size:var(--font-heading-2);line-height:var(--line-height-heading-2);letter-spacing:var(--letter-spacing-02);color:var(--th-primary);margin:0;font-family:Roboto Condensed,Tahoma,Verdana,Segoe,sans-serif;font-weight:600}.uc-steps-showcase__desc{font-size:var(--font-md);line-height:var(--line-height-md);letter-spacing:var(--letter-spacing-02);color:var(--tb-primary);margin:0}.uc-steps-showcase__right{gap:var(--sp-l);z-index:1;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.uc-steps-showcase__tabs{position:relative;overflow:visible}@media screen and (width<=1023px){.uc-steps-showcase__tabs{overflow:hidden}}.uc-steps-showcase__tab{align-items:center;gap:var(--sp-m);width:400px;padding:var(--sp-s);border:1px solid var(--br-primary);background:var(--fs-primary);z-index:calc(10 - var(--tab-index,0));cursor:default;border-radius:8px;display:inline-flex;box-shadow:0 0 40px 10px #0646741a,0 0 20px 5px #4954621a,0 0 40px 5px #0646741a}@media screen and (width<=1023px){.uc-steps-showcase__tab{width:100%;z-index:calc(10 + var(--tab-index,0));transition:opacity .3s}.uc-steps-showcase__tab:not(.is-revealed){opacity:0;pointer-events:none}}.uc-steps-showcase__tab-icon-wrap{background:var(--fs-tertiary);padding:var(--sp-2xs);color:var(--th-primary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.uc-steps-showcase__tab-icon-wrap svg{fill:currentColor;width:32px;height:32px;display:block}.uc-steps-showcase__tab-icon{object-fit:contain;filter:brightness(0)invert();width:32px;height:32px;display:block}.uc-steps-showcase__tab-label{font-size:var(--font-lg);line-height:var(--line-height-lg);letter-spacing:var(--letter-spacing-02);color:var(--tb-primary);white-space:nowrap;margin:0}@keyframes uc-step-img-exit{0%{opacity:1;transform:translate(0)scale(1)}15%{opacity:1;transform:translate(2%)scale(1.01)}to{opacity:.5;transform:translate(-108%)scale(.94)}}@keyframes uc-step-img-enter{0%{opacity:.7;transform:translate(100%)scale(.88)}55%{transform:translate(-3%)scale(1.05)}72%{transform:translate(1.5%)scale(.97)}86%{transform:translate(-.6%)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}.uc-steps-showcase__images{z-index:2;-webkit-backdrop-filter:blur(9.04px);backdrop-filter:blur(9.04px);background:#fff3;border-radius:16px;flex:1;min-height:0;position:relative;overflow:hidden}.uc-steps-showcase__images:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:url(/wp-content/themes/usercentrics/dist/assets/group-glow-DmN5ciZx.svg) 50% 100%/85% no-repeat;position:absolute;inset:0}.uc-steps-showcase__images:before{content:"";z-index:2;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(78.22deg,#eee 6.01%,#85d3ff 94.16%);padding:1.37px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.uc-steps-showcase__image{z-index:1;opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translate(100%)scale(.9)}.uc-steps-showcase__image.is-active{animation:.58s ease-out .24s both uc-step-img-enter}.uc-steps-showcase__image.is-left{animation:.26s ease-in forwards uc-step-img-exit}.uc-steps-showcase__img{object-fit:contain;object-position:center top;max-width:90%;height:80%!important}.uc-steps-showcase__image-placeholder{background:#ffffff0d;width:100%;height:100%}.uc-steps-showcase__bottom{bottom:var(--sp-xl);justify-content:center;align-items:center;gap:var(--sp-l);z-index:10;width:max-content;transition:opacity .4s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.uc-steps-showcase__bottom.is-steps-done{opacity:0;pointer-events:none}.uc-steps-showcase__progress{align-items:center;gap:var(--sp-xs);display:flex}.uc-steps-showcase__progress-bar{background:#fff3;border-radius:100px;width:48px;height:4px;transition:background-color .3s;display:block}.uc-steps-showcase__progress-bar.is-active{background:#00a2ff}.uc-steps-showcase__skip-button.uc-button{color:#00a2ff;text-transform:uppercase;letter-spacing:.05em;background:0 0;border-width:2px;border-color:#00a2ff;font-weight:700;transition:all .2s ease-in-out}.uc-steps-showcase__skip-button.uc-button:hover{background:#00a2ff1a;box-shadow:0 0 12px #00a2ff4d}.uc-steps-showcase__line-svg{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}@media screen and (width<=1023px){.uc-steps-showcase__line-svg{display:none}}@keyframes uc-hub-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 14px))}}.uc-steps-showcase__hub{z-index:1;padding-bottom:var(--sp-m);background:0 0;position:relative}.uc-steps-showcase__hub-inner{height:100%;padding-left:var(--grid-padding);padding-right:var(--grid-padding);margin:0 auto;position:relative}@media screen and (width<=1023px){.uc-steps-showcase__hub-inner{gap:var(--sp-m);padding-bottom:var(--sp-3xl);flex-direction:column;display:flex;overflow-y:auto}}.uc-steps-showcase__hub-center{text-align:center;z-index:4;pointer-events:none;opacity:0;max-width:40%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uc-steps-showcase__hub-center.is-hub-revealed{opacity:1}@media screen and (width<=1023px){.uc-steps-showcase__hub-center{text-align:center;order:-1;max-width:100%;position:static;transform:none}}.uc-steps-showcase__hub-title{font-size:var(--font-heading-2);line-height:var(--line-height-heading-2);letter-spacing:var(--letter-spacing-02);color:var(--th-primary);margin:0;font-family:Roboto Condensed,Tahoma,Verdana,Segoe,sans-serif;font-weight:700}.uc-steps-showcase__hub-tab{left:var(--hub-x,50%);top:var(--hub-y,50%);z-index:2;opacity:0;width:max-content;max-width:none;padding-left:var(--sp-l);padding-right:var(--sp-l);transition:opacity .4s,transform .4s;position:absolute;transform:translate(-50%,-50%)scale(.88)}.uc-steps-showcase__hub-tab.is-hub-revealed{opacity:1;transform:translate(-50%,-50%)scale(1)}@media screen and (width<=1023px){.uc-steps-showcase__hub-tab{width:100%;max-width:none;position:static;animation:none!important;transform:none!important}.uc-steps-showcase__hub-tab.is-hub-revealed{opacity:1;transform:none!important}}