@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.uyp{--ink:#1A1A1A;--muted:#5A5A5A;--line:#E3E3E0;--panel:#F4F4F2;--blue:#00A2E1;--blue-txt:#00739F;--sel:#EAF7FD;--tag:#00587A;max-width:1440px;margin:0 auto;padding:0 0 64px;color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.uyp *,.uyp *:before,.uyp *:after{box-sizing:border-box}.uyp,.uyp *{font-family:Montserrat,Helvetica Neue,Arial,sans-serif!important;font-style:normal!important;text-transform:none;letter-spacing:normal}.uyp h1,.uyp h2{color:var(--ink);margin:0;line-height:1.1}.uyp a{color:var(--blue-txt)}.uyp button{font:inherit;cursor:pointer}.uyp a:focus-visible,.uyp button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.uyp svg{max-width:none}.uyp [hidden]{display:none!important}.uyp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:999px;background:var(--blue);color:#fff!important;text-decoration:none;font-size:16px;font-weight:600;border:0;transition:transform .12s,background-color .2s}.uyp-btn:active{transform:scale(.98)}.uyp-btn--ghost{background:transparent;color:var(--ink)!important;border:1.5px solid var(--ink)}.uyp-btn--ink{background:var(--ink);min-height:48px;padding:0 24px;font-size:15px}.uyp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:56px 0 48px}.uyp-hero__copy{display:flex;flex-direction:column;gap:20px}.uyp-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em!important;color:var(--blue-txt)}.uyp-hero h1{font-size:52px;font-weight:700;letter-spacing:-.03em!important;line-height:1.05}.uyp-lede{margin:0;font-size:17px;line-height:1.6;color:#3d3d3d;max-width:520px}.uyp-from{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 24px;font-size:14px;color:var(--muted)}.uyp-from__item{display:inline-flex;align-items:baseline;gap:8px}.uyp-from strong{font-size:28px;font-weight:700;color:var(--ink)}.uyp-ctas{display:flex;gap:12px;flex-wrap:wrap}.uyp-checks{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:#3d3d3d}.uyp-checks li{display:flex;align-items:center;gap:8px}.uyp-checks li:before{content:"";width:12px;height:7px;border-left:2.4px solid var(--blue-txt);border-bottom:2.4px solid var(--blue-txt);transform:rotate(-45deg) translateY(-2px)}.uyp-hero__art{position:relative;border:1px solid var(--line);border-radius:4px;padding:64px 20px 72px}.uyp-art{position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:660 / 214}.uyp-art>svg{position:absolute;left:0;top:0;width:100%!important;height:100%!important;display:block;overflow:visible}.uyp-art__tl{position:absolute;left:16px;top:14px;font-size:11px;font-weight:600;letter-spacing:.1em!important;color:var(--muted)}.uyp-art__bl,.uyp-art__br{position:absolute;bottom:20px;font-size:13px;font-weight:600}.uyp-art__bl{left:24px}.uyp-art__br{right:24px}@keyframes uypTint{0%,to{fill-opacity:.25}45%,70%{fill-opacity:.9}}.uyp-tintlens{animation:uypTint 6s ease-in-out infinite}@keyframes uypSweep{0%{transform:translate(0) skew(-18deg)}55%,to{transform:translate(1150px) skew(-18deg)}}.uyp-shine{animation:uypSweep 4.6s ease-in-out infinite}.uyp-band{background:var(--panel);border-radius:4px;padding:48px 32px}.uyp-band__head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:24px}.uyp-band h2,.uyp-services h2,.uyp-lenses h2,.uyp-fit h2,.uyp-faq h2{font-size:32px;font-weight:700;letter-spacing:-.02em!important}.uyp-band__head p{margin:0;font-size:14px;color:var(--muted)}.uyp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.uyp-steps li{position:relative;background:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}.uyp-steps strong{font-size:16px;font-weight:600;color:var(--ink)}.uyp-steps__top{display:flex;justify-content:space-between;align-items:center}.uyp-steps__top em{font-size:12px;font-weight:600;color:var(--blue-txt)}.uyp-n{width:32px;height:32px;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.uyp-ship{position:relative;height:22px;margin-top:4px;background:linear-gradient(90deg,#BDBDB8 50%,transparent 0) left center / 10px 2px repeat-x}.uyp-ship__box{position:absolute;top:1px;left:0;width:22px;height:20px;border-radius:3px;background:#c8a577;animation:uypShip 4s ease-in-out infinite alternate}.uyp-ship__box:after{content:"";position:absolute;left:9px;top:0;width:4px;height:100%;background:#e9d9bd}@keyframes uypShip{0%,10%{left:0}90%,to{left:calc(100% - 22px)}}.uyp-services{padding:56px 0 8px}.uyp-services__head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:18px}.uyp-services__head p{margin:8px 0 0;color:var(--muted)}.uyp-filters{display:flex;gap:8px;flex-wrap:wrap}.uyp-filter{min-height:44px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:600;background:#fff;color:var(--ink);border:1.5px solid var(--line);transition:background-color .2s,color .2s,border-color .2s}.uyp-filter[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.uyp-count{margin:0 0 14px;font-size:13px;color:var(--muted)}.uyp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.uyp-card{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:var(--ink)!important;transition:border-color .2s,transform .2s,box-shadow .2s}.uyp-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.uyp-card__art{position:relative;display:block;background:var(--panel);aspect-ratio:16 / 10}.uyp-card__art svg,.uyp-card__art img{position:absolute;left:18%;top:22%;width:64%!important;height:56%!important;object-fit:contain;display:block}.uyp-card__art img{left:0;top:0;width:100%!important;height:100%!important;object-fit:cover}.uyp-cl{fill:#ddeff6;fill-opacity:.55;transition:fill-opacity .4s}.uyp-card__art--sun .uyp-cl{fill:#3b4146;fill-opacity:.9}.uyp-cf{fill:none;stroke:#1a1a1a;stroke-width:18}.uyp-card__art--smart .uyp-cf{stroke-width:26}.uyp-card__art--oakley .uyp-cf{stroke-width:20}.uyp-card:hover .uyp-card__art--sun .uyp-cl{fill-opacity:.7}.uyp-card__tag{position:absolute;z-index:1;top:14px;left:14px;background:#fff;font-size:10px;font-weight:700;letter-spacing:.1em!important;text-transform:uppercase!important;padding:6px 10px;border-radius:999px}.uyp-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex-grow:1}.uyp-card__name{font-size:18px;font-weight:600;line-height:1.3}.uyp-card__desc{font-size:14px;line-height:1.55;color:var(--muted);flex-grow:1}.uyp-dots{display:flex;gap:6px}.uyp-dots span{width:16px;height:16px;border-radius:999px;box-shadow:inset 0 0 0 1px #0000001f}.uyp-card__foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line);font-size:14px}.uyp-card__foot strong{font-size:18px;font-weight:700}.uyp-muted{color:var(--muted)}.uyp-card__go{font-weight:600;color:var(--blue-txt);transition:transform .2s}.uyp-card:hover .uyp-card__go{transform:translate(3px)}.uyp-empty{grid-column:1 / -1;padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px}.uyp-lenses{padding:48px 0 8px}.uyp-lenses>p{margin:8px 0 22px;color:var(--muted)}.uyp-lensgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.uyp-lens{border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.uyp-lens strong{font-size:15px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}.uyp-lens em{margin-top:auto;font-weight:600;color:var(--ink)}.uyp-new{font-size:10px;font-weight:700;letter-spacing:.08em!important;padding:3px 8px;border-radius:999px;background:var(--sel);color:var(--tag)}.uyp-lens__ic{width:40px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--ink)}.uyp-lens__ic--clear{background:#ddeff6}.uyp-lens__ic--screen{background:#efe3b4}.uyp-lens__ic--adapt{background:#ddeff6;animation:uypAdapt 5s ease-in-out infinite}@keyframes uypAdapt{0%,15%,to{background:#ddeff6}50%,75%{background:#5e656b}}.uyp-lens__trio{display:flex;gap:4px}.uyp-lens__trio span{width:28px;height:28px;border-radius:999px}.uyp-chart{margin-top:40px;border-radius:14px;background:var(--panel);padding:32px;display:flex;flex-direction:column;gap:18px}.uyp-chart__head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.uyp-chart h2{font-size:26px;font-weight:700;letter-spacing:-.02em!important}.uyp-chart__head p{margin:6px 0 0;font-size:14px;color:var(--muted)}.uyp-chart__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.uyp-chart__k{width:90px;font-size:11px;font-weight:700;letter-spacing:.12em!important;color:#3d3d3d}.uyp-chart__sw{display:flex;gap:8px;flex-wrap:wrap}.uyp-sw{width:36px;height:36px;border-radius:999px;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .15s}.uyp-sw:hover{transform:scale(1.12)}.uyp-fit{margin-top:48px;background:var(--ink);color:#fff;border-radius:4px;padding:48px 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.uyp-fit h2{color:#fff}.uyp-fit p{color:#d8d8d8;line-height:1.6;margin:14px 0 0}.uyp-fit a{color:#7fd3f2}.uyp-fit ul{list-style:none;margin:0;padding:0}.uyp-fit li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #3A3A3A}.uyp-fit li:last-child{border-bottom:0}.uyp-fit b{color:#7fd3f2;font-weight:600}.uyp-fit .uyp-fit__q{color:#d8d8d8}.uyp-faq{max-width:920px;margin:0 auto;padding:56px 0 0}.uyp-faq h2{margin-bottom:16px}.uyp-faq details{border-top:1px solid var(--line);padding:18px 0}.uyp-faq details:last-of-type{border-bottom:1px solid var(--line)}.uyp-faq summary{display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:16px;cursor:pointer;list-style:none}.uyp-faq summary::-webkit-details-marker{display:none}.uyp-faq summary span{transition:transform .2s}.uyp-faq details[open] summary span{transform:rotate(45deg)}.uyp-faq__a{margin-top:12px;color:#3d3d3d;line-height:1.6}.uyp-faq__a p{margin:0 0 8px}.uyp-talk{position:fixed;right:20px;bottom:20px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.uyp-talk__btn{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border-radius:999px;border:0;background:var(--blue);color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 20px #0000002e}.uyp-talk__card{width:260px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #0000001f;padding:16px;display:flex;flex-direction:column;gap:10px}.uyp-talk__card span{font-size:13px;color:var(--muted)}.uyp-talk__card a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600}.uyp-talk__call{background:var(--ink);color:#fff!important}.uyp-talk__text{border:1.5px solid var(--ink);color:var(--ink)!important}@media(prefers-reduced-motion:reduce){.uyp-tintlens,.uyp-shine,.uyp-ship__box,.uyp-lens__ic--adapt{animation:none!important}.uyp-shine{opacity:0}}@media(max-width:990px){.uyp{padding-left:16px;padding-right:16px;overflow-x:hidden}.uyp-hero,.uyp-fit{grid-template-columns:minmax(0,1fr);gap:32px}.uyp-hero{padding-top:32px}.uyp-hero h1{font-size:38px}.uyp-steps,.uyp-lensgrid,.uyp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.uyp{font-size:14px}.uyp-hero{gap:24px;padding:24px 0 32px}.uyp-hero__copy{gap:16px}.uyp-eyebrow{font-size:11px;letter-spacing:.1em!important}.uyp-hero h1{font-size:30px}.uyp-lede{font-size:15px}.uyp-from{flex-direction:column;gap:4px}.uyp-from strong{font-size:22px}.uyp-ctas{flex-direction:column}.uyp-ctas .uyp-btn{width:100%;min-height:50px;font-size:15px}.uyp-checks{gap:8px 16px;font-size:12px}.uyp-art__tl{font-size:10px}.uyp-services__head{align-items:flex-start}.uyp-filters{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}.uyp-filter{flex-shrink:0}.uyp-chart__k{width:100%}.uyp-fit li{font-size:14px}.uyp-steps,.uyp-lensgrid,.uyp-grid{grid-template-columns:minmax(0,1fr)}.uyp-band,.uyp-chart,.uyp-fit{padding:32px 20px}.uyp-band h2,.uyp-services h2,.uyp-lenses h2,.uyp-fit h2,.uyp-faq h2{font-size:26px}.uyp-hero__art{padding:56px 8px 60px}.uyp-art__bl,.uyp-art__br{font-size:12px;bottom:16px}.uyp-talk{right:12px;bottom:12px}.uyp-talk__btn{width:52px;padding:0;justify-content:center}.uyp-talk__btn span{display:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/sbl-uyos-plp.css.map */