.bago-compare-section{padding:4rem 1.5rem}.bago-compare-wrap{max-width:900px;margin:0 auto}.bago-compare-heading{text-align:center;color:#f5f0eb;font-size:1.75rem;font-weight:500;letter-spacing:.01em;margin:0 0 2rem}.bago-compare{position:relative;outline:none}.bago-compare:focus-visible .bago-compare__frame{box-shadow:0 0 0 3px #a8916e}.bago-compare__frame{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#f5f0eb;cursor:ew-resize;border-radius:2px}.bago-compare__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bago-compare__image img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bago-compare__image--before{clip-path:inset(0 50% 0 0);will-change:clip-path}.bago-compare.is-dragging .bago-compare__image--before{transition:none}.bago-compare__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#7a756d;background:#f5f0eb;font-size:.9rem}.bago-compare__label{position:absolute;bottom:1rem;color:#211d1a;font-size:.85rem;letter-spacing:.02em}.bago-compare__label--left{left:1.25rem}.bago-compare__label--right{right:1.25rem}.bago-compare__handle{position:absolute;top:0;left:50%;height:100%;width:0;transform:translate(-50%);pointer-events:none}.bago-compare__handle:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:100%;background:#f5f0ebb3}.bago-compare__handle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#f5f0eb;color:#211d1a;display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 8px #00000040;pointer-events:auto;cursor:ew-resize}@media(max-width:749px){.bago-compare-section{padding:2.5rem 1rem}.bago-compare-heading{font-size:1.4rem;margin-bottom:1.25rem}.bago-compare__handle-btn{width:34px;height:34px}.bago-compare__label{font-size:.75rem;bottom:.75rem}}@media(prefers-reduced-motion:reduce){.bago-compare__image--before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-bago-image-compare.css.map */