div.card-wrapper:not(.article-card-wrapper){height:auto}div.card-wrapper:not(.article-card-wrapper) .media>img{opacity:0;transition:opacity .3s ease}div.card-wrapper:not(.article-card-wrapper) .media>img.active{opacity:var(--card-media-active-opacity, 1)}div.card-wrapper:not(.article-card-wrapper) .card__heading{font-size:2.6rem;font-weight:700}div.card-wrapper:not(.article-card-wrapper) .card__heading a:after{bottom:100px}div.card-wrapper:not(.article-card-wrapper) .card__tag-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;grid-row:auto;grid-column:1;gap:6px;width:100%}div.card-wrapper:not(.article-card-wrapper) .price{font-size:1.8rem;font-weight:700}@media screen and (min-width:990px){div.card-wrapper:not(.article-card-wrapper):hover .media>img{transition:transform var(--duration-long) ease;transform:scale(1.03)}}.card__information--with-label{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media screen and (max-width:990px){.card__information--with-label{grid-template-columns:minmax(0,1fr)}}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.swatches .button{min-width:120px;min-height:30px;border:1px solid transparent;border-radius:25px;transition:color .3s ease,border .3s ease,background-color .3s ease}.swatches .button:after{content:none}.swatches .button.loading{line-height:.8;background:transparent;border-color:#000}.swatches .button.loading:hover{color:transparent}.swatches .button .loading-overlay{top:50%;left:50%;transform:translate(-50%,-50%)}@media(hover:hover){.swatches .button:hover{color:#000;background-color:transparent;border:1px solid #000000}}.swatch-wrapper{padding:0;cursor:pointer;background-color:transparent;border:1px solid transparent;border-radius:50%}.swatch-wrapper:hover,.swatch-wrapper.active{border:1px solid #000000}.swatch-wrapper:hover .swatch,.swatch-wrapper.active .swatch{transform:scale(.8) rotate(-135deg)}.swatch-wrapper:hover .swatch-taichi,.swatch-wrapper.active .swatch-taichi{transform:scale(.8)}.swatch{display:flex;width:30px;height:30px;overflow:hidden;border-radius:50%;transition:transform .3s ease;transform:rotate(-135deg)}.swatch.double span{width:50%;border-radius:0;border-top-right-radius:2rem;border-bottom-right-radius:2rem}.swatch.double span:first-of-type{transform:rotate(180deg)}.swatch span,.swatch svg{width:100%;height:100%}.swatch span{border-radius:50%}.swatch .outline{outline:1px solid #000000;outline-offset:-1px}.card__content .subtitle{font-size:1.2rem;font-weight:400}.card__button-row--with-ai-tryon{display:flex;gap:8px;align-items:stretch;width:100%}.card__button-row--with-ai-tryon .card__button-row-item{flex:1 1 0;min-width:0}.card__button-row--with-ai-tryon .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding-right:10px;padding-left:10px;text-align:center;line-height:1.12;white-space:normal}.card__button-row--with-ai-tryon .ai-tryon-card-button{color:#121212;background:transparent;border:1px solid currentColor}.card__button-row--with-ai-tryon .ai-tryon-card-button:before,.card__button-row--with-ai-tryon .ai-tryon-card-button:after{content:none}.card__button-row--with-ai-tryon .ai-tryon-card-button span{overflow-wrap:anywhere}@media screen and (max-width:380px){.card__button-row--with-ai-tryon{gap:6px}.card__button-row--with-ai-tryon .button{min-height:42px;padding-right:8px;padding-left:8px;font-size:1.28rem}}.card-js--callout,.card-js--callout .card__inner{position:relative}.card-js--callout .card__swatch-overlay{align-items:center;background:#ffffffd1;border:1px solid rgba(0,40,71,.14);border-radius:999px;bottom:12px;box-shadow:0 8px 22px #00284721;display:flex!important;flex-wrap:nowrap!important;gap:5px!important;left:12px;margin:0!important;max-width:calc(100% - 24px);overflow-x:auto;overflow-y:hidden;padding:7px 8px!important;position:absolute;right:12px;scrollbar-width:none;touch-action:pan-x;width:auto!important;z-index:7;-webkit-backdrop-filter:blur(12px) saturate(145%);backdrop-filter:blur(12px) saturate(145%)}.card-js--callout .card__swatch-overlay::-webkit-scrollbar{display:none}.card-js--callout .card__swatch-overlay .swatch-wrapper{flex:0 0 28px!important;height:28px!important;min-height:28px!important;min-width:28px!important;width:28px!important}.card-js--callout .card__swatch-overlay .swatch{flex-basis:24px!important;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.card-js--callout[data-callout-pip-corner=bottom-left],.card-js--callout[data-callout-pip-corner=bottom-right]{--callout-pip-bottom: 62px !important}.card-js--callout .card__title-row{align-items:start;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;width:100%}.callout .card-js--callout div.card-wrapper:not(.article-card-wrapper) .card__heading{font-size:2rem;line-height:1.08;margin:0;min-width:0}.card-js--callout .card__variant-sku{color:#002847ad;font-size:1.05rem;font-weight:800;line-height:1.18;max-width:118px;overflow-wrap:anywhere;padding-top:3px;text-align:right}.callout .card-js--callout .price{font-size:1.6rem!important;line-height:1.15}.card-js--callout .card__callout-actions{margin-top:10px;width:100%}.card-js--callout .card__button-row--callout-actions{display:grid!important;gap:6px!important;grid-template-columns:repeat(3,minmax(0,1fr));margin:0!important;width:100%}.card-js--callout .card__button-row--callout-actions .card__button-row-item{display:flex;min-width:0;width:100%}.card-js--callout .card__button-row--callout-actions .button{align-items:center;display:flex;font-size:1.02rem;justify-content:center;line-height:1.08;min-height:48px;min-width:0;padding:8px 7px;text-align:center;white-space:normal;width:100%}.card-js--callout .card__button-row--callout-actions .two-nu-compare-button svg{flex:0 0 16px;height:16px;width:16px}.card-js--callout .callout-lens-family-v2__controls{margin-top:10px}.card-js--callout .callout-lens-family-v2__controls>.card__callout-actions{margin-top:0;order:2}.card-js--callout .callout-lens-family-v2__controls>.callout-lens-family-v2__lens-row{order:1}.card-js--callout .callout-lens-family-v2__controls>.callout-lens-family-v2__fit{order:3}.card-js--callout .callout-lens-family-v2__controls>.callout-lens-family-v2__limit{order:4}.card-js--callout .callout-lens-family-v2__controls>.callout-lens-family-v2__feature-grid{order:5}@media screen and (max-width:749px){.card-js--callout .card__button-row--callout-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.card-js--callout .card__button-row--callout-actions .card__button-row-item--purchase{grid-column:1 / -1}.card-js--callout .card__variant-sku{font-size:1rem;max-width:104px}}@media(prefers-reduced-transparency:reduce){.card-js--callout .card__swatch-overlay{background:#fffffff5;-webkit-backdrop-filter:none;backdrop-filter:none}}.card-js--callout .card__swatch-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;border:0!important;border-radius:0!important;bottom:4px;box-shadow:none!important;left:8px;max-width:calc(100% - 16px);padding:0!important;right:8px}.card-js--callout .card__swatch-overlay .swatch-wrapper{filter:drop-shadow(0 1px 2px rgba(0,40,71,.24))}.card-js--callout[data-callout-pip-corner=bottom-left],.card-js--callout[data-callout-pip-corner=bottom-right]{--callout-pip-bottom: 42px !important}.card-js--callout .card__swatch-overflow-hint{align-items:center;animation:twoNuSwatchOverflowHint 1.15s ease-in-out infinite;background:#0bf477;border:1.5px solid #004449;border-radius:50%;bottom:5px;box-shadow:0 3px 10px #00284738;color:#004449;display:flex;height:26px;justify-content:center;pointer-events:none;position:absolute;right:5px;width:26px;z-index:9}.card-js--callout .card__swatch-overflow-hint[hidden]{display:none!important}.card-js--callout .card__swatch-overflow-hint svg{display:block;height:14px;width:14px}@keyframes twoNuSwatchOverflowHint{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.card-js--callout .card__button-row--callout-actions .button,.card-js--callout .card__button-row--callout-actions .button span{font-family:var(--font-body-family, "Montserrat", sans-serif)!important;font-size:1.4rem!important;font-style:normal!important;font-weight:800!important;letter-spacing:.01em!important;line-height:1.15!important;text-transform:none!important}.card-js--callout .card__button-row--callout-actions .button{min-height:54px;padding:10px 8px}#MainContent .card-js--callout .card__button-row--callout-actions .buy-button{background:#0bf477!important;border:1.5px solid #004449!important;box-shadow:none!important;color:#004449!important}#MainContent .card-js--callout .card__button-row--callout-actions .buy-button:before,#MainContent .card-js--callout .card__button-row--callout-actions .buy-button:after{content:none!important}#MainContent .card-js--callout .card__button-row--callout-actions .buy-button:hover{background:#0bf477!important;border-color:#002847!important;color:#002847!important}#MainContent .card-js--callout .card__button-row--callout-actions .buy-button:focus-visible{outline:2px solid #002847;outline-offset:2px}@media(prefers-reduced-motion:reduce){.card-js--callout .card__swatch-overflow-hint{animation:none}}.card-js--callout[data-callout-card=true] .card-wrapper.product-card-wrapper .price{min-height:2lh!important}.card-js--callout[data-callout-card=true] .card__title-row{grid-template-columns:minmax(0,1fr) 118px}@media screen and (max-width:749px){.card-js--callout[data-callout-card=true] .card__title-row{grid-template-columns:minmax(0,1fr) 104px}}@media screen and (max-width:989px){body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay{align-items:flex-end;background:transparent!important;border:0!important;bottom:0;gap:1px;min-height:44px;padding:0!important}body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay .swatch-wrapper{align-items:flex-end;background:transparent!important;border:0!important;border-radius:0;box-sizing:border-box;display:flex;flex:0 0 32px!important;height:44px!important;justify-content:center;min-height:44px!important;min-width:32px!important;padding:0 3px 4px;width:32px!important}body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay .swatch{flex-basis:24px!important;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important;transform:rotate(-135deg)!important}body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay .swatch-wrapper:hover .swatch,body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay .swatch-wrapper.active .swatch{outline:2px solid #004449;outline-offset:1px}body:not(.two-nu-outlet-page) .card-js--callout[data-callout-pip-corner=bottom-left],body:not(.two-nu-outlet-page) .card-js--callout[data-callout-pip-corner=bottom-right]{--callout-pip-bottom: 54px !important}}@media(max-width:989px){body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay{align-items:center!important;bottom:4px!important;gap:1px!important}body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overlay .swatch-wrapper{align-items:center!important;padding:2px 3px!important}body:not(.two-nu-outlet-page) .card-js--callout .card__swatch-overflow-hint{bottom:13px!important;right:5px!important}}
/*# sourceMappingURL=/cdn/shop/t/323/assets/snippet-card-product.css.map */