.new_sp--spc{overflow:visible}.new_sp--spc picture{width:-moz-fit-content;width:fit-content}.presets__bg{background:#000;padding:0 0 80px}.presets__bg section:last-child{margin-bottom:0}.presets__bg h2,.presets__bg p{color:#fff}.categories-intro{color:#fff;margin:0!important;padding:0 0 60px!important}@media (min-width:568px){.categories-intro{padding:0 0 80px!important}}.categories-intro:before{background:#000;bottom:0;content:"";height:60%;left:0;position:absolute;width:100%}@media (min-width:768px) and (orientation:portrait){.categories-intro:before{height:50%}}@media (min-width:1024px){.categories-intro:before{height:50%}}.categories-intro__angle{background:#000;height:100vh;position:absolute;right:0;top:40%;transform:rotate(15deg);transform-origin:100% 0;width:200vw}@media (min-width:768px) and (orientation:portrait){.categories-intro__angle{top:50%;transform:rotate(10deg)}}@media (min-width:1024px){.categories-intro__angle{top:50%;transform:rotate(10deg)}}@media (min-width:568px) and (orientation:landscape){.categories-intro picture{margin:0 auto 40px;max-width:50vw}}@media (min-width:768px) and (orientation:portrait){.categories-intro picture{margin:0 auto 110px;max-width:100vh}}@media (min-width:1024px){.categories-intro picture{margin:0 auto 110px;max-width:100vh}}.categories-intro picture img{aspect-ratio:784/495}.categories-intro h2{display:none}@media (min-width:568px){.categories-intro h2{display:block}}.header--bottom-margin{margin-bottom:40px!important}.container--image-on-side{display:flex;flex-direction:column;gap:16px;justify-content:space-between}@media (min-width:768px){.container--image-on-side{flex-direction:row}}.container--image-on-side .iphone__nest .iphone__video-holder{margin:auto;max-width:420px;padding:0}.container--image-on-side .iphone__frame{padding:0 20%}@media (min-width:568px){.container--image-on-side .iphone__frame{padding:0 18%}}.container--image-on-side .iphone__frame-inner{background-image:url(https://images.iphonephotographyschool.com/35376/iphone-14-pro-2.png)!important;background-position:50% 0;background-size:62% auto;top:0;transform:none}@media (min-width:568px){.container--image-on-side .iphone__frame-inner{background-position:50% 55%;background-size:67% auto;top:50%;transform:translateY(-50%)}}@media (min-width:768px){.container--image-on-side .iphone__frame-inner{background-position:50% 50%;transform:translateY(50%)}}.container--image-on-side .iphone__frame{align-items:flex-start;padding:4%!important}@media (min-width:568px){.container--image-on-side .iphone__frame{align-items:center}}@media (min-width:1024px){.container--image-on-side .iphone__frame{padding:0 0 163%}}.container--image-on-side .iphone__frame-inner{height:100%!important}@media (min-width:1024px){.container--image-on-side .iphone.iphone-15{width:34%}}.container--image-on-side-content{height:-moz-fit-content;height:fit-content}.container--image-on-side-content>p{color:#000}@media (min-width:768px){.container--image-on-side-content>p{color:#fff}}.text--image-on-side>container{margin-bottom:32px}section.image-on-side{background:#fff;color:#000;height:-moz-fit-content;height:fit-content;margin:0!important;padding:40px 0 0!important}@media (min-width:768px){section.image-on-side{background:#000;color:#fff;padding:80px 0!important}}section.image-on-side .image-on-side--image{aspect-ratio:305/633;margin:40px auto 20px;max-width:80%;overflow:visible;position:relative}@media (min-width:568px) and (orientation:landscape){section.image-on-side .image-on-side--image{margin:0;max-width:25vw;position:absolute;right:24px;top:10%}}@media (min-width:768px) and (orientation:portrait){section.image-on-side .image-on-side--image{margin:0;max-width:25vw;position:absolute;right:24px;top:10%}}@media (min-width:1024px){section.image-on-side .image-on-side--image{margin:0;max-width:100%;position:absolute;right:24px;top:-30%}}.container--spc-images-section{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-around;margin-top:80px!important;width:100%}@media (min-width:568px){.container--spc-images-section{gap:60px;justify-content:center}}@media (min-width:768px) and (orientation:portrait){.container--spc-images-section{margin-top:0!important}}@media (min-width:1024px){.container--spc-images-section{gap:60px;justify-content:center;margin-top:0!important;padding-top:0}}.container--spc-images-section>div{position:relative}@media (min-width:568px) and (orientation:landscape){.container--spc-images-section>div{max-width:25vw}}@media (min-width:768px) and (orientation:portrait){.container--spc-images-section>div{max-width:100%}}@media (min-width:1024px){.container--spc-images-section>div{max-width:100%}}.div--first-in-images-section{margin-top:-80px}.iphone--shaddow{left:-22px;max-width:none!important;position:absolute;top:-15px;width:202%;z-index:-1}@media (min-width:768px) and (orientation:portrait){.iphone--shaddow{top:-10px}}.container--spc-images-section{margin-left:-5%!important;max-width:110%!important;padding:0!important}@media (min-width:568px){.container--spc-images-section{margin:0 auto!important;max-width:100%!important;padding:0 24px!important}}.container--spc-images-section .div--first-in-images-section,.container--spc-images-section .div--second-in-images-section{aspect-ratio:137/280;min-width:calc(50% - 8px)}@media (min-width:568px){.container--spc-images-section .div--first-in-images-section,.container--spc-images-section .div--second-in-images-section{min-width:274px}}.container--spc-images-section .div--first-in-images-section img:first-child,.container--spc-images-section .div--second-in-images-section img:first-child{height:100%;width:100%}.nest-overflow{overflow:hidden}.nest-overflow section:last-child{margin-bottom:0}#cm{background:#000!important;border:1px solid #424242!important;border-radius:15px 15px 0 0!important;box-shadow:0 2px 20px rgba(0,0,0,.4)!important}@media screen and (min-width:767px){#cm{border-radius:8px!important}}#cm #c-inr-i{color:#fff!important;font-weight:400!important}#cm #c-bns{margin:12px 0 0!important}#cm #c-bns .c-bn{border:1px solid #424242!important}#cm #c-bns #c-p-bn{font-weight:600!important}#cm #c-bns #c-p-bn,#cm #c-bns #c-p-bn:hover{background:#373737!important}#cm #c-bns #c-s-bn{color:#fdfcfc!important}#cm #c-bns #c-s-bn,#cm #c-bns #c-s-bn:hover{background:none!important}#cm a{color:#fff!important}.new_sp--spc .hero{color:#fff;margin:0;padding:80px 0 0;position:relative}@media (min-width:568px){.new_sp--spc .hero{padding:28px 0 0}}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .hero{padding:100px 0 0}}@media (min-width:1024px){.new_sp--spc .hero{padding:80px 0 0}}@media (min-width:1366px){.new_sp--spc .hero{padding:100px 0 0}}.new_sp--spc .hero:before{background:linear-gradient(180deg,rgba(53,53,53,0),#353535);bottom:0;content:"";height:60%;left:0;position:absolute;width:100%}.new_sp--spc .hero .container-large{margin:0 auto;max-width:100%;position:relative;width:1120px}.new_sp--spc .hero__title{font-family:Open Sans,sans-serif;font-size:32px;font-weight:600;line-height:38px}.new_sp--spc .hero__title:last-child{margin:0 0 28px}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .hero__title{font-size:64px;line-height:1;text-align:center}.new_sp--spc .hero__title:last-child{margin:0 0 40px}}@media (min-width:1024px){.new_sp--spc .hero__title{font-size:64px;line-height:1;text-align:center}.new_sp--spc .hero__title:last-child{margin:0 0 40px}}@media (min-width:1366px){.new_sp--spc .hero__title{font-size:90px}}.new_sp--spc .hero .compare-two{aspect-ratio:393/313;height:auto!important;width:100%}@media (min-width:568px){.new_sp--spc .hero .compare-two{aspect-ratio:224/103}}.new_sp--spc .hero .compare-two .compare-after,.new_sp--spc .hero .compare-two .twentytwenty-handle{opacity:0!important}.new_sp--spc .hero .compare-two--anim .compare-after,.new_sp--spc .hero .compare-two--anim .twentytwenty-handle{opacity:1!important;transition:opacity .6s ease-in-out}@media (min-width:568px){.new_sp--ifp .image--not-rounded img{border-radius:10px}}.new_sp--spc .upsell-steps{background:#000;margin:0;padding:32px 0 20px}@media (min-width:568px){.new_sp--spc .upsell-steps{padding:32px 40px}}.new_sp--spc .upsell-steps__nest{margin-top:56px}@media screen and (max-width:480px){.new_sp--spc .upsell-steps__nest{margin-top:48px}}@media (min-width:568px) and (orientation:landscape){.new_sp--spc .upsell-steps__nest{margin-top:0}}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .upsell-steps__nest{margin-top:56px}}@media (min-width:1024px) and (orientation:landscape){.new_sp--spc .upsell-steps__nest{margin-top:56px}}.new_sp--spc .upsell-steps__nest:before{background:linear-gradient(90deg,hsla(0,0%,43%,0),#6d6d6d 50%,hsla(0,0%,43%,0))}.new_sp--spc .upsell-steps__step--next .upsell-steps__circle:before,.new_sp--spc .upsell-steps__step--prev .upsell-steps__circle:before{background:#000}.new_sp--spc .upsell-steps__step--prev .upsell-steps__circle{background:#939393}.new_sp--spc .upsell-steps__step--prev .upsell-steps__nr,.new_sp--spc .upsell-steps__step--prev .upsell-steps__title{color:#939393}.new_sp--spc .upsell-steps__step--next .upsell-steps__circle{background:#4e4e4e}.new_sp--spc .upsell-steps__step--next .upsell-steps__nr,.new_sp--spc .upsell-steps__step--next .upsell-steps__title{color:#4e4e4e}.new_sp--spc .upsell-steps__step--active .upsel-steps__circle:before{background:#fafafa}.new_sp--spc .upsell-message{background:#000;margin:0}.new_sp--spc .upsell-message__inner{background:rgba(53,53,53,.6);border:1px solid #3a3a3c;border-left:8px solid #4eba60}.new_sp--spc .upsell-message p{color:#fff}.new_sp--spc .upsell-message+.hero .hero__bg{padding-top:50px}.new_sp--no-timer .upsell-steps__nest{margin-top:0}.hero.hero--upsell{padding:32px 0 0}@media (min-width:568px){.hero.hero--upsell{padding:40px 0 0}}.new_sp--spc .promo{padding:20px 0 0;text-align:center}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .promo{padding:56px 0 0}}@media (min-width:1024px){.new_sp--spc .promo{padding:56px 0 0}}.new_sp--spc .promo__title{color:#fff;font-size:56px;font-weight:600;line-height:1;margin:32px 0 0}@media screen and (max-width:375px){.new_sp--spc .promo__title{font-size:54px}}@media (min-width:568px){.new_sp--spc .promo__title{font-size:90px}}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .promo__title{font-size:118px;margin:80px 0 0}}@media (min-width:1024px){.new_sp--spc .promo__title{font-size:130px;margin:80px 0 0}}.new_sp--spc .promo__subtitle{color:#fff;font-size:31px;font-weight:500;line-height:1}@media screen and (max-width:375px){.new_sp--spc .promo__subtitle{font-size:30px}}@media (min-width:568px) and (orientation:landscape){.new_sp--spc .promo__subtitle{font-size:51px}}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .promo__subtitle{font-size:66px}}@media (min-width:1024px){.new_sp--spc .promo__subtitle{font-size:72px}}.new_sp--spc .promo__subheading{color:#a8a8a8;font-size:20px;font-weight:400;line-height:28px;margin:0;text-align:center}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .promo__subheading{font-size:24px;line-height:32px}}@media (min-width:1024px){.new_sp--spc .promo__subheading{font-size:24px;line-height:32px}}.new_sp--spc .promo__parallax{height:500px;margin:90px auto 60px;overflow:hidden;position:relative}@media (min-width:568px) and (orientation:landscape){.new_sp--spc .promo__parallax{height:360px}}@media (min-width:768px) and (orientation:portrait){.new_sp--spc .promo__parallax{height:600px;margin:136px auto 80px;max-width:1540px;width:auto}}@media (min-width:1024px){.new_sp--spc .promo__parallax{height:600px;margin:136px auto 80px;max-width:1540px;width:auto}}.new_sp--spc .promo__parallax:after,.new_sp--spc .promo__parallax:before{content:"";display:none;height:100%;position:absolute;top:0;width:100px;z-index:10}@media screen and (min-width:1540px){.new_sp--spc .promo__parallax:after,.new_sp--spc .promo__parallax:before{display:block}}.new_sp--spc .promo__parallax:before{background:linear-gradient(90deg,#000,transparent);left:0}.new_sp--spc .promo__parallax:after{background:linear-gradient(90deg,transparent,#000);right:0}.new_sp--spc .promo__parallax picture{width:auto;will-change:transform}@media (min-width:568px){.new_sp--spc .promo__parallax picture{max-width:none}}.new_sp--spc .promo__parallax picture img{width:100%}@media (min-width:568px){.new_sp--spc .promo__parallax picture img{max-width:none;width:auto}}.new_sp--spc .promo .fancy span{filter:blur(10px);opacity:0;transition-duration:1s;transition-property:opacity,filter;transition-timing-function:ease-in-out}.new_sp--spc .promo .fancy--anim span{filter:blur(0);opacity:1}.new_sp--spc .promo .fancy--anim:after,.new_sp--spc .promo .fancy--anim:before{width:64px}.new_sp--spc .promo p{color:#fff}#timer-top-banner.timer-top-banner--spc{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:rgba(0,0,0,.75);border:1px solid #3d3d3d}#timer-top-banner.timer-top-banner--spc+#timer-top-banner-spacer{display:none}@media (min-width:568px){.new_sp--spc .text--center-desktop{text-align:center}}.compare-two{aspect-ratio:353/471;background:#000;cursor:col-resize;overflow:hidden;position:relative}.compare-two--stop .compare-after,.compare-two--stop .twentytwenty-handle{animation:none!important}.compare-two picture{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.compare-two picture.picture-after{z-index:20}.compare-two img:first-child,.compare-two picture.picture-after{height:100%;left:0;position:absolute;top:0;width:100%}.compare-two .twentytwenty-after-label,.compare-two .twentytwenty-before-label{opacity:1!important}.compare-two .twentytwenty-after-label:before,.compare-two .twentytwenty-before-label:before{leading-trim:both;text-edge:cap;background:none!important;color:#fff!important;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.28px;line-height:1;margin-top:0;padding:0;text-shadow:0 0 8px rgba(0,0,0,.32);text-transform:uppercase;top:30px}@media (min-width:768px) and (orientation:portrait){.compare-two .twentytwenty-after-label:before,.compare-two .twentytwenty-before-label:before{font-size:14px;top:30px}}@media (min-width:1024px){.compare-two .twentytwenty-after-label:before,.compare-two .twentytwenty-before-label:before{font-size:14px;top:30px}}.compare-two .twentytwenty-before-label:before{content:"BEFORE";left:20px}@media (min-width:768px) and (orientation:portrait){.compare-two .twentytwenty-before-label:before{left:30px}}@media (min-width:1024px){.compare-two .twentytwenty-before-label:before{left:30px}}.compare-two .twentytwenty-after-label:before{content:"AFTER";right:20px}@media (min-width:768px) and (orientation:portrait){.compare-two .twentytwenty-after-label:before{right:30px}}@media (min-width:1024px){.compare-two .twentytwenty-after-label:before{right:30px}}.compare-two .compare-handle,.compare-two .twentytwenty-handle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-width:1px;box-shadow:none;margin-left:-20px;margin-top:-20px;pointer-events:none}.compare-two .compare-handle:after,.compare-two .compare-handle:before,.compare-two .twentytwenty-handle:after,.compare-two .twentytwenty-handle:before{margin-left:-.5px;width:1px}.compare{--exposure-top:75%;--exposure-bottom:25%;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes angleAnim{0%{clip-path:polygon(100% 0,100% 0,100% 100%,50% 100%)}50%{clip-path:polygon(35% 0,100% 0,100% 100%,-15% 100%)}to{clip-path:polygon(100% 0,100% 0,100% 100%,50% 100%)}}@keyframes handleAnim{0%{left:75%}50%{left:10%}to{left:75%}}@keyframes lineAnim{0%{left:100%}50%{left:35%}to{left:100%}}.compare__nest{aspect-ratio:353/471;cursor:col-resize;overflow:hidden;position:relative}@media (min-width:568px){.compare__nest{aspect-ratio:4/3}}.compare__nest:after,.compare__nest:before{leading-trim:both;text-edge:cap;color:#fff;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.28px;line-height:1;position:absolute;text-transform:uppercase;top:20px;z-index:2}@media (min-width:568px){.compare__nest:after,.compare__nest:before{font-size:14px;top:30px}}.compare__nest:before{content:"BEFORE";left:20px}@media (min-width:568px){.compare__nest:before{left:30px}}.compare__nest:after{content:"AFTER";right:20px}@media (min-width:568px){.compare__nest:after{right:30px}}.compare__nest--stop .compare__handle,.compare__nest--stop .image-2,.compare__nest--stop .image-2-wrapper:before{animation:none!important}.compare__handle{align-items:center;animation:handleAnim 4s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;border-radius:50%;display:flex;gap:10px;height:38px;justify-content:center;left:calc(var(--exposure-top) - 25%);pointer-events:none;position:absolute;top:50%;touch-action:none;transform:translate(-50%,-50%);width:38px;z-index:9}.compare__handle .left-arrow,.compare__handle .right-arrow{border:6px inset transparent;display:block}.compare__handle .left-arrow{border-right:6px solid #fff}.compare__handle .right-arrow{border-left:6px solid #fff}.compare .image-2{animation:angleAnim 4s infinite;clip-path:polygon(var(--exposure-top) 0,100% 0,100% 100%,var(--exposure-bottom) 100%);position:relative}.compare .image-2-wrapper{height:100%;position:absolute;top:0;width:100%}.compare .image-2-wrapper:before{animation:lineAnim 4s infinite;border-left:1px solid #fff;content:"";height:130%;left:var(--exposure-top);position:absolute;top:0;transform:rotate(20.7deg) translate(-27%,8%);width:100%;z-index:1}@media only screen and (((min-width:568px) and (orientation:landscape)) or (min-width:768px)){.compare .image-2-wrapper:before{transform:rotate(33.7deg) translate(-18.7%,35%)}}.compare .image-compare-label{align-items:stretch;bottom:0;display:flex;left:0;margin:0;position:absolute;right:0;top:0;z-index:4}@media (hover:none){.compare .image-compare-label{opacity:0}}.compare .image-compare-input{--thumb-size:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;cursor:col-resize;display:block;height:100%;margin:0 calc(var(--thumb-size)/-2);width:calc(100% + var(--thumb-size))}.compare .image-compare-input::-moz-range-thumb{background-color:hsla(0,0%,100%,.9);background-image:url('data:image/svg+xml utf8,<svg viewbox="0 0 60 60"  width="60" height="60" xmlns="http: //www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M20 20 L10 30 L20 40"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M40 20 L50 30 L40 40"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:90%;border:2px solid rgba(0,0,0,.9);border-radius:50%;color:rgba(0,0,0,.9);height:var(--thumb-size);width:var(--thumb-size)}.compare .image-compare-input:focus::-moz-range-thumb{box-shadow:0 0 0 2px #9df}.compare .image-compare-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 var(--thumb-border-size) #9df}.compare .image-compare-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;visibility:hidden}.spc-categories{background:#000}.spc-categories--wrapper{background:#151515;width:100%}.preset-section{display:flex;flex-direction:column;font-weight:700;gap:60px;height:auto;justify-content:flex-start;margin:0 auto 48px;max-width:980px;padding:60px 16px;text-align:center;width:100%}@media (min-width:568px){.preset-section{flex-direction:row}}@media (min-width:568px) and (orientation:landscape){.preset-section{flex-basis:60px;gap:50px}}@media (min-width:1024px){.preset-section{flex-basis:60px;gap:50px;padding:120px 0}}@media (min-width:1366px){.preset-section{gap:100px}}.preset-section h2{color:#fff;margin:0 0 -12px;text-align:left}@media (min-width:568px){.preset-section h2{display:none}}.preset-section--description{align-self:flex-start;top:90px;width:100%}@media (min-width:568px) and (orientation:landscape){.preset-section--description{flex-basis:calc(100% - 340px)}}@media (min-width:768px) and (orientation:portrait){.preset-section--description{flex-basis:calc(100% - 370px);position:sticky}}@media (min-width:1024px){.preset-section--description{flex-basis:calc(100% - 370px);position:sticky;top:80px}}@media (min-width:1366px){.preset-section--description{flex-basis:490px;top:90px}}.preset-section--title{align-items:flex-end;border-bottom:1px solid #fff;display:flex;gap:24px;justify-content:flex-start;margin-bottom:48px}@media (min-width:768px) and (orientation:portrait){.preset-section--title{flex-basis:400px;position:sticky}}@media (min-width:1024px){.preset-section--title{margin-bottom:24px}}@media (min-width:1366px){.preset-section--title{margin-bottom:48px}}.preset-section--title>span{align-items:center;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:28px;font-weight:400;height:60px;line-height:30px;padding:0}@media (min-width:1024px){.preset-section--title>span{font-size:38px}}.preset-section--title-h4{align-items:center;background:#151515;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:28px;font-weight:400;height:60px;margin:0;width:auto}@media (min-width:1024px){.preset-section--title-h4{font-size:38px}}.preset-section--content{color:#fff;text-align:left}.preset-section--content>p{color:#fff}.preset-section--examples{display:flex;flex-direction:column;flex-grow:1;gap:40px;max-width:420px;top:0}@media (min-width:568px) and (orientation:landscape){.preset-section--examples{max-width:290px}}@media (min-width:768px) and (orientation:portrait){.preset-section--examples{max-width:320px;min-width:320px}}@media (min-width:1024px){.preset-section--examples{max-width:320px;min-width:320px}}@media (min-width:1366px){.preset-section--examples{max-width:390px;min-width:390px}}.preset-section--compare-photo-element{background:#fff;padding:3px;text-align:left}.preset-section--preset-title{margin:16px 20px}.preset-section--preset-title-small{color:#a9a9a9;font-size:13px!important;font-style:normal;font-weight:700!important;line-height:1!important;margin:0!important;text-transform:uppercase}.preset-section--preset-title-large{color:#000;font-size:22px;font-weight:700;text-transform:uppercase}@media only screen and (device-width:820px) and (device-height:1180px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait){.preset-section--preset-title-large{font-size:22px;font-weight:700}}.compare-two{margin:0!important}.compare-scroll{margin-bottom:0!important}.compare-scroll__nest{display:flex;gap:6px;position:relative}.compare-scroll__thumbnails{display:flex;flex-direction:column;gap:6px;max-width:18.4135977337%}@media (min-width:568px){.compare-scroll__thumbnails{max-width:17.9591836735%}}.compare-scroll__thumbnail{cursor:pointer;position:relative}.compare-scroll__thumbnail.active .compare-scroll__label{background-color:#f2d246;color:#000;font-weight:700}.compare-scroll__thumbnail.active .compare-scroll__thumbnail-nest:before{opacity:1}.compare-scroll__thumbnail picture{height:100%;width:100%}.compare-scroll__thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.compare-scroll__thumbnail-nest{aspect-ratio:65/68;position:relative}@media (min-width:568px){.compare-scroll__thumbnail-nest{aspect-ratio:88/51}}.compare-scroll__thumbnail-nest:before{border:2px solid #f2d246;bottom:2px;content:"";left:2px;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s ease-in-out}.compare-scroll__offsets{display:flex;flex-direction:column;height:100dvh;left:0;opacity:0;padding:10% 0 0;position:absolute;top:50%;transform:translateY(-50%);visibility:hidden}.compare-scroll__offset{height:20%}.compare-scroll__label{align-items:center;background:#000;color:#fff;display:flex;font-size:10px;font-weight:400;height:24px;justify-content:center;line-height:.9;overflow:hidden;padding:0 8px;position:relative;text-align:center;transition:all .2s ease-in-out}@media (min-width:568px){.compare-scroll__label{font-size:17px;height:auto;line-height:43px;padding:0}}.compare-scroll__label--desktop{display:none}@media (min-width:568px){.compare-scroll__label--desktop{display:block}.compare-scroll__label--mobile{display:none}}.compare-scroll__image-nest{aspect-ratio:284/379;flex:1;position:relative}@media (min-width:568px){.compare-scroll__image-nest{aspect-ratio:798/599}}.compare-scroll__image-nest picture{height:100%;left:0;position:absolute;top:0;width:100%}.compare-scroll__image-nest picture.prev{z-index:1}.compare-scroll__image-nest picture.active{animation:appear .8s ease-out;z-index:2}@keyframes appear{0%{opacity:0}to{opacity:1}}.compare-scroll__image-nest img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.compare-scroll .caption--desktop{display:none}@media (min-width:568px){.compare-scroll .caption--desktop{display:block}.compare-scroll .caption--mobile{display:none}}

/*# sourceMappingURL=spc.css.map*/