.youp-home-scan-steps .container{--container-max-width: 1315px}.youp-home-scan-steps__header{margin:0 auto;padding-inline:clamp(.25rem,1.5vw,.5rem);max-width:52rem;text-align:center}.youp-home-scan-steps__title{margin:0;color:rgb(var(--youp-steps-heading));font:var(--heading-font-style) var(--heading-font-weight) clamp(2.25rem,5vw,60px) / 1.05 var(--heading-font-family);letter-spacing:calc(var(--heading-letter-spacing) * 1.2);text-transform:none}.youp-home-scan-steps__title.rte p{margin:0}.youp-home-scan-steps__title em{color:rgb(var(--youp-steps-accent));font-style:normal}.youp-home-scan-steps__subtitle{margin:1rem auto 0;max-width:44rem;color:rgb(var(--youp-steps-subtitle) / .78);font-size:clamp(.9375rem,1.28vw,1.0625rem);line-height:1.52;font-weight:400;letter-spacing:.015em}.youp-home-scan-steps__subtitle.rte p{margin:0}.youp-home-scan-steps--timeline .youp-home-scan-steps__header{max-width:56rem}.youp-home-scan-steps--timeline .youp-home-scan-steps__title{font-size:clamp(2.35rem,5.2vw,60px);line-height:1.02;letter-spacing:calc(var(--heading-letter-spacing) * 1.05)}.youp-home-scan-steps--timeline .youp-home-scan-steps__subtitle{margin-top:1rem;max-width:none;font-size:20px;line-height:1.5;font-weight:700;color:rgb(var(--youp-steps-accent))}.youp-home-scan-steps__panel{margin-top:clamp(2rem,3.5vw,2.75rem);margin-inline:auto;width:min(100%,var(--youp-steps-panel-max-width, 920px));border:1px solid rgb(var(--youp-steps-border) / .72);border-radius:var(--youp-steps-radius);overflow:hidden;background:rgb(var(--youp-steps-panel-bg))}.youp-home-scan-steps__media-stage{position:relative;border-bottom:1px solid rgb(var(--youp-steps-border) / .72);min-height:clamp(14rem,36vw,25rem)}.youp-home-scan-steps__media-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.youp-home-scan-steps__panel .youp-home-scan-steps__media-wrap,.youp-home-scan-steps__panel .youp-home-scan-steps__media-wrap video-media{display:block;width:100%;height:100%;min-height:clamp(14rem,36vw,25rem)}.youp-home-scan-steps__panel .youp-home-scan-steps__media{width:100%;min-height:clamp(14rem,36vw,25rem);max-height:32rem;object-fit:cover}.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media{width:100%;height:100%;min-height:clamp(14rem,36vw,25rem)}.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media:not([autoplay]):not([playing])>video{opacity:0;pointer-events:none}.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media:not([autoplay]):not([playing])>img,.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media:not([autoplay]):not([playing])::part(play-button){opacity:1;pointer-events:auto}.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media:not([autoplay])[playing]>video{opacity:1;pointer-events:auto}.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media:not([autoplay])[playing]>img,.youp-home-scan-steps__panel .youp-home-scan-steps__media-stage video-media:not([autoplay])[playing]::part(play-button){opacity:0;pointer-events:none}.youp-home-scan-steps__panel video-media.youp-scan-step-video--no-controls>video::-webkit-media-controls,.youp-home-scan-steps__panel video-media.youp-scan-step-video--no-controls>video::-webkit-media-controls-enclosure{display:none!important}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media{position:relative;aspect-ratio:4 / 3;width:100%;overflow:hidden;background:#0000002e;border-radius:var(--rounded-sm, .5rem)}.youp-home-scan-steps--timeline .youp-home-scan-steps__media-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media{display:block;width:100%;height:100%;min-height:0;--aspect-ratio: 4 / 3}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-img{width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:unset;object-fit:cover}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media:not([autoplay]):not([playing])>video{opacity:0;pointer-events:none}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media:not([autoplay]):not([playing])>img,.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media:not([autoplay]):not([playing])::part(play-button){opacity:1;pointer-events:auto}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media:not([autoplay])[playing]>video{opacity:1;pointer-events:auto}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media:not([autoplay])[playing]>img,.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-media video-media:not([autoplay])[playing]::part(play-button){opacity:0;pointer-events:none}.youp-home-scan-steps--timeline video-media.youp-scan-step-video--no-controls>video::-webkit-media-controls,.youp-home-scan-steps--timeline video-media.youp-scan-step-video--no-controls>video::-webkit-media-controls-enclosure{display:none!important}.youp-home-scan-steps__tablist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.youp-home-scan-steps__step{background:transparent;color:rgb(var(--youp-steps-tab-text));border:0;border-top:1px solid rgb(var(--youp-steps-border) / .42);border-right:1px solid rgb(var(--youp-steps-border) / .42);padding:1rem .9rem .95rem;text-align:center;display:grid;justify-items:center;gap:.25rem;cursor:pointer}.youp-home-scan-steps__step:nth-child(2n){border-right:0}.youp-home-scan-steps__number{width:1.85rem;height:1.85rem;border-radius:999px;border:1px solid rgb(var(--youp-steps-accent));color:rgb(var(--youp-steps-accent));font-size:.77rem;font-weight:700;display:grid;place-items:center}.youp-home-scan-steps__step.is-active .youp-home-scan-steps__number{background:rgb(var(--youp-steps-accent));color:rgb(var(--youp-steps-panel-bg))}.youp-home-scan-steps__name{margin:0;color:rgb(var(--youp-steps-accent));font-size:.9rem;letter-spacing:.16em;font-weight:700}.youp-home-scan-steps__desc{margin:0;font-size:.82rem;line-height:1.4;color:rgb(var(--youp-steps-tab-text) / .82)}.youp-home-scan-steps__cta{margin-top:clamp(2rem,3vw,2.65rem);padding-inline:clamp(.25rem,1.5vw,.5rem);text-align:center}.youp-home-scan-steps__cta .button{box-shadow:none;font-weight:600}.youp-home-scan-steps__btn-icon{display:inline-flex;width:1em;height:1em;flex:0 0 auto}.youp-home-scan-steps__btn-icon-image{width:100%;height:100%;object-fit:contain;display:block}@media screen and (min-width:700px){.youp-home-scan-steps__tablist{grid-template-columns:repeat(4,minmax(0,1fr))}.youp-home-scan-steps__step{border-top:0}.youp-home-scan-steps__step:not(:last-child){border-right:1px solid rgb(var(--youp-steps-border) / .42)}}.youp-home-scan-steps--timeline .youp-home-scan-steps__body{margin:1.1rem auto 0;max-width:36rem;text-align:center;color:rgb(var(--youp-steps-timeline-lead));font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55;font-weight:400}.youp-home-scan-steps--timeline .youp-home-scan-steps__body p{margin:0}.youp-home-scan-steps__timeline{--youp-node-size: 2.375rem;--youp-timeline-pad-top: .5rem;position:relative;margin-top:clamp(2.25rem,4.5vw,3.25rem);padding-block:var(--youp-timeline-pad-top) .25rem}.youp-home-scan-steps__timeline-track{display:none}.youp-home-scan-steps__timeline-grid{display:grid;gap:clamp(1.75rem,3vw,2.5rem)}.youp-home-scan-steps__timeline-step{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.85rem;min-width:0;--youp-timeline-step-delay: 0ms}.youp-home-scan-steps__timeline-step .youp-home-scan-steps__timeline-title{margin:0;color:rgb(var(--youp-steps-heading));font-size:clamp(.78rem,1.1vw,.88rem);letter-spacing:.16em;font-weight:700;text-transform:uppercase;text-align:center;opacity:0;transform:translateY(.65rem);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transition-delay:var(--youp-timeline-step-delay)}.youp-home-scan-steps__timeline-step.is-inview .youp-home-scan-steps__timeline-title{opacity:1;transform:translateY(0)}.youp-home-scan-steps__timeline-card{position:relative;isolation:isolate;border-radius:var(--youp-steps-radius);border:0;background:transparent;overflow:hidden;text-align:center;display:flex;flex-direction:column;gap:.65rem;padding:0 .15rem}.youp-home-scan-steps__timeline-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--youp-steps-radius) + 2px);z-index:0;pointer-events:none;opacity:0;background:linear-gradient(118deg,rgb(var(--youp-steps-accent) / 0),rgb(var(--youp-steps-accent) / .22) 38%,#ffffff2e 52%,rgb(var(--youp-steps-accent) / .28) 68%,rgb(var(--youp-steps-accent) / 0));background-size:200% 200%;background-position:0% 50%;transition:opacity .45s ease,background-position .65s cubic-bezier(.23,1,.32,1)}.youp-home-scan-steps__timeline-media,.youp-home-scan-steps__timeline-desc{position:relative;z-index:1}.youp-home-scan-steps__timeline-step .youp-home-scan-steps__timeline-node{opacity:0;transform:scale(.35);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);transition-delay:var(--youp-timeline-step-delay)}.youp-home-scan-steps__timeline-step .youp-home-scan-steps__timeline-card{opacity:0;transform:translateY(1.75rem);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.23,1,.32,1),box-shadow .55s cubic-bezier(.23,1,.32,1);transition-delay:var(--youp-timeline-step-delay);transform-style:preserve-3d}.youp-home-scan-steps__timeline-step.is-inview .youp-home-scan-steps__timeline-node{opacity:1;transform:scale(1)}.youp-home-scan-steps__timeline-step.is-inview .youp-home-scan-steps__timeline-card{opacity:1;transform:translateY(0)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-step.is-inview .youp-home-scan-steps__timeline-card:hover:after,.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-step.is-inview .youp-home-scan-steps__timeline-card:focus-within:after{opacity:1;background-position:100% 50%}}.youp-home-scan-steps__timeline-node{display:flex;justify-content:flex-start}.youp-home-scan-steps__timeline-number{width:var(--youp-node-size);height:var(--youp-node-size);border-radius:999px;border:0;color:rgb(var(--youp-steps-panel-bg));font-size:.8125rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;background:rgb(var(--youp-steps-accent));box-shadow:0 0 0 1px rgb(var(--youp-steps-panel-bg) / .25)}.youp-home-scan-steps__timeline-step.is-inview .youp-home-scan-steps__timeline-number{box-shadow:0 0 0 1px rgb(var(--youp-steps-panel-bg) / .35),0 0 20px rgb(var(--youp-steps-accent) / .45)}.youp-home-scan-steps__timeline-step.is-sequence-active .youp-home-scan-steps__timeline-number{box-shadow:0 0 0 2px rgb(var(--youp-steps-accent) / .55),0 0 0 4px rgb(var(--youp-steps-panel-bg) / .2),0 0 22px rgb(var(--youp-steps-accent) / .9),0 0 40px rgb(var(--youp-steps-accent) / .5);transform:scale(1.1);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.youp-home-scan-steps__timeline-step.is-sequence-active .youp-home-scan-steps__timeline-card:after{opacity:1;background-position:100% 50%}.youp-home-scan-steps__timeline-desc{margin:0;font-size:clamp(.86rem,1.15vw,.95rem);line-height:1.5;color:rgb(var(--youp-steps-timeline-desc) / .92)}.youp-home-scan-steps__button-caption{margin:.85rem auto 0;max-width:30rem;font-size:clamp(.88rem,1.15vw,1rem);line-height:1.45;font-weight:500;color:rgb(var(--youp-steps-btn-caption) / .9)}.youp-home-scan-steps__button-caption.rte p{margin:0}.youp-home-scan-steps--timeline .youp-home-scan-steps__button-caption{margin-top:5px;font-size:11px;font-weight:400;color:#ffffffe6}@media screen and (max-width:699px){.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-step{display:grid;grid-template-columns:var(--youp-node-size) minmax(0,1fr);column-gap:.65rem;row-gap:.75rem;align-items:center}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-node{grid-column:1;grid-row:1;justify-content:flex-start;width:auto}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-title{grid-column:2;grid-row:1;text-align:left;justify-self:stretch}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-card{grid-column:1 / -1;grid-row:2}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-step:not(:has(.youp-home-scan-steps__timeline-title)) .youp-home-scan-steps__timeline-card{grid-row:1}}@media screen and (min-width:700px){.youp-home-scan-steps--timeline .youp-home-scan-steps__subtitle{font-size:38px}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-track{display:block;position:absolute;z-index:0;left:12.5%;right:12.5%;width:auto;top:calc(var(--youp-timeline-pad-top) + var(--youp-node-size) / 2 - 1px);height:2px;border-radius:999px;background:transparent;pointer-events:none;overflow:hidden}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,rgb(var(--youp-steps-accent) / .35),rgb(var(--youp-steps-accent) / .95) 48%,rgb(var(--youp-steps-accent) / .45));transition:transform 2.15s cubic-bezier(.22,1,.36,1)}.youp-home-scan-steps__timeline.is-animated .youp-home-scan-steps__timeline-track:after{transform:scaleX(1)}.youp-home-scan-steps__timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(.75rem,2vw,1.25rem)}.youp-home-scan-steps__timeline-step{align-items:center;gap:1.25rem}.youp-home-scan-steps__timeline-node{justify-content:center;width:100%;margin-top:0;position:relative;z-index:1}.youp-home-scan-steps__timeline-number{position:relative;z-index:2;margin-top:0}.youp-home-scan-steps__timeline-desc{padding:0 5px 8px}}@media(prefers-reduced-motion:reduce){.youp-home-scan-steps__timeline-step .youp-home-scan-steps__timeline-node,.youp-home-scan-steps__timeline-step .youp-home-scan-steps__timeline-title,.youp-home-scan-steps__timeline-step .youp-home-scan-steps__timeline-card{opacity:1;transform:none;transition:none}.youp-home-scan-steps__timeline-card:after{display:none}.youp-home-scan-steps--timeline .youp-home-scan-steps__timeline-track:after{transition:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/youp-home-scan-steps.css.map */