.xo-img-compare{width:100%;background-color:rgba(var(--color-background));color:rgba(var(--color-accent))}.xo-img-compare__badge{font-size:calc(var(--font-body-scale) * 3.5rem);padding:0 1.5rem;background-color:#0000;color:rgba(var(--color-accent));top:auto;bottom:0;z-index:1}@media (max-width: 767px){.xo-img-compare__badge{font-size:calc(var(--font-body-scale) * 2rem)}}.xo-img-compare__handle{z-index:1}.xo-img-compare__handle-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-background))}.image-comparison-v2__title{font-family:Roboto,sans-serif;font-size:calc(var(--font-heading-scale) * 3.6rem);line-height:calc(1 + .2 / var(--font-heading-scale));color:rgba(var(--color-foreground));font-weight:500;margin-bottom:.5rem;text-align:center}.image-comparison-v2__description{text-align:center;margin-bottom:3rem;font-size:calc(var(--font-body-scale) * 1.5rem);line-height:calc(1 + .8 / var(--font-body-scale));font-weight:400;color:rgba(var(--color-foreground),.6)}.image-comparison-v2__image-before{-webkit-user-select:none;user-select:none;height:100%}.image-comparison-v2__image-before img{position:relative;top:var(--position-y, 0);height:auto;min-height:58.5rem;width:100%}@media (max-width: 1199px){.image-comparison-v2__image-before img{top:0;min-height:unset;height:100%}}.image-comparison-v2__image-after{max-height:58.5rem;height:100%;-webkit-user-select:none;user-select:none}.image-comparison-v2__image-after img{height:100%;width:100%;position:relative;top:var(--position-y, 0)}@media (max-width: 1199px){.image-comparison-v2__image-after img{top:0}}.image-comparison-v2__label-before{background:#ffffffbf;border-radius:.125rem;line-height:calc(1 + 0 / var(--font-body-scale));font-size:calc(var(--font-body-scale) * 1.6rem);padding:.5rem;position:absolute;top:1.5rem;left:1.5rem;color:rgba(var(--color-foreground),.6)}.image-comparison-v2__label-after{background:#ffffffbf;border-radius:.125rem;line-height:calc(1 + 0 / var(--font-body-scale));font-size:calc(var(--font-body-scale) * 1.6rem);padding:.5rem;position:absolute;top:1.5rem;right:1.5rem;color:rgba(var(--color-foreground),.6)}.image-comparison-v2__beer-handle{width:4rem;height:5.4rem;border-radius:2rem;background-color:#fff;box-shadow:0 0 .6rem transparent;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);transition:background .3s,box-shadow .3s,opacity .5s .25s;z-index:2;color:rgba(var(--color-foreground))}.image-comparison-v2__beer-handle:before{box-shadow:.8rem 0 rgba(var(--color-foreground)),16px 0 rgba(var(--color-foreground));content:"";position:absolute;width:.2rem;height:1.6rem;transform:rotate(0) translateY(-50%);left:1.1rem;top:50%;border-left:2px solid;border-top:2px solid;transform-origin:0 0}.image-comparison-v2__handle:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:transparent;cursor:ew-resize}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-image-comparison-v1.css.map */