.uc-steps-showcase-outer{isolation:isolate;background:var(--bg-primary);--steps-vh:99vh;--steps-pace:.7;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-3xl);z-index:1;flex-direction:column;justify-content:center;height:100%;display:flex;position:relative}.uc-steps-showcase__right:after{content:"";z-index:-1;pointer-events:none;background:url(/wp-content/themes/usercentrics/dist/assets/group-glow-DmN5ciZx.svg) 50%/100% 100% no-repeat;position:absolute;inset:-6% -15% -12%}.uc-steps-showcase__tabs{position:relative;overflow:visible}@media screen and (width>=1024px){.uc-steps-showcase__tabs .uc-steps-showcase__tab:not(:first-child){opacity:0}}@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;transition:top .45s,left .45s,opacity .4s;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%;transition:opacity .3s}.uc-steps-showcase__tab:not(.is-revealed){opacity:0;pointer-events:none}}.uc-steps-showcase__tab-icon-wrap{opacity:var(--tab-content-opacity,1);background:var(--fs-tertiary);padding:var(--sp-2xs);color:var(--th-primary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .3s .2s;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;opacity:var(--tab-content-opacity,1);margin:0;transition:opacity .3s .2s}@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;flex:1;min-height:0;position:relative}@media screen and (width>=1024px){.uc-steps-showcase__images{flex:none;height:clamp(340px,45vh,520px)}}.uc-steps-showcase__images{-webkit-backdrop-filter:blur(9.04px);backdrop-filter:blur(9.04px);background:#fff3;border-radius:16px;overflow:hidden}.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:left top;max-width:90%;max-height:90%;height:auto!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}.uc-steps-showcase-wrapper{height:auto!important}.uc-steps-showcase{height:auto;transition:none;position:static;overflow:visible}.uc-steps-showcase__stage,.uc-steps-showcase__stage--has-hub{height:auto;transform:none}.uc-steps-showcase__stage--has-hub .uc-steps-showcase__track,.uc-steps-showcase__stage--has-hub .uc-steps-showcase__hub{height:auto}.uc-steps-showcase__track{gap:var(--sp-2xl);flex-direction:column;width:100%;height:auto;transform:none!important}.uc-steps-showcase__step{flex:none;width:100%;height:auto}.uc-steps-showcase__step.is-scrub{padding-top:0;padding-bottom:0}.uc-steps-showcase__step.is-scrub .uc-steps-showcase__step-inner{top:calc(var(--header-offset-top,0px) - var(--uc-left-h,0px) / 2);height:calc(100dvh - var(--header-offset-top,0px) + var(--uc-left-h,0px) / 2);row-gap:var(--sp-2xl);flex-direction:column;grid-template-columns:none;align-items:stretch;display:flex;position:sticky}.uc-steps-showcase__step.is-scrub .uc-steps-showcase__left{flex:none}.uc-steps-showcase__step.is-scrub .uc-steps-showcase__right{flex:auto;height:auto;min-height:0}.uc-steps-showcase__step:not(.is-scrub) .uc-steps-showcase__images{flex:none;height:50dvh}.uc-steps-showcase__line-svg,.uc-steps-showcase__bottom{display:none}.uc-steps-showcase__hub{width:100%;position:relative}.uc-steps-showcase__hub,.uc-steps-showcase__hub-center{opacity:1}.uc-steps-showcase__img{object-position:center center}.uc-steps-showcase__tab-label{white-space:normal}.uc-steps-showcase__tabs{align-items:stretch;display:grid;overflow:hidden}.uc-steps-showcase__tab{opacity:0;grid-area:1/1;transition:transform .5s,opacity .5s;transform:translateY(-110%)}.uc-steps-showcase__tab.is-revealed:not(.is-tab-active){opacity:0;transform:translateY(110%)}.uc-steps-showcase__tab.is-tab-active{opacity:1;transform:translateY(0)}}
