.before-after-preview{background:#17131b;position:absolute;inset:0;overflow:hidden}.before-after-stage,.before-after-layer{position:absolute;inset:0;overflow:hidden}.before-after-layer{background:#17131b}.before-after-layer img{object-fit:cover}.before-after-preview.has-controls .before-after-stage{bottom:52px}.before-after-preview.has-controls img{object-fit:contain}.after-layer.is-animated{animation:7s ease-in-out infinite paused preview-comparison-wipe!important}.before-after-preview[data-playing=true] .after-layer.is-animated{animation-play-state:running!important}.before-after-preview[data-mode=hover] .after-layer.is-animated{animation-name:preview-card-comparison-wipe!important}.before-after-preview[data-mode=hover][data-interacting=true] .after-layer{clip-path:inset(0 0 0 var(--comparison-position,50%))!important}@keyframes preview-card-comparison-wipe{0%,36%{clip-path:inset(0)}52%,66%{clip-path:inset(0 0 0 100%)}84%,to{clip-path:inset(0)}}@keyframes preview-comparison-wipe{0%,25%{clip-path:inset(0 100% 0 0)}43%,78%{clip-path:inset(0)}96%,to{clip-path:inset(0 100% 0 0)}}.before-after-label{color:#fff;letter-spacing:.03em;background:#17131bdf;border:1px solid #ffffff30;border-radius:100px;padding:7px 11px;font-size:11px;font-weight:600;position:absolute;top:14px}.before-label{right:14px}.after-label{left:14px}.gallery-card .before-after-label{top:60px}.before-after-preview[data-mode=hover] .before-label{left:12px;right:auto}.before-after-preview[data-mode=hover] .after-label{left:auto;right:12px}.before-after-divider{inset-block:0;left:var(--comparison-position,50%);pointer-events:none;background:#fffffff0;width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 8px #0003}.before-after-handle{color:#fff;background:#17131bbf;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0003}@media (max-width:760px){.before-after-preview[data-mode=hover] .before-after-label{padding:4px 7px;font-size:10px}}.before-after-controls{background:#17131b;border-top:1px solid #ffffff15;justify-content:center;align-items:center;gap:5px;height:52px;display:flex;position:absolute;inset:auto 0 0}.before-after-controls button{color:#ede5ef;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;min-width:68px;min-height:40px;padding:8px 14px;font-size:12px}.before-after-controls button[aria-pressed=true]{background:var(--accent);color:#211013}.before-after-controls button:focus-visible{outline-offset:-2px;outline:2px solid #fff}.before-after-controls button:disabled{opacity:.5;cursor:default}.consumer-concept-comparison{box-sizing:content-box;border-radius:15px;width:100%;padding-bottom:52px;position:relative;overflow:hidden}