.section-compare{margin:0;padding:0}.compare{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;color:rgb(var(--color-foreground))}.compare__viewport{position:relative;width:100%;height:100%}.compare__slider{display:block;width:100%;height:100%;--divider-width: 0px;--divider-color: transparent;--divider-shadow: none;--default-handle-opacity: 0;--default-handle-width: 0px;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.compare__slider.rendered{border-radius:0;outline:none}.compare__figure{display:block;margin:0;padding:0;width:100%;height:100%;position:relative}.compare__figure img{display:block;width:100%;height:100vh;height:100dvh;object-fit:cover}.compare__label{position:absolute;right:var(--space-24);bottom:var(--space-24);z-index:3;color:rgb(var(--color-foreground));display:flex;flex-direction:column;gap:var(--space-8);text-align:left;max-width:70%;pointer-events:none}.compare__label:before,.compare__heading-overlay:before{content:"";position:absolute;top:-4rem;right:-6rem;bottom:-6rem;left:-4rem;background:radial-gradient(ellipse 120% 140% at 30% 40%,rgba(0,0,0,.25) 0%,rgba(0,0,0,.12) 40%,transparent 70%);z-index:-1;pointer-events:none;filter:blur(40px)}.compare__label-heading{margin:0;color:inherit;line-height:1.2}.compare__label-body{margin:0;font-size:1.4rem;line-height:1.5;color:inherit}.compare__label--after{opacity:0}@media screen and (min-width:750px){.compare__label{right:var(--space-48);bottom:var(--space-48);max-width:50%}.compare__label-body{font-size:1.5rem}}@media screen and (min-width:1200px){.compare__label{right:var(--space-64);bottom:var(--space-64);max-width:42rem}.compare__label-body{font-size:1.6rem}}.compare__heading-overlay{position:absolute;top:var(--space-24);left:var(--space-24);z-index:2;opacity:0;max-width:60%;pointer-events:none}.compare__heading-overlay .compare__subheading{margin:0 0 var(--space-8) 0}.compare__heading{margin:0;color:rgb(var(--color-foreground));line-height:1}@media screen and (min-width:750px){.compare__heading-overlay{top:var(--space-48);left:var(--space-48)}}@media screen and (min-width:990px){.compare__heading-overlay{padding-top:50px;max-width:62rem}}@media screen and (min-width:1200px){.compare__heading-overlay{top:var(--space-64);left:var(--space-64);max-width:62rem}}.compare__default{display:flex;gap:.5rem;height:100vh;height:100dvh;overflow:hidden}.compare__default svg{width:100%;height:100%;object-fit:cover}.no-js .compare__slider{position:relative;display:flex;visibility:visible;height:100vh;height:100dvh;overflow:hidden}.no-js .compare__slider:after{content:"";position:absolute;left:50%;top:0;display:block;height:100%;width:0;transform:translate(-50%)}.no-js .compare__slider .compare__figure{position:absolute;top:0;bottom:0;left:0;right:50%;width:50%}.no-js .compare__slider .compare__figure[slot=second]{left:50%;right:0;display:block}.no-js .compare__slider .compare__figure img{width:100%;height:100%;object-fit:cover}.compare .icon-handle{width:0;height:0;overflow:hidden;visibility:hidden}@media screen and (max-width:989px){.compare__label{right:auto;left:var(--space-24);text-align:left}.compare__heading-overlay{text-align:left;top:calc(var(--header-height, 6rem) + var(--space-24))}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/section-compare.css.map */