.lh{width:100%}.lh__inner{position:relative;margin:0 auto}.lh__inner--stretched{max-width:1600px}.lh__inner--full{max-width:none}.lh__stage{position:relative;width:100%;overflow:hidden}.lh__stage:before{content:"";display:block;padding-top:var(--lh-stage-ratio, 56.25%)}.lh__bg,.lh__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.lh__overlay{pointer-events:none}.lh__bgPlaceholder{background:rgb(var(--color-foreground));opacity:.08}.lh__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.lh__hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.lh__hotspot:focus-visible{outline:2px solid rgb(var(--color-background));outline-offset:2px}.lh__hotspot:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:999px;background:rgb(var(--color-background));box-shadow:0 0 0 2px #ffffff47,0 10px 28px #00000038}.lh__hotspot:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:999px;border:2px solid rgba(255,255,255,.65);opacity:0;transform:scale(1);animation:lh-ping 2.4s ease-out infinite}.lh__hotspot[aria-expanded=true]:after{animation:none;opacity:0}.lh__plus{position:relative;z-index:1;font-size:18px;line-height:1;font-weight:600;color:rgb(var(--color-foreground))}@keyframes lh-ping{0%{opacity:0;transform:scale(1)}10%{opacity:.65;transform:scale(1)}28%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}@media(prefers-reduced-motion:reduce){.lh__hotspot:after{animation:none;opacity:0}}.lh__popover{position:absolute;z-index:5;width:min(350px,calc(100vw - 24px));background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:14px;box-shadow:0 18px 55px #00000038;padding:14px 14px 16px;opacity:0;transform:translate3d(0,10px,0) scale(.98);transition:opacity .16s ease,transform .22s ease,visibility 0s linear .22s;pointer-events:none;visibility:hidden}.lh__popover[hidden]{display:block!important;opacity:0;transform:translate3d(0,10px,0) scale(.98);pointer-events:none;visibility:hidden}.lh__popover:not([hidden]),.lh__popover.is-open{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity .16s ease,transform .22s ease,visibility 0s}.lh__popover.is-closing{opacity:0;transform:translate3d(0,10px,0) scale(.98);pointer-events:none;visibility:hidden}.lh__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:999px;border:0;background:#0000000f;cursor:pointer;font-size:22px;line-height:1;z-index:10;color:rgb(var(--color-foreground))}.lh__content{padding:0}.lh__text{padding-top:10px}.lh__title{font-size:18px;font-weight:700;margin:0 0 10px}.lh__bullets{margin:0;padding-left:18px}.lh__bullets li{margin:0 0 6px;font-size:14px;line-height:1.35}.lh__compare{--pos: 50%}.lh__compareMedia,.lh__singleMedia{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#0000000f}.lh__img{display:block;width:100%;height:auto}.lh__imgPlaceholder{padding:56px 16px;text-align:center;color:#0009;background:#0000000f}.lh__img--top{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.lh__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translate(-1px);background:#fffffff2;box-shadow:0 0 0 1px #00000026;z-index:4;pointer-events:none}.lh__handle:after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:999px;background:#0000008c;box-shadow:0 10px 22px #00000040}.lh__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:6;touch-action:none}.lh__cornerLabel{position:absolute;bottom:12px;padding:8px 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#00000073;color:#fff;border-radius:10px;z-index:5;pointer-events:none}.lh__cornerLabel--left{left:12px}.lh__cornerLabel--right{right:12px}.lh__carousel{display:none;position:relative}.lh__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:14px 14px 18px;scroll-behavior:smooth;scrollbar-width:none}.lh__track::-webkit-scrollbar{display:none}.lh__card{flex:0 0 86%;max-width:86%;scroll-snap-align:start;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #0000002e}.lh__cardMedia .lh__compareMedia,.lh__cardMedia .lh__singleMedia{border-radius:0}.lh__cardBody{padding:16px 16px 20px}.lh__nav{all:unset;box-sizing:border-box;position:absolute;top:40%;transform:translateY(-50%);width:56px;height:56px;min-width:56px;min-height:56px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#ffffffeb;box-shadow:0 12px 30px #00000040;display:grid;place-items:center;font-size:30px;line-height:1;cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent}.lh__nav--prev{left:10px}.lh__nav--next{right:10px}.lh__nav[hidden]{display:none}@media(max-width:989px){.lh__stage--desktop{display:none}.lh__carousel{display:block}.lh__track{scroll-padding-left:14px;scroll-padding-right:14px}.lh__compareMedia,.lh__singleMedia{aspect-ratio:4 / 3}.lh__compareMedia .lh__img,.lh__singleMedia .lh__img{width:100%;height:100%;object-fit:cover}.lh__img--base{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}}@media(min-width:990px){.lh__popover{width:350px}}
/*# sourceMappingURL=/cdn/shop/t/310/assets/lens-hotspots.css.map */