.image-toggle-block{padding-top:clamp(2rem,7vw,4rem);padding-bottom:clamp(2rem,7vw,4rem)}.image-toggle-block__intro{margin:0 auto clamp(20px,3vw,45px);text-align:center}.image-toggle-block__intro :first-child{margin-top:0}.image-toggle-block__intro :last-child{margin-bottom:0}.image-toggle-block__content{margin:0 auto;max-width:75rem;background-color:#f9faff;border:solid 1px var(--color-convey-dark);border-radius:clamp(3px,1vw,15px)!important;box-shadow:clamp(.25rem,1vw,1rem) clamp(.25rem,1vw,1rem) var(--color-convey-shadow);padding:clamp(1rem,2vw,2rem)}.image-toggle-block__content--after .image-toggle-block__content-item--before{display:none}.image-toggle-block__content--after .image-toggle-block__content-item--after{display:flex}.image-toggle-block__content-item{display:flex;flex-direction:column;gap:clamp(1rem,2vw,2rem)}@media (min-width: 768px){.image-toggle-block__content-item{flex-direction:row}}.image-toggle-block__content-item--before{display:flex}.image-toggle-block__content-item--after{display:none}.image-toggle-block__left{width:100%;order:2}@media (min-width: 768px){.image-toggle-block__left{order:1;width:calc(50% - 1rem)}}.image-toggle-block__right{width:100%;order:1}@media (min-width: 768px){.image-toggle-block__right{order:2;width:50%}}.image-toggle-block__content-group{position:relative;padding:0 .5rem .5rem 3rem}@media (min-width: 768px){.image-toggle-block__content-group{padding:1rem 0 1rem 3rem}}.image-toggle-block__content-group :first-child{margin-top:0}.image-toggle-block__content-group :last-child{margin-bottom:0}.image-toggle-block__content-group+.image-toggle-block__content-group{margin-top:clamp(.5rem,1vw,1rem);padding-top:clamp(.5rem,2vw,2rem)}.image-toggle-block__content-group+.image-toggle-block__content-group .image-toggle-block__content-group-number{top:clamp(.5rem,2vw,2rem)}.image-toggle-block__content-group-number{display:inline-block;width:2rem;height:2rem;text-align:center;border-radius:50%;font-weight:500;padding-top:.1rem;color:var(--color-convey-dark);border:solid 1px var(--color-convey-dark);background-color:var(--color-convey-gold);position:absolute;left:0;top:0}@media (min-width: 768px){.image-toggle-block__content-group-number{top:clamp(0rem,1vw,1rem)}}.image-toggle-block__img{border-radius:5px;overflow:hidden;width:100%;background-color:#fff}.image-toggle-block__img--after{display:none}.image-toggle-block__heading{max-width:900px;text-align:center;margin:0 auto}.image-toggle-block__description{max-width:650px;text-align:center;margin:.5rem auto 0}.image-toggle-block .toggle-button-cover{position:relative;max-width:18rem;width:100%;height:44px;box-sizing:border-box;border:solid 1px var(--color-convey-dark);border-radius:5px;margin:0 auto clamp(1rem,1.5vw,1.5rem);overflow:hidden}@media (min-width: 600px){.image-toggle-block .toggle-button-cover{height:60px}}.image-toggle-block .toggle-button-cover .knobs,.image-toggle-block .toggle-button-cover .layer{position:absolute;inset:0}.image-toggle-block .toggle-button-cover__button{position:relative;top:0%;width:100%;height:44px;margin:0 auto;overflow:hidden}@media (min-width: 600px){.image-toggle-block .toggle-button-cover__button{height:60px}}.image-toggle-block .toggle-button-cover .button.r,.image-toggle-block .toggle-button-cover .button.r .layer{border-radius:100px}.image-toggle-block .toggle-button-cover .button.b2{border-radius:2px}.image-toggle-block .toggle-button-cover .checkbox{position:relative;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer;z-index:3}.image-toggle-block .toggle-button-cover .knobs{z-index:2}.image-toggle-block .toggle-button-cover .layer{width:100%;transition:.3s ease all;z-index:1;background-color:#fff}.image-toggle-block .toggle-button-cover #button-10 .knobs:before,.image-toggle-block .toggle-button-cover #button-10 .knobs:after,.image-toggle-block .toggle-button-cover #button-10 .knobs span{position:absolute;top:50%;transform:translateY(-50%);width:50%;height:calc(100% - 10px);font-size:14px;font-weight:600;text-align:center;line-height:1;padding:11px 4px 7px;border-radius:4px;transition:.3s ease all}@media (min-width: 600px){.image-toggle-block .toggle-button-cover #button-10 .knobs:before,.image-toggle-block .toggle-button-cover #button-10 .knobs:after,.image-toggle-block .toggle-button-cover #button-10 .knobs span{height:calc(100% - 20px);padding:12px 4px 7px;font-size:1rem}}.image-toggle-block .toggle-button-cover #button-10 .knobs:before{content:"";left:6px;background-color:var(--color-convey-blue);border:solid 1px var(--color-convey-dark);width:calc(50% - 6px)}@media (min-width: 600px){.image-toggle-block .toggle-button-cover #button-10 .knobs:before{left:10px;width:calc(50% - 10px)}}.image-toggle-block .toggle-button-cover #button-10 .knobs:after{content:"After";right:3px;color:#333}@media (min-width: 600px){.image-toggle-block .toggle-button-cover #button-10 .knobs:after{right:5px}}.image-toggle-block .toggle-button-cover #button-10 .knobs span{display:inline-block;left:3px;color:#fff;z-index:1}@media (min-width: 600px){.image-toggle-block .toggle-button-cover #button-10 .knobs span{left:5px}}.image-toggle-block .toggle-button-cover #button-10 .checkbox:checked+.knobs span{color:#333}.image-toggle-block .toggle-button-cover #button-10 .checkbox:checked+.knobs:before{left:50%;background-color:var(--color-convey-blue)}.image-toggle-block .toggle-button-cover #button-10 .checkbox:checked+.knobs:after{color:#fff}.image-toggle-block .toggle-button-cover #button-10 .checkbox:checked~.layer{background-color:#fff}.image-toggle-block__list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px 15px}@media (min-width: 650px){.image-toggle-block__list{margin:2.5rem auto 0;max-width:900px;gap:30px}}.image-toggle-block__item{position:relative;max-width:155px;text-align:center;margin:0 auto}@media (min-width: 600px){.image-toggle-block__item{text-align:left}}.image-toggle-block__item:not(:first-child):after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:3rem;height:1px;background:var(--color-lines)}@media (min-width: 380px){.image-toggle-block__item:not(:first-child):after{content:none}}.image-toggle-block__title{margin:0 0 3px;color:#333}.image-toggle-block__chart-img-wrap{text-align:center;margin-top:1.5rem}.image-toggle-block__chart-img{width:100%;max-width:600px;margin:0 auto}
