.lens-cards{overflow:hidden}.lens-cards__header{max-width:1400px;margin:0 auto 28px;padding:0 20px}.lens-cards__container{display:flex;gap:12px;max-width:1400px;margin:0 auto;padding:0 20px;height:520px}.lens-card{position:relative;flex:1;min-width:0;border-radius:16px;background:var(--card-bg, #ECECEC);color:var(--card-text, #1a1a1a);overflow:hidden;cursor:pointer;transition:flex .6s cubic-bezier(.4,0,.2,1)}.lens-card--active{flex:2.2;cursor:default;background:var(--card-bg-open, var(--card-bg, #ECECEC))}.lens-card__trigger{all:unset;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:28px 24px;box-sizing:border-box;cursor:pointer;position:relative;z-index:1}.lens-card--active .lens-card__trigger{cursor:default;position:absolute;top:0;left:0;width:50%;height:100%;padding:30px;align-items:center;justify-content:center}.lens-card__visual{width:var(--lens-size, 160px);height:var(--lens-size, 160px);flex-shrink:0;align-self:center;margin-bottom:auto;margin-top:24px;transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1);will-change:transform;transform-style:preserve-3d}.lens-card--active .lens-card__visual{width:calc(var(--lens-size, 160px) * 1.35);height:calc(var(--lens-size, 160px) * 1.35);max-width:260px;max-height:260px;margin:0}.lens-card__img{width:100%;height:100%;object-fit:contain}.lens-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.5}.lens-card__placeholder svg{width:80%;height:80%}.lens-card__collapsed-info{display:flex;flex-direction:column;align-items:flex-start;transition:opacity .3s ease}.lens-card--active .lens-card__collapsed-info{opacity:0;pointer-events:none}.lens-card__dots{display:flex;gap:5px;margin-bottom:10px}.lens-card__dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--card-text, #1a1a1a);background:transparent}.lens-card__dot--filled{background:var(--card-text, #1a1a1a)}.lens-card__name{font-family:inherit;font-size:22px;font-weight:600;letter-spacing:normal;text-transform:none;margin:0;text-align:left}.lens-card__blocking-line{font-size:13px;font-weight:400;opacity:.5;margin-top:4px}.lens-card__read-more{font-size:11px;font-weight:400;opacity:.35;margin-top:12px;transition:opacity .3s ease}.lens-card:not(.lens-card--active):hover .lens-card__read-more{opacity:.55}.lens-card__detail{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:40px 36px;box-sizing:border-box;opacity:0;transform:translate(20px);pointer-events:none;transition:opacity .5s cubic-bezier(.4,0,.2,1) .15s,transform .5s cubic-bezier(.4,0,.2,1) .15s}.lens-card--active .lens-card__detail{opacity:1;transform:translate(0);pointer-events:auto}.lens-card__detail[aria-hidden=true]{visibility:hidden}.lens-card--active .lens-card__detail[aria-hidden=false]{visibility:visible}.lens-card__detail-inner{display:flex;flex-direction:column;align-items:flex-start}.lens-card__detail-name{font-family:inherit;font-size:28px;font-weight:700;letter-spacing:normal;text-transform:none;margin:0 0 14px;line-height:1.15}.lens-card__description{font-size:14px;line-height:1.6;opacity:.75;margin:0 0 28px}.lens-card__specs{display:flex;flex-direction:column;margin-bottom:28px;width:100%}.lens-card__spec{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.12)}.lens-card__spec:last-child{border-bottom:none}.lens-card__spec-label{font-size:13px;font-weight:500;color:var(--card-text, #1a1a1a);opacity:.6}.lens-card__spec-value{font-size:14px;font-weight:700;color:var(--card-text, #1a1a1a)}.lens-card__cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-decoration:none;color:inherit;padding:12px 0;border-bottom:1.5px solid currentColor;transition:opacity .2s ease,gap .2s ease}.lens-card__cta:hover{opacity:.7;gap:12px}.lens-card__cta svg{transition:transform .2s ease}.lens-card__cta:hover svg{transform:translate(3px)}@media(max-width:999px){.lens-cards__container{height:460px;gap:8px}.lens-card__visual{width:calc(var(--lens-size, 160px) * .75);height:calc(var(--lens-size, 160px) * .75)}.lens-card--active .lens-card__visual{width:calc(var(--lens-size, 160px) * 1.1);height:calc(var(--lens-size, 160px) * 1.1)}.lens-card__name{font-size:18px}.lens-card__detail{padding:28px 24px}.lens-card__detail-name{font-size:22px}.lens-card__description{font-size:13px;margin-bottom:20px}}@media(max-width:699px){.lens-cards__header{margin-bottom:16px}.lens-cards__container{flex-direction:column;height:auto;gap:4px}.lens-card{border-radius:10px;transition:all .5s cubic-bezier(.4,0,.2,1)}.lens-card:not(.lens-card--active){flex:0 0 auto}.lens-card:not(.lens-card--active) .lens-card__detail{display:none}.lens-card:not(.lens-card--active) .lens-card__trigger{flex-direction:row;align-items:center;justify-content:flex-start;padding:10px 14px;gap:10px;height:auto}.lens-card:not(.lens-card--active) .lens-card__visual{width:36px;height:36px;margin:0;flex-shrink:0}.lens-card:not(.lens-card--active) .lens-card__collapsed-info{flex:1;min-width:0;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0}.lens-card:not(.lens-card--active) .lens-card__dots{display:none}.lens-card:not(.lens-card--active) .lens-card__name{font-size:13px;line-height:1.2;margin-right:8px}.lens-card:not(.lens-card--active) .lens-card__blocking-line{font-size:11px;margin-top:0;opacity:.45}.lens-card:not(.lens-card--active) .lens-card__read-more{font-size:10px;margin-top:2px;opacity:.3;width:100%}.lens-card--active{flex:0 1 auto}.lens-card--active .lens-card__trigger{position:relative;width:100%;height:auto;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 0}.lens-card--active .lens-card__visual{width:calc(var(--lens-size, 160px) * .7);height:calc(var(--lens-size, 160px) * .7);max-width:140px;max-height:140px;margin:0 0 4px}.lens-card--active .lens-card__collapsed-info{height:0;overflow:hidden}.lens-card__detail{position:relative;top:unset;right:unset;width:100%;padding:16px 20px 20px;transform:translateY(10px);justify-content:flex-start}.lens-card--active .lens-card__detail{transform:translateY(0)}.lens-card__detail-name{font-size:20px;margin-bottom:8px}.lens-card__description{font-size:13px;line-height:1.5;margin-bottom:16px}.lens-card__specs{margin-bottom:16px}.lens-card__spec{padding:8px 0}.lens-card__cta{font-size:12px;padding:8px 0}}@media(prefers-reduced-motion:reduce){.lens-card,.lens-card__visual,.lens-card__detail,.lens-card__collapsed-info,.lens-card__read-more{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/lens-cards.css.map */