.lba{padding:40px 0}.lba__head{text-align:center;margin-bottom:14px}.lba__title{margin:0;font-size:18px;letter-spacing:.18em;text-transform:uppercase}.lba__tabsWrap{display:flex;align-items:center;justify-content:center;gap:14px;max-width:860px;margin:0 auto 22px;padding:0 12px}.lba__lensnav{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.16);background:#fffffff2;cursor:pointer;display:none;place-items:center;font-size:22px;line-height:1}.lba__tabsViewport{position:relative;flex:1 1 auto;min-width:0;max-width:760px;overflow:hidden;--lba-pad-x: 12px;padding:10px var(--lba-pad-x) 14px}.lba__tabsViewport:after{content:"";position:absolute;left:var(--lba-pad-x);right:var(--lba-pad-x);bottom:0;height:1px;background:#0000002e}.lba__tabs{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;min-width:0}.lba__tab{border:0;background:transparent;padding:6px 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;color:#0000008c;white-space:nowrap}.lba__tab[aria-selected=true]{color:#000000f2;font-weight:600}.lba__indicator{position:absolute;bottom:0;height:2px;left:var(--lba-ind-left, var(--lba-pad-x));width:var(--lba-ind-width, 0px);background:#000000d9;transition:left .22s ease,width .22s ease}.lba__panel{position:relative;max-width:var(--lba-max, 1200px);margin:0 auto;padding:0 48px}.lba__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lba__track::-webkit-scrollbar{display:none}.lba__slide{min-width:100%;scroll-snap-align:start}.lba__caption{text-align:center;margin-top:10px;font-size:13px;opacity:.85}.lba__nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:22px;line-height:1}.lba__nav--prev{left:8px}.lba__nav--next{right:8px}.ba{position:relative;width:100%;aspect-ratio:var(--lba-ar, 16 / 9);overflow:hidden;border-radius:10px;background:#0000000a;--pos: 50%}.ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.ba__after{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba__line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;background:#ffffffeb;transform:translate(-1px);pointer-events:none}.ba__handle{position:absolute;left:var(--pos);top:50%;width:clamp(44px,8vw,56px);height:clamp(44px,8vw,56px);border-radius:999px;background:#fffffff2;border:2px solid rgba(0,0,0,.22);transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px #0000002e}.ba__handle:before,.ba__handle:after{content:"";width:10px;height:10px;border-color:#000000a6;border-style:solid}.ba__handle:before{border-width:0 0 2px 2px;transform:rotate(45deg);margin-right:6px}.ba__handle:after{border-width:2px 2px 0 0;transform:rotate(45deg);margin-left:6px}.ba__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.ba__label{position:absolute;bottom:12px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}.ba__label--before{left:14px}.ba__label--after{right:14px}.ba__ph{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000000f}@media(max-width:749px){.lba__lensnav{display:grid;flex:0 0 auto}.lba__tabsViewport{--lba-pad-x: 6px}.lba__tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:26px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.lba__tabs::-webkit-scrollbar{display:none}.lba__tab{flex:0 0 auto;scroll-snap-align:center;letter-spacing:.12em}.lba__panel{max-width:100%;padding:0 16px}.lba__nav{width:30px;height:30px;font-size:20px}.lba__slide{min-width:100%}.ba{width:100%;aspect-ratio:3 / 2;border-radius:16px}}
/*# sourceMappingURL=/cdn/shop/t/310/assets/lens-before-after.css.map */