.t3-before-after-grid{display:grid;gap:var(--space-m,1rem);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.t3-ba-card{aspect-ratio:7/5;background:#f2f2f2;overflow:hidden;position:relative;width:100%}.t3-ba-card:before{content:"";display:block;padding-top:71.42857%}.t3-ba-compare{inset:0;overflow:hidden;position:absolute;touch-action:none;user-select:none}.t3-ba-after,.t3-ba-before{height:100%;left:0;position:absolute;top:0}.t3-ba-after{width:100%;z-index:1}.t3-ba-after img,.t3-ba-before img{display:block;height:100%;left:0;min-width:100%;object-fit:cover;position:absolute;top:0}.t3-ba-before{overflow:hidden;width:50%;z-index:2}.t3-ba-after .t3-ba-label,.t3-ba-before .t3-ba-label{background:hsla(0,0%,100%,.88);border-radius:1px;color:#111;font-size:var(--step--2);padding:3px 5px;pointer-events:none;position:absolute;top:8px}.t3-ba-before .t3-ba-label{left:8px;z-index:5}.t3-ba-after .t3-ba-label{right:8px;z-index:3}.t3-ba-handle{align-items:center;background:#fff;border:2px solid var(--wp--preset--color--black,#000);border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:grab;display:inline-flex;height:44px;justify-content:center;position:absolute;top:50%;width:44px;z-index:8}.t3-ba-handle:active{cursor:grabbing}.t3-ba-handle-dot{border-radius:50%;height:14px;width:14px}.t3-ba-handle input[type=range]{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}@media (max-width:640px){.t3-ba-handle{height:36px;width:36px}.t3-ba-handle-dot{height:12px;width:12px}.t3-ba-label{font-size:.8rem;padding:5px 8px}}.t3-ba-after img,.t3-ba-before img{object-position:left center}.t3-ba-handle{left:50%;transform:translate(-50%,-50%)}.t3-ba-compare:after{background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,.95));bottom:0;box-shadow:0 0 12px rgba(0,0,0,.12);content:"";left:var(--ba-percent,50%);pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:7}.t3-ba-handle:after,.t3-ba-handle:before{border-bottom:2px solid var(--wp--preset--color--black);border-right:2px solid var(--wp--preset--color--black);content:"";height:10px;margin-top:-5px;pointer-events:none;position:absolute;top:50%;transform:rotate(-45deg);width:10px;z-index:9}.t3-ba-handle:before{left:9px;transform:rotate(135deg)}.t3-ba-handle:after{right:9px;transform:rotate(-45deg)}.t3-ba-handle{z-index:10}.t3-ba-title{color:var(--wp--preset--color--black);display:block;font-size:var(--step-0);font-weight:560;line-height:1.45;padding:.5rem 0 0}.t3-ba-item{width:100%}