.image-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.image-compare__grid--align-start{align-items:start}.image-compare__grid--align-center{align-items:center}.image-compare__grid--align-end{align-items:end}.image-compare__grid--media_first .image-compare__text{order:2}.image-compare__grid--media_first .image-compare__media{order:1}.image-compare__text .rte{margin-top:1rem}.image-compare__text .button{margin-top:1.4rem}@media (max-width: 749px){.image-compare__grid{grid-template-columns:1fr;gap:2rem}.image-compare__media .image-compare__wrapper{max-width:100%!important;margin:0 auto!important}}.image-compare__wrapper{position:relative;overflow:hidden;width:100%;-webkit-user-select:none;user-select:none;touch-action:none;aspect-ratio:var(--ratio, 4/5);border-radius:12px}.image-compare__layer{position:absolute;top:0;right:0;bottom:0;left:0}.image-compare__layer img{width:100%;height:100%;object-fit:cover;display:block}.image-compare__layer--before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.image-compare__slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:ew-resize}.image-compare__handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:2px;background:currentColor;opacity:.95}.image-compare__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;background:currentColor;box-shadow:0 2px 10px #0000002e}.image-compare__placeholder{width:100%;height:100%;display:grid;place-items:center;border:1px dashed currentColor;opacity:.6;padding:1rem;text-align:center}.image-compare__labels{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.image-compare__label{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;line-height:1;background:#ffffffc7;color:#000000d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 10px #0000001f}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-compare.css.map */