.mp-home-layout-compare{background:#fff;padding-block:72px}.mp-home-layout-compare__inner{width:min(calc(100% - 96px),1600px);margin:0 auto}.mp-home-layout-compare__intro{width:min(50%,672px);margin:0 auto 48px;text-align:center}.mp-home-layout-compare__heading{margin:0;color:#40453c;font-size:40px;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:uppercase}.mp-home-layout-compare__heading-accent{color:#998f6e}.mp-home-layout-compare__description{margin-top:8px;color:#74786f;font-size:18px;line-height:1.5;letter-spacing:-.05em}.mp-home-layout-compare__description p{margin:0}.mp-home-layout-compare__canvas{--mp-compare-offset: 0px;position:relative;display:block;width:100%;aspect-ratio:2 / 1;overflow:hidden;background:#f4f5f5;color:#fff;-webkit-user-select:none;user-select:none}.mp-home-layout-compare__panel{position:relative;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#f4f5f5}.mp-home-layout-compare__panel--left{z-index:0}.mp-home-layout-compare__panel--right{z-index:1;clip-path:inset(0 0 0 calc(50% + var(--mp-compare-offset)))}.mp-home-layout-compare__panel-link{position:relative;display:flex;align-items:center;width:100%;height:100%;overflow:hidden;color:inherit;text-decoration:none}.mp-home-layout-compare__panel-link:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--mp-compare-background);background-position:center;background-size:cover;content:"";opacity:.22}.mp-home-layout-compare__panel--left .mp-home-layout-compare__panel-link{justify-content:flex-start}.mp-home-layout-compare__panel--right .mp-home-layout-compare__panel-link{justify-content:flex-end}.mp-home-layout-compare__image{position:relative;z-index:1;display:block;width:auto;height:100%;max-width:none;object-fit:contain;object-position:center bottom;background:#f4f5f5;pointer-events:none}.mp-home-layout-compare__canvas--wide{aspect-ratio:7 / 3}.mp-home-layout-compare__canvas--wide .mp-home-layout-compare__panel-link{justify-content:center}.mp-home-layout-compare__canvas--wide .mp-home-layout-compare__panel-link:before{display:none}.mp-home-layout-compare__canvas--wide .mp-home-layout-compare__image{width:100%;height:100%;max-width:100%;background:transparent;object-fit:cover;object-position:center}.mp-home-layout-compare__label{position:absolute;top:32px;z-index:1;padding:6px 8px;background:#0000008c;color:#fff;font-size:20px;font-weight:500;line-height:1.2;text-transform:uppercase;white-space:nowrap}.mp-home-layout-compare__label--left{left:32px}.mp-home-layout-compare__label--right{right:32px}.mp-home-layout-compare__handle-wrap{position:absolute;inset:0 auto 0 calc(50% + var(--mp-compare-offset));z-index:2;display:grid;width:40px;place-items:center;pointer-events:none;transform:translate(-50%)}.mp-home-layout-compare__handle-wrap:before{position:absolute;inset:0 auto 0 19px;width:2px;background:#fff;content:"";filter:drop-shadow(0 1px 2px rgb(0 0 0 / 10%))}.mp-home-layout-compare__handle{position:relative;display:grid;width:40px;height:40px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000001a,0 1px 1px #0000000f;color:#000;cursor:grab;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.mp-home-layout-compare__handle:active,.mp-home-layout-compare__handle.is-dragging{cursor:grabbing}.mp-home-layout-compare__handle:focus-visible{outline:2px solid #000;outline-offset:3px}.mp-home-layout-compare__handle-bars{display:inline-flex;gap:3px;align-items:center;justify-content:center}.mp-home-layout-compare__handle-bars span{display:block;width:2px;height:12px;background:#000}@media screen and (max-width:749px){.mp-home-layout-compare{padding-block:48px}.mp-home-layout-compare__inner{width:calc(100% - 40px)}.mp-home-layout-compare__intro{width:100%;margin-bottom:32px}.mp-home-layout-compare__heading{font-size:32px;line-height:1.2}.mp-home-layout-compare__description{font-size:16px;line-height:1.5;letter-spacing:-.045em}.mp-home-layout-compare__canvas{aspect-ratio:2 / 1}.mp-home-layout-compare__canvas--wide{aspect-ratio:3 / 2}.mp-home-layout-compare__label{top:20px;font-size:18px;line-height:1.2}.mp-home-layout-compare__label--left{left:20px}.mp-home-layout-compare__label--right{right:20px}.mp-home-layout-compare__handle-wrap{width:28px}.mp-home-layout-compare__handle-wrap:before{left:13px;width:2px}.mp-home-layout-compare__handle{width:28px;height:36px;border-radius:18px}.mp-home-layout-compare__handle-bars{gap:2px}.mp-home-layout-compare__handle-bars span{width:2px;height:11px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mp-home-layout-compare.css.map */