.before-after{background:var(--color-surface-container-low);padding:128px 0}.before-after__head{margin:0 auto 64px;max-width:640px;text-align:center}.before-after__head h2{color:var(--color-primary);font-size:36px;font-weight:300;letter-spacing:-.02em;margin:0 0 16px}.before-after__head p{color:var(--color-primary);font-size:18px;font-weight:300;margin:0}.before-after__grid{display:grid;gap:32px}.slider-card{background:#fff;border:1px solid hsla(38,11%,86%,.5);border-color:color-mix(in oklab,var(--color-outline-variant) 50%,transparent);overflow:hidden}.slider-card__badgebar{background:var(--color-surface-container-low);border-bottom:1px solid hsla(38,11%,86%,.5);display:-moz-box;display:flex;padding:10px 20px;-moz-box-align:center;align-items:center;-moz-box-pack:justify;justify-content:space-between}.slider-card__badgebar span{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.slider-card__badgebar span:first-child{color:var(--color-primary)}.slider-card__badgebar span:last-child{color:var(--color-primary)}.slider-card__frame{aspect-ratio:1/1;cursor:ew-resize;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider-card__frame img.after-img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.slider-card__before-wrap{inset:0;overflow:hidden;position:absolute}.slider-card__before-wrap img{height:100%;inset:0;max-width:none;-o-object-fit:cover;object-fit:cover;position:absolute}.slider-card__handle-line{background:#fff;bottom:0;pointer-events:none;position:absolute;top:0;width:1px}.slider-card__handle{background:#fff;border-radius:999px;display:-moz-box;display:flex;height:40px;position:absolute;top:50%;width:40px;-moz-box-align:center;align-items:center;-moz-box-pack:center;border:1px solid var(--color-outline-variant);justify-content:center;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider-card__handle svg{color:var(--color-accent-pink);height:12px;width:12px}.slider-card__label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;bottom:12px;font-size:9px;font-weight:700;letter-spacing:.15em;padding:6px 12px;position:absolute;text-transform:uppercase}.slider-card__label--voor{background:rgba(0,0,0,.6);color:#fff;left:12px}.slider-card__label--na{background:var(--color-accent-pink);color:#fff;right:12px}.slider-card__hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.4);border-radius:999px;color:#fff;font-size:9px;font-weight:700;left:50%;letter-spacing:.15em;padding:6px 12px;pointer-events:none;position:absolute;text-transform:uppercase;top:12px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.slider-card__caption{border-top:1px solid hsla(38,11%,86%,.4);padding:20px 24px}.slider-card__caption p:first-child{color:var(--color-primary);font-family:var(--font-serif);font-size:14px;margin:0 0 2px}.slider-card__caption p:nth-child(2){color:var(--color-primary);font-size:10px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.slider-card__caption p:last-child{color:var(--color-primary);font-size:11px;font-weight:300;line-height:1.4;margin:0}.before-after__cta{margin-top:48px;text-align:center}.before-after__lead,.before-after__lead p{color:var(--color-primary);font-size:18px;font-weight:300;line-height:1.6;margin:0}.before-after__lead p{margin-bottom:16px}.before-after__lead p:last-child{margin-bottom:0}.slider-card__caption>div p{margin:0 0 4px}.slider-card__caption>div p:last-child{margin-bottom:0}@media (min-width:768px){.before-after__grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=ud_before_after_block.css.map */