.ad{aspect-ratio:4/3;background:var(--steel,#0e0f13);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:18px;position:relative;overflow:hidden}.ad img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ad-antes{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.ad-linha{top:0;bottom:0;left:var(--x);pointer-events:none;background:#fff;width:3px;position:absolute;translate:-50%;box-shadow:0 0 14px 3px #ffffff8c}.ad-linha i{background:var(--accent,#f2b705);border-radius:50%;width:40px;height:40px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px 14px #0006}.ad-linha i:before{content:"‹ ›";color:var(--accent-ink,#14161c);letter-spacing:2px;place-items:center;font:700 15px/1 system-ui,sans-serif;display:grid;position:absolute;inset:0}.ad-rotulo{color:#fff;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0e0f13bf;border-radius:999px;padding:4px 10px;font:600 11.5px/1.4 system-ui,sans-serif;position:absolute;top:10px}.ad-r-antes{left:10px}.ad-r-depois{right:10px}.ad-controle{opacity:0;width:100%;height:0;position:absolute;inset:auto 0 0}.ad-controle:focus-visible+*,.ad:focus-within .ad-linha i{outline:3px solid #fff}.ad-so{cursor:default}