.compare{background-color:#f9faff!important;transition:background-color .4s ease}.compare__default{position:relative;display:flex;border-radius:2.5rem;overflow:hidden}@media screen and (min-width: 576px){.compare__default{position:absolute;top:0;right:0;bottom:0;left:0}}.compare__default:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(var(--color-overlay),var(--opacity_overlay))}.compare__default:after{content:"";position:absolute;left:calc(50% - .25rem);z-index:2;display:block;width:.5rem;height:100%;background-color:rgb(var(--color-background))}.compare__default svg{width:100%;height:100%;object-fit:cover}.compare__default~.compare__text{z-index:2}.compare__content{background-color:transparent}.compare__container{position:relative;display:flex;flex-direction:column;justify-content:flex-end;background-color:#fff;padding:1.2rem;border-radius:2.5rem;box-shadow:0 4px 15px #0000000d;transition:transform .6s cubic-bezier(.2,1,.3,1),box-shadow .6s ease}.compare__container:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a,0 0 25px #1566e026}@media screen and (min-width: 576px){.compare__container{min-height:32rem}}@media screen and (min-width: 990px){.compare__container{min-height:45rem}}@media screen and (min-width: 1360px){.compare__container{min-height:52rem}}@media screen and (min-width: 1536px){.compare__container{min-height:58rem}}.compare img-comparison-slider{position:relative;min-height:28rem;width:100%;height:100%;border-radius:1.5rem;color:rgb(var(--color-background));overflow:hidden}@media screen and (min-width: 576px){.compare img-comparison-slider{position:absolute;top:0;right:0;bottom:0;left:0;min-height:unset}}.compare img-comparison-slider .second{min-height:32rem;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 576px){.compare img-comparison-slider .second{position:absolute;top:0;right:0;bottom:0;left:0;min-height:unset}}.compare img-comparison-slider.rendered{outline:none;width:100%}.compare__figure{display:block;margin:0;padding:0;width:100%;height:100%}.compare__figure img{display:block;width:100%;height:100%;object-fit:cover}.compare__figure:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(var(--color-overlay),var(--opacity_overlay))}.compare__text{position:absolute;z-index:5;padding:.8rem 2.4rem;border-radius:5rem;font-weight:700;letter-spacing:.15rem;text-transform:uppercase;font-size:1.2rem;color:#fff!important;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff1a;overflow:hidden;pointer-events:none;animation:labelFloat 4s ease-in-out infinite,labelGlow 4s ease-in-out infinite}.compare__text:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:labelShimmer 2.5s infinite}.compare__text--left{left:2rem;top:2rem}@media screen and (min-width: 1200px){.compare__text--left{left:4rem;top:4rem}}.compare__text--right{right:2rem;top:2rem;text-align:center;animation-delay:-2s}@media screen and (min-width: 1200px){.compare__text--right{right:4rem;top:4rem}}@keyframes labelFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}@keyframes labelGlow{0%,to{border-color:#fff3;box-shadow:0 8px 32px #0003}50%{border-color:#ffffff80;box-shadow:0 12px 40px #1566e066}}@keyframes labelShimmer{0%{left:-150%}to{left:150%}}.compare__bottom{max-width:80rem;padding-top:2rem;background-color:transparent}@media screen and (min-width: 576px){.compare__bottom{padding:2rem}}@media screen and (min-width: 1200px){.compare__bottom{padding:3.2rem}}.compare__content-heading{position:relative;z-index:1;max-width:80rem;pointer-events:none}.compare__button{margin-top:1.6rem;padding:0 3.2rem!important;min-height:5.6rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:600!important;letter-spacing:.1rem!important;text-transform:uppercase!important;background:linear-gradient(to right,#fff 50%,#1566e0 50%) no-repeat!important;background-size:200% 100%!important;background-position:right bottom!important;color:#fff!important;border-color:transparent!important;transition:all .4s cubic-bezier(.2,1,.3,1)!important;animation:buttonPulse 3s infinite}@media screen and (min-width: 576px){.compare__button{padding:0 5.6rem!important}}.compare__button:hover{background-position:left bottom!important;color:#1566e0!important;border-color:#1566e0!important;box-shadow:0 0 20px #1566e066!important;transform:scale(1.05);animation:none}.compare__handle{position:relative;display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background-color:rgb(var(--color-background),.2);color:rgb(var(--color-accent));overflow:hidden;animation:handlePulse 2s infinite ease-in-out}@keyframes handlePulse{0%{box-shadow:0 0 #1566e066}70%{box-shadow:0 0 0 15px #1566e000}to{box-shadow:0 0 #1566e000}}@media screen and (min-width: 750px){.compare__handle{width:8.4rem;height:8.4rem}}.compare__handle .compare__handle-bg{position:absolute;width:100%;height:100%}.compare__handle:after{content:"";position:absolute;width:71%;height:71%;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 8px 30px rgba(var(--color-shadow),.08)}.compare .icon-handle{width:1.5rem;z-index:1}@media screen and (min-width: 750px){.compare .icon-handle{width:auto}}.no-js .compare img-comparison-slider{display:flex;visibility:visible}@media screen and (max-width: 575px){.no-js .compare img-comparison-slider{position:relative;overflow:hidden}}.no-js .compare img-comparison-slider:after{content:"";position:absolute;left:50%;top:50%;display:block;height:100%;width:.5rem;background-color:rgb(var(--color-background));transform:translate(-50%,-50%)}.no-js .compare__figure{height:100%;width:50%;object-fit:cover}.no-js .compare__figure[slot=first]{position:absolute;top:0;left:0;right:50%;bottom:0}.no-js .compare__figure[slot=second]{position:absolute;top:0;left:50%;right:0;bottom:0;display:block}.no-js .compare__text{z-index:1}.no-js .compare__handle{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%)}.divider:after{border:none;width:var(--divider-width);background:linear-gradient(0deg,rgb(var(--color-background)) calc(50% - 4.2rem),transparent calc(50% - 4.2rem),transparent calc(50% + 4.2rem),rgb(var(--color-background)) calc(50% + 4.2rem))}@media (prefers-color-scheme: dark){[data-scheme=auto] .compare img-comparison-slider{color:rgb(var(--color-foreground))}[data-scheme=auto] .compare__handle{color:#000}[data-scheme=auto] .compare__handle:after{background-color:rgb(var(--color-foreground))}}@media screen and (prefers-color-scheme: dark) and (max-width: 575px){[data-scheme=auto] .compare__content-heading{color:rgb(var(--color-foreground-title))}[data-scheme=auto] .compare__button.button--primary{background-color:rgba(var(--color-button));color:rgb(var(--color-button-text))}[data-scheme=auto] .compare__button.button--primary:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}[data-scheme=auto] .compare__button.button--secondary{background-color:rgba(var(--color-button-secondary));color:rgb(var(--color-button-secondary-text))}[data-scheme=auto] .compare__button.button--secondary:hover{color:rgb(var(--color-button-secondary-text-hover));background-color:rgb(var(--color-button-secondary-hover))}[data-scheme=auto] .compare__button.button--tertiary{color:rgba(var(--color-button-tertiary-text));background-color:rgb(var(--color-button-tertiary))}[data-scheme=auto] .compare__button.button--tertiary:hover{color:rgb(var(--color-button-tertiary-text-hover));background-color:rgb(var(--color-button-tertiary-hover))}[data-scheme=auto] .compare__button.button--simple{color:#fff}[data-scheme=auto] .compare__button.button--simple:hover{color:#e6e6e6}[data-scheme=auto] .compare__button.button--simple_secondary{color:#f5f5f5}[data-scheme=auto] .compare__button.button--simple_secondary:hover{color:#dbdbdb}[data-scheme=auto] .compare__button.button--simple_link{color:#fff}}[data-scheme=dark] .compare img-comparison-slider{color:rgb(var(--color-foreground))}[data-scheme=dark] .compare__handle{color:#000}[data-scheme=dark] .compare__handle:after{background-color:rgb(var(--color-foreground))}@media screen and (max-width: 575px){[data-scheme=dark] .compare__content-heading{color:rgb(var(--color-foreground-title))}[data-scheme=dark] .compare__button.button--primary{background-color:rgba(var(--color-button));color:rgb(var(--color-button-text))}[data-scheme=dark] .compare__button.button--primary:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}[data-scheme=dark] .compare__button.button--secondary{background-color:rgba(var(--color-button-secondary));color:rgb(var(--color-button-secondary-text))}[data-scheme=dark] .compare__button.button--secondary:hover{color:rgb(var(--color-button-secondary-text-hover));background-color:rgb(var(--color-button-secondary-hover))}[data-scheme=dark] .compare__button.button--tertiary{color:rgba(var(--color-button-tertiary-text));background-color:rgb(var(--color-button-tertiary))}[data-scheme=dark] .compare__button.button--tertiary:hover{color:rgb(var(--color-button-tertiary-text-hover));background-color:rgb(var(--color-button-tertiary-hover))}[data-scheme=dark] .compare__button.button--simple{color:#fff}[data-scheme=dark] .compare__button.button--simple:hover{color:#e6e6e6}[data-scheme=dark] .compare__button.button--simple_secondary{color:#f5f5f5}[data-scheme=dark] .compare__button.button--simple_secondary:hover{color:#dbdbdb}[data-scheme=dark] .compare__button.button--simple_link{color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-compare.css.map */