.agba{padding:40px 0 48px}html body .agba .h2{margin-bottom:8px!important}html body .agba .lede{margin-bottom:22px!important;color:#1a1a1a!important}.agba .rail{margin:0 calc(var(--gut) * -1);padding:0 var(--gut) 6px;gap:16px}.agba .pair{width:84%;max-width:520px}.agba .pair.solo{width:100%;max-width:720px}.agba .ba{position:relative;overflow:hidden;border-radius:8px!important;border:1px solid var(--line);background:var(--card);aspect-ratio:var(--ar,4/3);-webkit-user-select:none;user-select:none;cursor:pointer}.agba .ba img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.agba .ba .before{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0);z-index:2}.agba .ba .after{z-index:1}.agba .ba .tag{position:absolute;bottom:12px;z-index:4;font-family:var(--mono)!important;font-size:11px!important;line-height:14px!important;text-transform:uppercase;letter-spacing:.06em;background:#ffffffeb;color:var(--ink)!important;padding:5px 8px;border-radius:3px!important}.agba .ba .tag.l{left:12px}.agba .ba .tag.r{right:12px}.agba .ba .handle{position:absolute;top:0;bottom:0;z-index:5;left:var(--pos,50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #0000002e;pointer-events:none}html body .agba .ba .grab{position:absolute;top:0;bottom:0;z-index:6;left:var(--pos,50%);width:64px;margin-left:-32px;touch-action:none;cursor:ew-resize;background:transparent;display:block!important}.agba .ba .knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%!important;background:#fff;box-shadow:0 1px 8px #0000003d;display:flex;align-items:center;justify-content:center;gap:-2px}.agba .ba .knob .ms{font-size:19px;color:var(--grn);margin:0 -6px}.agba .ba input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;width:100%;height:100%;opacity:0;margin:0;pointer-events:none}.agba .ba input[type=range]:focus-visible{outline:2px solid var(--grn);outline-offset:2px}html body .agba .cap{margin-top:12px!important;font-size:14px!important;line-height:20px!important;color:var(--mut)!important}html body .agba .cap .lbl{color:var(--ink)!important;font-weight:700!important}html body .agba .foot{margin-top:20px!important;font-size:12px!important;line-height:16px!important;font-style:italic;color:var(--mut)!important}@media(min-width:1001px){.agba{padding:76px 0 84px}.agba .pair{width:460px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ag1-beforeafter.css.map */