@media screen and (min-width:1200px){.avalon-compare .container{padding-inline:17rem}}.avalon-compare__grid{display:grid;gap:var(--spacing-6)}@media screen and (min-width:750px){.avalon-compare__grid{grid-template-columns:1fr 2.2fr;gap:var(--spacing-8);align-items:center}.avalon-compare--image-left .avalon-compare__grid{grid-template-columns:2.2fr 1fr}.avalon-compare--image-left .avalon-compare__media{order:-1}.avalon-compare__content{align-self:start}}.avalon-compare__heading{margin:0 0 var(--spacing-4)}.avalon-compare__heading.uppercase{text-transform:uppercase}.avalon-compare__heading.capitalize{text-transform:capitalize}.avalon-compare__text{font-size:var(--font-size-static-sm);line-height:var(--line-height-base)}.avalon-compare__text>:first-child{margin-block-start:0}.avalon-compare__text>:last-child{margin-block-end:0}.avalon-compare__button{margin-block-start:var(--spacing-5)}.avalon-compare__images{position:relative;aspect-ratio:var(--avalon-compare-ratio, 1 / 1);overflow:hidden}.ims-image{position:absolute;top:0;right:0;bottom:0;left:0}.ims-image img,.ims-image svg{display:block;width:100%;height:100%;object-fit:cover}.avalon-compare__label{position:absolute;inset-block-end:var(--spacing-4);z-index:2;color:rgb(var(--color-white-rgb));font-family:var(--font-heading-family);font-size:var(--font-size-static-sm);font-weight:var(--font-weight-bold)}.avalon-compare__label--left{inset-inline-start:var(--spacing-4)}.avalon-compare__label--right{inset-inline-end:var(--spacing-4)}.ims-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.ims-handle-line{position:absolute;inset-block:0;inset-inline-start:50%;width:.3rem;transform:translate(-50%);background-color:rgb(var(--color-white-rgb))}.ims-handle-circle{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:.2rem;width:4rem;height:4rem;border-radius:50%;background-color:rgb(var(--color-white-rgb));box-shadow:0 .2rem .8rem #0003}.ims-handle-circle svg{width:.8rem;height:.8rem;color:rgb(var(--color-black-rgb))}.ims-handle-circle svg:first-child{transform:rotate(180deg)}.avalon-compare__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;opacity:0;cursor:ew-resize;z-index:4}
/*# sourceMappingURL=/cdn/shop/t/80/assets/avalon-section-compare-slider.css.map */