.callout-lens-family-v2{--callout-v2-brand: #004449;--callout-v2-accent: #0bf477;--callout-v2-red: #d92d20;--callout-v2-line: rgba(0, 68, 73, .15);--callout-v2-feature-font-size: 12.4px}.callout-lens-family-v2__legacy-anchor{position:relative;top:-96px;display:block;width:1px;height:1px;overflow:hidden}.callout-lens-family-v2__heading{margin-bottom:22px}.callout-lens-family-v2__grid-wrap{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.callout-lens-family-v2__grid-wrap::-webkit-scrollbar{display:none}.callout-lens-family-v2__grid{display:flex;flex-flow:row nowrap;align-items:stretch;gap:20px;width:max-content;max-width:none;margin:0;padding:0 0 8px}.callout.callout-lens-family-v2 ul.callout-lens-family-v2__grid{display:flex!important;flex-flow:row nowrap!important;width:max-content!important;max-width:none!important}.callout-lens-family-v2__item{box-sizing:border-box;flex:0 0 336px;width:336px;max-width:336px;min-width:0}.callout.callout-lens-family-v2 ul.callout-lens-family-v2__grid>li.callout-lens-family-v2__item{flex:0 0 336px!important;width:336px!important;max-width:336px!important}.callout-lens-family-v2 .card-js{height:100%}.callout-lens-family-v2 .card-wrapper,.callout-lens-family-v2 .card{box-sizing:border-box;width:100%;max-width:100%}.callout-lens-family-v2 .card .card__inner.ratio{aspect-ratio:1 / 1}.callout-lens-family-v2 .card .card__media .media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.callout-lens-family-v2 .card__information--with-label{grid-template-columns:minmax(0,1fr)}.callout-lens-family-v2 .card__tag-wrapper{display:none!important}.callout-lens-family-v2__controls{display:grid;gap:10px;flex:1 0 100%;width:100%;margin-top:4px;margin-bottom:2px}.callout-lens-family-v2__lens-row{display:grid;gap:7px}.callout-lens-family-v2__lens-choice-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.callout-lens-family-v2__item--has-radar .callout-lens-family-v2__lens-choice-grid{grid-template-columns:minmax(0,1fr) minmax(150px,168px);gap:12px}.callout-lens-family-v2__label,.callout-lens-family-v2__fit{color:#004449c2;font-size:1.1rem;font-weight:900;letter-spacing:0;line-height:1.1;text-transform:uppercase}.callout-lens-family-v2__family-buttons{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:6px;min-width:0}.callout-lens-family-v2__family-button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:34px;padding:7px 11px;color:var(--callout-v2-brand);cursor:pointer;background:#ffffffd1;border:1px solid rgba(0,68,73,.2);border-radius:999px;font-size:1.08rem;font-weight:900;letter-spacing:0;line-height:1.05;text-align:center;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.callout-lens-family-v2__family-button[aria-pressed=true]{color:#001f22;background:var(--callout-v2-accent);border-color:var(--callout-v2-accent);box-shadow:0 8px 22px #0bf47738}.callout-lens-family-v2__family-button:hover:not([aria-pressed=true]){color:var(--callout-v2-brand);background:#00444914;border-color:#0044493d;box-shadow:none}.callout-lens-family-v2__family-button:focus-visible{outline:2px solid var(--callout-v2-accent);outline-offset:2px}.callout-lens-family-v2__fit{display:grid;gap:6px;width:100%;padding:0;color:var(--callout-v2-brand);background:transparent;border:0;border-radius:0;text-transform:none}.callout-lens-family-v2__fit-title{color:#004449c2;font-size:1.05rem;font-weight:900;line-height:1;text-transform:uppercase}.callout-lens-family-v2__fit-options{appearance:none;-webkit-appearance:none;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0;width:100%;padding:3px 0 0;color:var(--callout-v2-brand);cursor:pointer;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:inherit}.callout-lens-family-v2__head-option{--head-width: 25px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;min-height:78px;gap:15px;padding:4px 1px 0;color:#00444942;border-radius:6px;font-size:.88rem;font-weight:900;line-height:1.03;text-align:center;transition:color .16s ease}.callout-lens-family-v2__head-option--standard-small{--head-width: 21px}.callout-lens-family-v2__head-option--standard{--head-width: 25px}.callout-lens-family-v2__head-option--standard-wide{--head-width: 29px}.callout-lens-family-v2__head-option--wide-fit{--head-width: 33px}.callout-lens-family-v2__head-option--active{color:var(--callout-v2-brand);background:transparent;box-shadow:none}.callout-lens-family-v2__head-icon{position:relative;width:var(--head-width);height:calc(var(--head-width) * 1.16);color:#0044493d;background:#ffffff47;border:2px solid currentColor;border-radius:46% 46% 44% 44%}.callout-lens-family-v2__head-option--active .callout-lens-family-v2__head-icon{color:var(--callout-v2-accent)}.callout-lens-family-v2__head-icon:after{content:"";position:absolute;left:50%;bottom:-13px;width:calc(var(--head-width) * 1.32);height:13px;border:2px solid currentColor;border-top:0;border-radius:0 0 999px 999px;transform:translate(-50%)}.callout-lens-family-v2__head-label{display:block;max-width:100%;color:#00444952;overflow-wrap:anywhere;letter-spacing:0}.callout-lens-family-v2__head-option--active .callout-lens-family-v2__head-label{color:var(--callout-v2-brand)}.callout-lens-family-v2__limit{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:6px 9px;color:var(--callout-v2-brand);background:#0bf47724;border:1px solid rgba(11,244,119,.42);border-radius:999px;font-size:1.08rem;font-weight:900;line-height:1.05}.callout-lens-family-v2__feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:34px;gap:6px 8px;margin-top:0}.callout-lens-family-v2__feature{appearance:none;-webkit-appearance:none;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;min-height:34px;height:34px;gap:5px;padding:0 8px 0 calc(8px + .65em);color:#004449d1;background:#ffffffb8;border:1px solid rgba(0,68,73,.12);border-radius:6px;cursor:default;font-size:.95rem;font-size:var(--callout-v2-feature-font-size, 12.4px);font-weight:800;letter-spacing:0;line-height:1;text-align:left;transition:border-color .16s ease,background-color .16s ease}.callout-lens-family-v2__feature[hidden]{display:none!important}.callout-lens-family-v2__feature:hover{background:#fffffff0;border-color:#00444947}.callout-lens-family-v2__feature-label{display:block;height:100%;min-width:0}.callout-lens-family-v2__feature-label modal-opener,.callout-lens-family-v2__feature-label .card__tag{display:flex;align-items:center;width:100%;height:100%;min-width:0;max-width:100%}.callout-lens-family-v2__feature-label .card__tag{justify-content:flex-start;min-height:0;margin:0!important;padding:0;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit!important;letter-spacing:0;line-height:1;overflow:hidden;text-align:left;text-transform:none;white-space:nowrap}.callout-lens-family-v2__feature-label .card__tag--button{cursor:pointer}.callout-lens-family-v2__feature-label .tag__wrapper,.callout-lens-family-v2__feature-label .tag__text{display:inline-flex;align-items:center;height:100%;min-width:0;max-width:100%;overflow:hidden;overflow-wrap:normal;white-space:nowrap;word-break:normal}.callout-lens-family-v2__feature-label .tag__wrapper{width:100%!important;padding:0!important;justify-content:flex-start!important}.callout-lens-family-v2__feature-label .tag__text{width:auto!important;max-width:100%!important;font:inherit!important;justify-content:flex-start!important;text-transform:none!important}.callout-lens-family-v2__feature-label .tag__icon{display:none!important}.callout-lens-family-v2__feature:focus-visible{outline:2px solid var(--callout-v2-accent);outline-offset:2px}.callout-lens-family-v2__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:1.05rem;font-weight:1000;line-height:1}.callout-lens-family-v2__feature-icon--yes{color:var(--callout-v2-accent)}.callout-lens-family-v2__feature-icon--no{color:var(--callout-v2-red)}.callout-lens-family-v2__activity-radar{align-self:start;width:100%;max-width:168px;aspect-ratio:1 / 1;margin-top:-6px;justify-self:end;pointer-events:none}.callout-lens-family-v2__activity-radar[hidden]{display:none!important}.callout-lens-family-v2__activity-radar-canvas{display:block;width:100%;height:auto}.callout-lens-family-v2 .callout-lens-slider-card__activity-radar{display:none!important}.callout-lens-family-v2 .callout-lens-slider-card.has-activity-radar .callout-lens-slider-card__label--after{top:50%;right:8%;bottom:auto;left:auto;max-width:34%;color:#fff;background:#00444994;transform:translateY(-50%)}.callout-lens-family-v2 .swatches{justify-content:flex-start;gap:7px;margin-top:10px}.callout-lens-family-v2 .swatch-wrapper[hidden],.callout-lens-family-v2 .swatch-wrapper.callout-lens-family-v2__swatch-hidden{display:none!important}.callout-lens-family-v2 .card__button-row{flex:1 0 100%;width:100%}.callout-lens-family-v2 .buy-button,.callout-lens-family-v2 .ai-tryon-card-button{min-height:46px}@media screen and (min-width:990px){.callout-lens-family-v2__grid-wrap{padding-right:calc((100vw - min(var(--page-width),100vw))/2 + 5rem);padding-left:calc((100vw - min(var(--page-width),100vw))/2 + 5rem);margin-right:calc(-50vw + 50% + .8rem);margin-left:calc(-50vw + 50% + .8rem)}}@media screen and (max-width:989px){.callout-lens-family-v2.page-width{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.callout.callout-lens-family-v2 ul.callout-lens-family-v2__grid{display:flex!important;flex-flow:row nowrap!important;width:max-content!important;max-width:none!important}.callout-lens-family-v2__grid-wrap{margin-right:calc(-1*max(12px,env(safe-area-inset-right)));scroll-snap-type:x mandatory;scroll-padding-left:max(12px,env(safe-area-inset-left));scroll-padding-right:max(12px,env(safe-area-inset-right))}.callout-lens-family-v2__grid{gap:12px;padding-right:max(12px,env(safe-area-inset-right))}.callout-lens-family-v2__item{flex:0 0 min(calc(100vw - 48px),430px);width:min(calc(100vw - 48px),430px);max-width:none;scroll-snap-align:start;scroll-snap-stop:always}.callout.callout-lens-family-v2 ul.callout-lens-family-v2__grid>li.callout-lens-family-v2__item{flex:0 0 min(calc(100vw - 48px),430px)!important;width:min(calc(100vw - 48px),430px)!important;max-width:none!important}}@media screen and (max-width:374px){.callout-lens-family-v2__feature-grid{grid-template-columns:1fr}.callout-lens-family-v2__item--has-radar .callout-lens-family-v2__lens-choice-grid{grid-template-columns:minmax(0,1fr) 136px;gap:8px}.callout-lens-family-v2__activity-radar{max-width:136px}.callout-lens-family-v2__head-option{--head-width: 22px;min-height:72px;gap:13px;padding:5px 1px 0;font-size:.78rem}.callout-lens-family-v2__head-option--standard-small{--head-width: 18px}.callout-lens-family-v2__head-option--standard{--head-width: 21px}.callout-lens-family-v2__head-option--standard-wide{--head-width: 24px}.callout-lens-family-v2__head-option--wide-fit{--head-width: 27px}.callout-lens-family-v2__family-button{min-height:30px;padding:5px 7px;font-size:1.05rem}}@media(prefers-reduced-motion:reduce){.callout-lens-family-v2__family-button{transition:none}}#driving-shop .ai-tryon-card-button{background:#fff!important;color:#004449!important;border:1.5px solid rgba(0,68,73,.28)!important;box-shadow:none!important}#driving-shop .ai-tryon-card-button:hover{background:#f3fff8!important;color:#004449!important;border-color:#0044496b!important}#driving-shop .ai-tryon-card-button:focus-visible{outline:2px solid #0BF477;outline-offset:2px}#pink-boss-sunglasses .ai-tryon-card-button{background:#fff!important;color:#004449!important;border:1.5px solid rgba(0,68,73,.28)!important;box-shadow:none!important}#pink-boss-sunglasses .ai-tryon-card-button:hover{background:#f3fff8!important;color:#004449!important;border-color:#0044496b!important}#pink-boss-sunglasses .ai-tryon-card-button:focus-visible{outline:2px solid #0BF477;outline-offset:2px}#watersport-shop.callout-lens-family-v2{--callout-v2-brand: #002847;--callout-v2-accent: #baebff;--callout-v2-line: rgba(0, 40, 71, .15)}#watersport-shop .callout-lens-family-v2__label,#watersport-shop .callout-lens-family-v2__fit,#watersport-shop .callout-lens-family-v2__fit-title{color:#002847c2}#watersport-shop .callout-lens-family-v2__family-button{color:#002847;border-color:#00284738}#watersport-shop .callout-lens-family-v2__family-button[aria-pressed=true]{color:#002847;background:#baebff;border-color:#baebff;box-shadow:0 8px 22px #0028471f}#watersport-shop .callout-lens-family-v2__family-button:hover:not([aria-pressed=true]){color:#002847;background:#baebff57;border-color:#00284747}#watersport-shop .buy-button{background:#002847!important;color:#fff!important;border-color:#002847!important}#watersport-shop .ai-tryon-card-button{background:#fff!important;color:#002847!important;border:1.5px solid rgba(0,40,71,.28)!important;box-shadow:none!important}#hiking-shop.callout-lens-family-v2{--callout-v2-brand: #511124;--callout-v2-accent: #ff6333;--callout-v2-line: rgba(81, 17, 36, .15)}#hiking-shop .callout-lens-family-v2__label,#hiking-shop .callout-lens-family-v2__fit,#hiking-shop .callout-lens-family-v2__fit-title{color:#511124c2}#hiking-shop .callout-lens-family-v2__family-button{color:#511124;border-color:#51112438}#hiking-shop .callout-lens-family-v2__family-button[aria-pressed=true]{color:#511124;background:#ff6333;border-color:#ff6333;box-shadow:0 8px 22px #51112421}#hiking-shop .callout-lens-family-v2__family-button:hover:not([aria-pressed=true]){color:#511124;background:#fdd6ba7a;border-color:#51112447}#hiking-shop .buy-button{background:#511124!important;color:#fff!important;border-color:#511124!important}#hiking-shop .ai-tryon-card-button{background:#fff!important;color:#511124!important;border:1.5px solid rgba(81,17,36,.28)!important;box-shadow:none!important}@media screen and (max-width:989px){.callout-lens-family-v2__grid-wrap{scroll-snap-type:x mandatory;scroll-padding-left:max(12px,env(safe-area-inset-left));scroll-padding-right:max(12px,env(safe-area-inset-right))}.callout-lens-family-v2__item{scroll-snap-align:start;scroll-snap-stop:always}}.callout-lens-family-v2__carousel{position:relative}.callout-lens-family-v2__carousel-button{display:none}.callout-lens-family-v2__carousel-button[hidden]{display:none!important}@media screen and (max-width:989px){.callout-lens-family-v2.page-width{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.callout-lens-family-v2__grid-wrap{--callout-v2-mobile-card-width: min(max( calc(100vw - 76px) , 280px), 430px);margin-right:calc(-1*max(12px,env(safe-area-inset-right)));overflow-y:hidden;scroll-padding-left:0;scroll-padding-right:max(36px,env(safe-area-inset-right));scroll-snap-type:x mandatory}.callout-lens-family-v2__grid{gap:12px;padding-right:max(42px,calc(100vw - var(--callout-v2-mobile-card-width) - 24px))}.callout-lens-family-v2__item,.callout.callout-lens-family-v2 ul.callout-lens-family-v2__grid>li.callout-lens-family-v2__item{flex:0 0 var(--callout-v2-mobile-card-width)!important;width:var(--callout-v2-mobile-card-width)!important;max-width:var(--callout-v2-mobile-card-width)!important;scroll-snap-align:start;scroll-snap-stop:always}.callout-lens-family-v2__carousel-button:not([hidden]){align-items:center;justify-content:center;position:absolute;z-index:5;top:clamp(132px,42vw,190px);width:36px;height:44px;padding:0;color:#fff;background:#004449d1;border:1px solid rgba(255,255,255,.42);border-radius:999px;box-shadow:0 10px 24px #0044492e;display:inline-flex;font-size:34px;font-weight:700;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.callout-lens-family-v2__carousel-button--prev{left:max(2px,env(safe-area-inset-left))}.callout-lens-family-v2__carousel-button--next{right:max(4px,env(safe-area-inset-right))}.callout-lens-family-v2__carousel-button span{display:block;margin-top:-3px}}@media screen and (max-width:374px){.callout-lens-family-v2__grid-wrap{--callout-v2-mobile-card-width: min(max( calc(100vw - 76px) , 280px), 430px)}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/section-callout-lens-family-v2.css.map */