.zad{--zad-cor:#3A2216;--zad-pos:50%;width:100%}
.zad-palco{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#0c0c0c;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.zad-palco[hidden]{display:none}
.zad-cena{position:absolute;inset:0;container-type:inline-size;pointer-events:none}
.zad-palco:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--zad-cor)}
.zad-palco img.zad-antes,.zad-palco img.zad-depois{position:absolute;left:0;top:0;max-width:none!important;height:auto!important;transform-origin:0 0;pointer-events:none;border:0;border-radius:0;box-shadow:none}
.zad-camada{position:absolute;inset:0;clip-path:inset(0 0 0 var(--zad-pos));pointer-events:none}
.zad-linha{position:absolute;top:0;bottom:0;left:var(--zad-pos);width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.zad-alca{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.35)}
.zad-alca::before,.zad-alca::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent}
.zad-alca::before{left:9px;border-right:6px solid var(--zad-cor)}
.zad-alca::after{right:9px;border-left:6px solid var(--zad-cor)}
.zad-rotulo{position:absolute;top:14px;padding:6px 10px;background:rgba(255,255,255,.88);color:#1c1c1c;font:500 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity .2s}
.zad-rotulo-antes{left:14px}
.zad-rotulo-depois{right:14px}
.zad[data-lado="antes"] .zad-rotulo-depois,.zad[data-lado="depois"] .zad-rotulo-antes{opacity:0}
.zad-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.zad-nav button{font:500 12px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--zad-cor);border-radius:0;background:transparent;color:var(--zad-cor);cursor:pointer;transition:background-color .2s,color .2s}
.zad-nav button[aria-pressed="true"],.zad-nav button:hover{background:var(--zad-cor);color:#fff}
.zad-nav button:focus-visible{outline:2px solid var(--zad-cor);outline-offset:2px}
@media (max-width:767px){.zad{margin-bottom:28px}}