.ProductHowItWorksDiagramBlock-mainAnimation>div,.ProductHowItWorksDiagramBlock-stepAnimation,.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-mainAnimation>div{--ratio-height:1;--ratio-width:1;--width:100%;display:block;font-size:0;overflow:hidden;position:relative;width:var(--width)}.ProductHowItWorksDiagramBlock-mainAnimation>div:before,.ProductHowItWorksDiagramBlock-stepAnimation:before,.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-mainAnimation>div:before{content:"";display:block;padding-bottom:calc(var(--width)*var(--ratio-height)/var(--ratio-width));width:100%}.ProductHowItWorksDiagramBlock-mainAnimation>div>*,.ProductHowItWorksDiagramBlock-stepAnimation>*,.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-mainAnimation>div>*{display:block;font-size:1rem;height:100%;left:0;position:absolute;top:0;width:100%}.ProductHowItWorksDiagramBlock{--block-margin:0 0 var(--spacing-small);--svg-height-0:320;--svg-width-0:1240;--svg-size-1:608;--svg-bleed-1:720;position:relative;z-index:10}.ProductHowItWorksDiagramBlock [lang]{opacity:0}:where(html[lang=en],html:not([lang])) .ProductHowItWorksDiagramBlock [lang=en],html[lang=de] .ProductHowItWorksDiagramBlock [lang=de],html[lang=fr] .ProductHowItWorksDiagramBlock [lang=fr]{opacity:1}.ProductHowItWorksDiagramBlock.is-mobile{--svg-height-0:481;--svg-width-0:360}.ProductHowItWorksDiagramBlock-title{margin:0 0 var(--spacing-xx-small) 0}.ProductHowItWorksDiagramBlock-title:last-child{margin-bottom:0}.ProductHowItWorksDiagramBlock-subtitle{margin:0 0 var(--spacing-medium) 0;max-width:610px}.ProductHowItWorksDiagramBlock-subtitle:last-child{margin-bottom:0}@media(max-width:959px){.ProductHowItWorksDiagramBlock-subtitle{margin:0 0 var(--spacing-small) 0}.ProductHowItWorksDiagramBlock-subtitle:last-child{margin-bottom:0}}@media(max-height:739px){.ProductHowItWorksDiagramBlock-subtitle{margin:0 0 var(--spacing-small) 0}.ProductHowItWorksDiagramBlock-subtitle:last-child{margin-bottom:0}}.ProductHowItWorksDiagramBlock-mainAnimationWrap{grid-column:1/span 2;grid-row:1;position:relative;z-index:calc(15 + var(--block-z-index, 0))}.ProductHowItWorksDiagramBlock-mainAnimationWrap:after,.ProductHowItWorksDiagramBlock-mainAnimationWrap:before{background:var(--color-teal);content:"";display:block;height:1px;position:absolute;transform:scaleY(calc(1/var(--svg-height-0)*var(--main-animation-height)));width:50vw;z-index:1}.ProductHowItWorksDiagramBlock-mainAnimationWrap:before{bottom:calc(40/var(--svg-height-0)*var(--main-animation-height));right:100%;transform-origin:right bottom}.ProductHowItWorksDiagramBlock-mainAnimationWrap:after{left:100%;top:calc(40/var(--svg-height-0)*var(--main-animation-height));transform-origin:left top}.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-mainAnimationWrap:before{bottom:calc(30/var(--svg-height-0)*var(--main-animation-height));left:100%;right:unset}.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-mainAnimationWrap:after{left:unset;right:100%;top:calc(50/var(--svg-height-0)*var(--main-animation-height))}.ProductHowItWorksDiagramBlock-mainAnimation{z-index:2}.ProductHowItWorksDiagramBlock-mainAnimation>div{--ratio-height:320;--ratio-width:1240}.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-mainAnimation>div{--ratio-height:481;--ratio-width:360;margin:0 auto}.ProductHowItWorksDiagramBlock-steps{-moz-column-gap:var(--grid-gap-large);column-gap:var(--grid-gap-large);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative}@media(max-width:959px){.ProductHowItWorksDiagramBlock-steps{grid-template-columns:100%}}.ProductHowItWorksDiagramBlock.is-step2 .ProductHowItWorksDiagramBlock-steps{z-index:10}.ProductHowItWorksDiagramBlock-step1,.ProductHowItWorksDiagramBlock-step2,.ProductHowItWorksDiagramBlock-step3{margin:0 0 var(--spacing-small) 0}.ProductHowItWorksDiagramBlock-step1:last-child,.ProductHowItWorksDiagramBlock-step2:last-child,.ProductHowItWorksDiagramBlock-step3:last-child{margin-bottom:0}@media(max-height:739px){.ProductHowItWorksDiagramBlock-step1,.ProductHowItWorksDiagramBlock-step2,.ProductHowItWorksDiagramBlock-step3{margin:0 0 var(--spacing-x-small) 0}.ProductHowItWorksDiagramBlock-step1:last-child,.ProductHowItWorksDiagramBlock-step2:last-child,.ProductHowItWorksDiagramBlock-step3:last-child{margin-bottom:0}}@media(max-height:619px){.ProductHowItWorksDiagramBlock-step1,.ProductHowItWorksDiagramBlock-step2,.ProductHowItWorksDiagramBlock-step3{margin:0 0 var(--spacing-xx-small) 0}.ProductHowItWorksDiagramBlock-step1:last-child,.ProductHowItWorksDiagramBlock-step2:last-child,.ProductHowItWorksDiagramBlock-step3:last-child{margin-bottom:0}}@media(max-width:959px){.ProductHowItWorksDiagramBlock-step1,.ProductHowItWorksDiagramBlock-step2,.ProductHowItWorksDiagramBlock-step3{margin:0 0 var(--spacing-small) 0}.ProductHowItWorksDiagramBlock-step1:last-child,.ProductHowItWorksDiagramBlock-step2:last-child,.ProductHowItWorksDiagramBlock-step3:last-child{margin-bottom:0}}.ProductHowItWorksDiagramBlock-contentInner,.ProductHowItWorksDiagramBlock-stepAnimationWrap{position:sticky;top:calc(var(--admin-bar-height) + var(--announcement-height) + var(--header-height) + var(--spacing-small))}@media(max-width:959px){.ProductHowItWorksDiagramBlock-contentInner,.ProductHowItWorksDiagramBlock-stepAnimationWrap{position:relative;top:0}}.ProductHowItWorksDiagramBlock-contentWrap{display:grid;grid-column:1;grid-template-rows:repeat(5,1fr)}@media(max-width:959px){.ProductHowItWorksDiagramBlock-contentWrap{grid-template-rows:1fr}}.ProductHowItWorksDiagramBlock-stepAnimationWrap{grid-column:2}@media(max-width:959px){.ProductHowItWorksDiagramBlock-stepAnimationWrap{display:none}}.ProductHowItWorksDiagramBlock-stepAnimation{--ratio-height:1;--ratio-width:1;overflow:visible}@media(max-height:739px)and (min-width:960px){.ProductHowItWorksDiagramBlock-stepAnimation{transform:translateY(calc(var(--header-height) - var(--step-animation-top)))}}.ProductHowItWorksDiagramBlock-stepAnimation>div{bottom:0;left:0;overflow:visible!important;position:absolute;right:0;top:0;transition:opacity .6s}.ProductHowItWorksDiagramBlock-stepAnimation svg{height:calc(100%*var(--svg-bleed-1)/var(--svg-size-1));left:50%;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100%*var(--svg-bleed-1)/var(--svg-size-1))}.ProductHowItWorksDiagramBlock.is-mobile .ProductHowItWorksDiagramBlock-stepAnimation{margin:0 auto;max-width:640px}.ProductHowItWorksDiagramBlock-stepLabel{margin:0 0 var(--spacing-x-small) 0;position:relative;transition:color .4s}.ProductHowItWorksDiagramBlock-stepLabel:last-child{margin-bottom:0}@media(max-height:739px){.ProductHowItWorksDiagramBlock-stepLabel{margin:0 0 var(--spacing-xx-small) 0}.ProductHowItWorksDiagramBlock-stepLabel:last-child{margin-bottom:0}}.ProductHowItWorksDiagramBlock:not(.is-mobile) .ProductHowItWorksDiagramBlock-stepLabel:before{background:var(--color-teal);border-radius:100%;content:"";display:block;height:10px;left:-22px;position:absolute;top:calc(.7em - 5px);transition:background .4s;width:10px}.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step1) .ProductHowItWorksDiagramBlock-step1 .ProductHowItWorksDiagramBlock-stepLabel,.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step2) .ProductHowItWorksDiagramBlock-step2 .ProductHowItWorksDiagramBlock-stepLabel,.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step3) .ProductHowItWorksDiagramBlock-step3 .ProductHowItWorksDiagramBlock-stepLabel{color:var(--color-light-gray);cursor:pointer}.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step1) .ProductHowItWorksDiagramBlock-step1 .ProductHowItWorksDiagramBlock-stepLabel:before,.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step2) .ProductHowItWorksDiagramBlock-step2 .ProductHowItWorksDiagramBlock-stepLabel:before,.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step3) .ProductHowItWorksDiagramBlock-step3 .ProductHowItWorksDiagramBlock-stepLabel:before{background:var(--color-light-gray)}.ProductHowItWorksDiagramBlock-stepDescription{margin:0 0 var(--spacing-small) 0;max-width:400px}.ProductHowItWorksDiagramBlock-stepDescription:last-child{margin-bottom:0}@media(max-height:739px){.ProductHowItWorksDiagramBlock-stepDescription{margin:0 0 var(--spacing-x-small) 0}.ProductHowItWorksDiagramBlock-stepDescription:last-child{margin-bottom:0}}@media(max-height:619px){.ProductHowItWorksDiagramBlock-stepDescription{margin:0 0 var(--spacing-xx-small) 0}.ProductHowItWorksDiagramBlock-stepDescription:last-child{margin-bottom:0}}@media(max-width:959px){.ProductHowItWorksDiagramBlock-stepDescription{margin:0 0 var(--spacing-x-small) 0}.ProductHowItWorksDiagramBlock-stepDescription:last-child{margin-bottom:0}}@media(max-height:739px){.ProductHowItWorksDiagramBlock-stepDescription{max-width:100%}}.ProductHowItWorksDiagramBlock-stepAnimationWrap{height:calc(var(--step-animation-height)*1px)}.ProductHowItWorksDiagramBlock-stepContent{transition:height .4s,opacity .6s}.ProductHowItWorksDiagramBlock-stepContent>div>.ProductHowItWorksDiagramBlock-stepDescription,.ProductHowItWorksDiagramBlock-stepContent>div>.TrailingLink{position:relative;z-index:2}.ProductHowItWorksDiagramBlock-stepContent>div>.TrailingLink{display:inline-flex}.ProductHowItWorksDiagramBlock-stepContent .ProductHowItWorksDiagramBlock-stepAnimation{z-index:1}.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step1) .ProductHowItWorksDiagramBlock-step1 .ProductHowItWorksDiagramBlock-stepContent,.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step2) .ProductHowItWorksDiagramBlock-step2 .ProductHowItWorksDiagramBlock-stepContent,.ProductHowItWorksDiagramBlock:not(.is-mobile):not(.is-step3) .ProductHowItWorksDiagramBlock-step3 .ProductHowItWorksDiagramBlock-stepContent{height:0;opacity:0}.ProductHowItWorksDiagramBlock.is-step1 .ProductHowItWorksDiagramBlock-step1 .ProductHowItWorksDiagramBlock-stepContent{height:var(--step-content-height-1,auto);opacity:1}.ProductHowItWorksDiagramBlock.is-step2 .ProductHowItWorksDiagramBlock-step2 .ProductHowItWorksDiagramBlock-stepContent{height:var(--step-content-height-2,auto);opacity:1}.ProductHowItWorksDiagramBlock.is-step3 .ProductHowItWorksDiagramBlock-step3 .ProductHowItWorksDiagramBlock-stepContent{height:var(--step-content-height-3,auto);opacity:1}.ProductHowItWorksDiagramBlock-photo1,.ProductHowItWorksDiagramBlock-photo2{--short-vh-offset:0px;--radius-0:6;--height-0:46;--width-0:54;left:calc(var(--main-animation-width)*var(--x-0)/var(--svg-width-0));position:absolute;top:calc(var(--spacing-xx-large)*var(--progress-0) + var(--short-vh-offset)*var(--progress-0) + var(--main-animation-height)*var(--y-0)/var(--svg-height-0));transform-origin:left top;width:calc(var(--main-animation-width)*var(--width-0)/var(--svg-width-0))}@media(max-height:739px)and (min-width:960px){.ProductHowItWorksDiagramBlock-photo1,.ProductHowItWorksDiagramBlock-photo2{--short-vh-offset:-50px}}.ProductHowItWorksDiagramBlock-photo1:before,.ProductHowItWorksDiagramBlock-photo2:before{content:"";display:block;padding-bottom:calc(100%*var(--height-0)/var(--width-0))}.ProductHowItWorksDiagramBlock-photo1 div,.ProductHowItWorksDiagramBlock-photo2 div{height:100%;left:0;position:absolute;top:0;transform-origin:left top;width:100%}.ProductHowItWorksDiagramBlock-photo1 img,.ProductHowItWorksDiagramBlock-photo2 img{background:var(--color-sky);border-radius:calc(1px*var(--radius-0));display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform-origin:left top;width:100%}html.js .ProductHowItWorksDiagramBlock-photo1>div,html.js .ProductHowItWorksDiagramBlock-photo2>div{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-active) .ProductHowItWorksDiagramBlock-photo1>div,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-active) .ProductHowItWorksDiagramBlock-photo2>div{opacity:0}.ProductHowItWorksDiagramBlock-photo1>div>div,.ProductHowItWorksDiagramBlock-photo2>div>div{--offset:calc(var(--main-animation-height) - var(--main-animation-height)*(var(--y-0)/var(--svg-height-0)));animation-delay:calc(-1s*var(--progress-0));animation-duration:1s;animation-name:product-how-it-works-start-photo-transform-1;animation-play-state:paused;animation-timing-function:cubic-bezier(.215,.61,.355,1)}.ProductHowItWorksDiagramBlock-photo1>div>div>div,.ProductHowItWorksDiagramBlock-photo2>div>div>div{--percent-start-1:0;--percent-start-2: ;--percent-end-1:0.1;--percent-end-2: ;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:var(--percent-in)}html.js .ProductHowItWorksDiagramBlock-photo1>div>div>div,html.js .ProductHowItWorksDiagramBlock-photo2>div>div>div{transition:opacity var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.ProductHowItWorksDiagramBlock.is-step2 .ProductHowItWorksDiagramBlock-photo1>div>div>div,.ProductHowItWorksDiagramBlock.is-step2 .ProductHowItWorksDiagramBlock-photo2>div>div>div,.ProductHowItWorksDiagramBlock.is-step3 .ProductHowItWorksDiagramBlock-photo1>div>div>div,.ProductHowItWorksDiagramBlock.is-step3 .ProductHowItWorksDiagramBlock-photo2>div>div>div{height:calc(100%*(var(--height-1) + (var(--height-2) - var(--height-1))*var(--percent))/var(--height-1));transform:translate(calc(100%*var(--percent)*(var(--x-2) - var(--x-1))/var(--width-2)),calc(100%*var(--percent)*(var(--y-2) - var(--y-1))/var(--height-2)));width:calc(100%*(var(--width-1) + (var(--width-2) - var(--width-1))*var(--percent))/var(--width-1))}.js .ProductHowItWorksDiagramBlock.is-step3 .ProductHowItWorksDiagramBlock-photo1>div>div>div,.js .ProductHowItWorksDiagramBlock.is-step3 .ProductHowItWorksDiagramBlock-photo2>div>div>div{opacity:0}.ProductHowItWorksDiagramBlock-photo1{--x-0:701;--y-0:121;--x-1:77;--y-1:170;--x-2:525;--y-2:168;--height-1:134;--width-1:88;--height-2:116;--width-2:77;z-index:6}.js .ProductHowItWorksDiagramBlock-photo1>div{transition-delay:.4s}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo1{--x-1:69;--y-1:85;--x-2:518;--y-2:82}.ProductHowItWorksDiagramBlock-photo2{--x-0:1102;--y-0:36;--x-1:500;--y-1:330;--x-2:71;--y-2:168;--height-1:107;--width-1:142;--height-2:224;--width-2:493;z-index:5}.js .ProductHowItWorksDiagramBlock-photo2>div{transition-delay:.6s}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo2{--x-1:481;--y-1:165;--x-2:50;--y-2:2}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-mainAnimationWrap .ProductHowItWorksDiagramBlock-photo1,.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-mainAnimationWrap .ProductHowItWorksDiagramBlock-photo2,.ProductHowItWorksDiagramBlock:not(.is-sticky) .ProductHowItWorksDiagramBlock-stepAnimation .ProductHowItWorksDiagramBlock-photo1,.ProductHowItWorksDiagramBlock:not(.is-sticky) .ProductHowItWorksDiagramBlock-stepAnimation .ProductHowItWorksDiagramBlock-photo2{display:none}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo1,.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo2{bottom:auto;height:auto;left:calc(100%*var(--x-1)/var(--step-animation-width));position:absolute;right:auto;top:calc(100%*var(--y-1)/var(--step-animation-height));width:calc(var(--main-animation-width)*var(--width-0)/var(--svg-width-0))}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo1>div>div,.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo2>div>div{--offset:0}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo1{z-index:4}.ProductHowItWorksDiagramBlock.is-sticky .ProductHowItWorksDiagramBlock-photo2{z-index:3}.ProductHowItWorksDiagramBlock-stepAnimation1{z-index:1}.ProductHowItWorksDiagramBlock-stepAnimation2{z-index:5}.ProductHowItWorksDiagramBlock-stepAnimation3{z-index:2}@keyframes product-how-it-works-start-photo-transform-1{0%{left:0;top:0;transform:translate(0)}to{height:calc(100%*var(--height-1)/var(--height-0));left:calc((var(--main-animation-width) + var(--grid-gap-large))/2 - (var(--main-animation-width))*var(--x-0)/var(--svg-width-0));top:var(--offset);transform:translate(calc(100%*var(--x-1)/var(--width-1) - 100%*(var(--svg-bleed-1) - var(--svg-size-1))/2/var(--width-1)),calc(100%*var(--y-1)/var(--height-1) - 100%*(var(--svg-bleed-1) - var(--svg-size-1))/2/var(--height-1)));width:calc(100%*var(--width-1)/var(--width-0))}}html.js #diagram-product-how-it-works-start-notification-1>g,html.js #diagram-product-how-it-works-start-notification-2>g,html.js #diagram-product-how-it-works-start-notification-3>g{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-active):not(.is-mobile) #diagram-product-how-it-works-start-notification-1>g,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-active):not(.is-mobile) #diagram-product-how-it-works-start-notification-2>g,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-active):not(.is-mobile) #diagram-product-how-it-works-start-notification-3>g{opacity:0;transform:translateY(40px)}.js #diagram-product-how-it-works-start-notification-1>g{transition-delay:.2s}.js #diagram-product-how-it-works-start-notification-2>g{transition-delay:.4s}.js #diagram-product-how-it-works-start-notification-3>g{transition-delay:.6s}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-1-icon,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-1-photo-1,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-1-photo-2{opacity:0}#diagram-product-how-it-works-step-1-circle{transform-origin:253.5px 253.5px}html.js #diagram-product-how-it-works-step-1-circle{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-circle{opacity:0;transform:scale(.9)}html.js #diagram-product-how-it-works-step-1-icon-1,html.js #diagram-product-how-it-works-step-1-icon-2,html.js #diagram-product-how-it-works-step-1-icon-3,html.js #diagram-product-how-it-works-step-1-icon-4,html.js #diagram-product-how-it-works-step-1-icon-5,html.js #diagram-product-how-it-works-step-1-icon-6,html.js #diagram-product-how-it-works-step-1-icon-7{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-1,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-2,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-3,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-4,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-5,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-6,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step1):not(.is-mobile) #diagram-product-how-it-works-step-1-icon-7{opacity:0}.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-1,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-2,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-3,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-4,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-5,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-6,.js .ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-7{opacity:0;transform:translateY(40px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-1{opacity:0;transform:translate(101px,243px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-2{opacity:0;transform:translate(-89px,245px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-3{opacity:0;transform:translate(-217px,143px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-4{opacity:0;transform:translate(251px,-45px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-5{opacity:0;transform:translate(182px,-171px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-6{opacity:0;transform:translate(39px,-242px)}.js .ProductHowItWorksDiagramBlock.is-step2:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-7{opacity:0;transform:translate(-142px,-193px)}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-1{transition-delay:.2s}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-2{transition-delay:.4s}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-3{transition-delay:.6s}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-4{transition-delay:.8s}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-5{transition-delay:1s}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-6{transition-delay:1.2s}.js .ProductHowItWorksDiagramBlock.was-step0.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-1-icon-7{transition-delay:1.4s}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-photo-1,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-photo-2{opacity:0}#diagram-product-how-it-works-step-2-recording,#diagram-product-how-it-works-step-2-segments-bar-bg,#diagram-product-how-it-works-step-2-segments-title{--percent-start-1:0;--percent-start-2:0.9;--percent-end-1:0.1;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-recording,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-bg,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-title{opacity:var(--percent);transform:translateY(calc(20px*(1 - var(--percent))))}#diagram-product-how-it-works-step-2-call-label{--percent-start-1:0.05;--percent-start-2:0.9;--percent-end-1:0.15;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-call-label{opacity:var(--percent);transform:translateX(calc(20px*(1 - var(--percent))))}#diagram-product-how-it-works-step-2-call-icon{--percent-start-1:0;--percent-start-2:0.9;--percent-end-1:0.1;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-call-icon{opacity:var(--percent-out);transform:translate(calc(176.39px*(1 - var(--percent-in))),calc(-65px*(1 - var(--percent-in))))}.ProductHowItWorksDiagramBlock.is-step0:not(.is-mobile) #diagram-product-how-it-works-step-2-call-icon,.ProductHowItWorksDiagramBlock.is-step1:not(.is-mobile) #diagram-product-how-it-works-step-2-call-icon{--percent-start-1:0;--percent-start-2:0.9;--percent-end-1:0.1;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-1) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-1) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out));opacity:var(--percent-in);transform:translate(176.39px,calc(-25px - 40px*var(--percent-in)))}#diagram-product-how-it-works-step-2-segments-label-1{--percent-start-1:0.1;--percent-start-2:0.9;--percent-end-1:0.2;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-label-2{--percent-start-1:0.2;--percent-start-2:0.9;--percent-end-1:0.3;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-label-3{--percent-start-1:0.3;--percent-start-2:0.9;--percent-end-1:0.4;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-label-1,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-label-2,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-label-3{opacity:var(--percent);transform:translateX(calc(20px*(1 - var(--percent))))}#diagram-product-how-it-works-step-2-segments-bar-1,#diagram-product-how-it-works-step-2-segments-bar-2,#diagram-product-how-it-works-step-2-segments-bar-3,#diagram-product-how-it-works-step-2-segments-bar-risk{--percent-start-1:0;--percent-start-2:0.9;--percent-end-1:0.1;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-1,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-2,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-3,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-risk{transform:translateY(calc(20px*(1 - var(--percent))))}#diagram-product-how-it-works-step-2-segments-bar-1>g,#diagram-product-how-it-works-step-2-segments-bar-2>g,#diagram-product-how-it-works-step-2-segments-bar-3>g,#diagram-product-how-it-works-step-2-segments-bar-bg>g,#diagram-product-how-it-works-step-2-segments-label-1>g,#diagram-product-how-it-works-step-2-segments-label-2>g,#diagram-product-how-it-works-step-2-segments-label-3>g,#diagram-product-how-it-works-step-2-segments-title>g{--percent-start-1:0.5;--percent-start-2: ;--percent-end-1:0.6;--percent-end-2: ;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:var(--percent-in)}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-1>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-2>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-3>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-bg>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-label-1>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-label-2>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-label-3>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-title>g{opacity:calc(.2 + (1 - var(--percent))*.8)}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:first-child{--percent-start-1:0.16;--percent-start-2:0.9;--percent-end-1:0.21;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(2){--percent-start-1:0.17;--percent-start-2:0.9;--percent-end-1:0.22;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(3){--percent-start-1:0.18;--percent-start-2:0.9;--percent-end-1:0.23;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(4){--percent-start-1:0.19;--percent-start-2:0.9;--percent-end-1:0.24;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(5){--percent-start-1:0.2;--percent-start-2:0.9;--percent-end-1:0.25;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(6){--percent-start-1:0.21;--percent-start-2:0.9;--percent-end-1:0.26;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(7){--percent-start-1:0.22;--percent-start-2:0.9;--percent-end-1:0.27;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-1>g>g:nth-child(8){--percent-start-1:0.23;--percent-start-2:0.9;--percent-end-1:0.28;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:first-child{--percent-start-1:0.26;--percent-start-2:0.9;--percent-end-1:0.31;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:nth-child(2){--percent-start-1:0.27;--percent-start-2:0.9;--percent-end-1:0.32;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:nth-child(3){--percent-start-1:0.28;--percent-start-2:0.9;--percent-end-1:0.33;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:nth-child(4){--percent-start-1:0.29;--percent-start-2:0.9;--percent-end-1:0.34;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:nth-child(5){--percent-start-1:0.3;--percent-start-2:0.9;--percent-end-1:0.35;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:nth-child(6){--percent-start-1:0.31;--percent-start-2:0.9;--percent-end-1:0.36;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-2>g>g:nth-child(7){--percent-start-1:0.32;--percent-start-2:0.9;--percent-end-1:0.37;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-3>g>g:first-child{--percent-start-1:0.37;--percent-start-2:0.9;--percent-end-1:0.42;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-3>g>g:nth-child(2){--percent-start-1:0.39;--percent-start-2:0.9;--percent-end-1:0.44;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-risk>g>g:first-child{--percent-start-1:0.57;--percent-start-2:0.9;--percent-end-1:0.62;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}#diagram-product-how-it-works-step-2-segments-bar-risk>g>g:nth-child(2){--percent-start-1:0.59;--percent-start-2:0.9;--percent-end-1:0.64;--percent-end-2:1;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:min(var(--percent-in),var(--percent-out))}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-1>g>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-2>g>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-3>g>g,.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-segments-bar-risk>g>g{opacity:var(--percent)}#diagram-product-how-it-works-step-2-alert{--percent-start-1:0.5;--percent-start-2: ;--percent-end-1:0.6;--percent-end-2: ;--percent-in:calc(min(1, max(0, ((var(--progress-2) - var(--percent-start-1)) / (var(--percent-end-1) - var(--percent-start-1))))));--percent-out:calc(1 - min(1, max(0, ((var(--progress-2) - var(--percent-start-2)) / (var(--percent-end-2) - var(--percent-start-2))))));--percent:var(--percent-in)}.ProductHowItWorksDiagramBlock:not(.is-mobile) #diagram-product-how-it-works-step-2-alert{opacity:var(--percent);transform:translateY(calc(40px*(1 - var(--percent))))}#diagram-product-how-it-works-step-2-alert>g>g{--x-1:441;--y-1:418.92;--x-2:67;--y-2:199;--height-1:77;--width-1:223;--height-2:97;--width-2:293;transform-origin:calc(1px*var(--height-1)/2) calc(1px*var(--width-1)/2);transition-delay:.2s,0s}html.js #diagram-product-how-it-works-step-2-alert>g>g{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.js .ProductHowItWorksDiagramBlock.is-step3:not(.is-mobile) #diagram-product-how-it-works-step-2-alert>g>g{opacity:0;transform:translate(calc(1px*(var(--x-2) - var(--x-1))),calc(1px*(var(--y-2) - var(--y-1)))) scale(calc(var(--width-2)/var(--width-1)),calc(var(--height-2)/var(--height-1)))}html.js #diagram-product-how-it-works-step-3-notification-1,html.js #diagram-product-how-it-works-step-3-notification-2,html.js #diagram-product-how-it-works-step-3-notification-3,html.js #diagram-product-how-it-works-step-3-notification-4{transition:opacity var(--glitter-speed),transform var(--glitter-speed);transition-timing-function:var(--glitter-timing-function)}.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step3):not(.is-mobile) #diagram-product-how-it-works-step-3-notification-1,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step3):not(.is-mobile) #diagram-product-how-it-works-step-3-notification-2,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step3):not(.is-mobile) #diagram-product-how-it-works-step-3-notification-3,.js .ProductHowItWorksDiagramBlock:not(.is-active.is-step3):not(.is-mobile) #diagram-product-how-it-works-step-3-notification-4{opacity:0;transform:translateY(40px)}.js .ProductHowItWorksDiagramBlock.was-step2.is-step3 #diagram-product-how-it-works-step-3-notification-1{transition-delay:.2s}.js .ProductHowItWorksDiagramBlock.was-step2.is-step3 #diagram-product-how-it-works-step-3-notification-2{transition-delay:.6s}.js .ProductHowItWorksDiagramBlock.was-step2.is-step3 #diagram-product-how-it-works-step-3-notification-3{transition-delay:1s}.js .ProductHowItWorksDiagramBlock.was-step2.is-step3 #diagram-product-how-it-works-step-3-notification-4{transition-delay:1.4s}