.np-compare .span-12.auto{background:var(--np-compare-bg, #ffffff)}.np-compare,.np-compare *,.np-compare *:before,.np-compare *:after{box-sizing:border-box}.np-compare__inner{align-items:center;display:flex;flex-wrap:wrap;gap:0}.np-compare__inner--left{flex-direction:row-reverse}.np-compare__media,.np-compare__content{flex:1 1 460px;min-width:320px}.np-compare__inner--left .np-compare__content{padding-left:clamp(24px,4vw,56px)}.np-compare__inner--right .np-compare__content{padding-right:clamp(24px,4vw,56px)}.np-compare__viewport{aspect-ratio:var(--np-compare-ratio, 3 / 2);background:#e5e2dc;border-radius:4px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.np-compare__img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.np-compare__img--placeholder svg{height:100%;width:100%}.np-compare__before-wrap{clip-path:inset(0 calc(100% - var(--np-compare-pos, 50%)) 0 0);height:100%;left:0;position:absolute;top:0;width:100%}.np-compare__label{background:#0000008c;border-radius:3px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;padding:5px 10px;position:absolute;text-transform:uppercase;top:16px;z-index:2}.np-compare__label--before{left:16px}.np-compare__label--after{right:16px}.np-compare__handle{align-items:center;cursor:ew-resize;display:flex;height:100%;justify-content:center;left:var(--np-compare-pos, 50%);margin-left:-22px;position:absolute;top:0;width:44px;z-index:3}.np-compare__handle-line{background:#fff;box-shadow:0 0 0 1px #0000001a;height:100%;left:50%;position:absolute;top:0;transform:translate(-50%);width:2px}.np-compare__handle-btn{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 12px #0000002e;color:#111;display:flex;gap:4px;height:48px;justify-content:center;position:relative;width:48px}.np-compare__eyebrow{color:var(--np-compare-eyebrow-color, #5c5c5c);font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 12px;text-transform:uppercase}.np-compare__heading{color:var(--np-compare-heading-color, #111111);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(34px,3.4vw,44px);font-weight:400;letter-spacing:-.035em;line-height:1.12;margin:0 0 16px}.np-compare__description{color:var(--np-compare-description-color, #5c5c5c);font-size:16px;line-height:1.6;margin:0 0 28px}.np-compare__description p{margin:0 0 12px}.np-compare__description p:last-child{margin-bottom:0}.np-compare__button{border:1px solid var(--np-compare-btn-color, #111111);border-radius:2px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;padding:16px 32px;text-decoration:none;transition:opacity .16s ease}.np-compare__button:hover{opacity:.75}.np-compare__button--outline{background:transparent;color:var(--np-compare-btn-color, #111111)}.np-compare__button--solid{background:var(--np-compare-btn-color, #111111);color:var(--np-compare-btn-text-color, #ffffff)}.np-compare--divider-top{padding-top:32px}.np-compare--divider-bottom{padding-bottom:32px}.grid__wrapper.row.np-compare__wrapper--divider-top:after,.grid__wrapper.row.np-compare__wrapper--divider-bottom:after{display:none}.grid__wrapper.row.np-compare__wrapper--divider-top{border-top:1px solid var(--np-compare-divider-color, #c9c2b6);padding-top:32px}.grid__wrapper.row.np-compare__wrapper--divider-bottom{border-bottom:1px solid var(--np-compare-divider-color, #c9c2b6);padding-bottom:32px}@media(max-width:989px){.np-compare__inner,.np-compare__inner--left{align-items:stretch;flex-direction:column;gap:32px}.np-compare__media,.np-compare__content{flex:1 1 auto;min-width:0;width:100%}.np-compare__content{order:2;padding-bottom:32px;padding-left:24px;padding-right:24px}.np-compare__media{order:1}}@media(max-width:560px){.np-compare__button{padding:14px 26px}.np-compare--divider-top{padding-top:24px}.np-compare--divider-bottom{padding-bottom:24px}.grid__wrapper.row.np-compare__wrapper--divider-top{padding-top:24px}.grid__wrapper.row.np-compare__wrapper--divider-bottom{padding-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/np-before-after.css.map */