.olf *{box-sizing:border-box}.olf [hidden]{display:none!important}.olf__wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,56px) clamp(56px,8vw,112px)}.olf h1,.olf h2,.olf h3{margin:0;line-height:.9;letter-spacing:0;font-weight:800;font-family:var(--typeHeaderPrimary,inherit);text-transform:none;color:inherit}.olf p{font-size:16px;line-height:19px}.olf__top{padding:clamp(28px,4vw,48px) 0 clamp(20px,3vw,28px)}.olf__top h1{font-size:clamp(34px,4.6vw,55px);margin-bottom:16px}.olf .olf__lede{color:var(--olf-muted);max-width:56ch;margin:0}.olf__finder{background:transparent;border:1px solid var(--olf-line);padding:clamp(18px,2.4vw,28px)}.olf__finder h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:20px}.olf__q{display:grid;gap:10px;margin-bottom:16px}.olf__q>span{font-size:16px;line-height:19px;font-weight:700;color:var(--olf-accent)}.olf__chips{display:flex;flex-wrap:wrap;gap:12px 0}.olf-b{--sl:27px;--ring:polygon(evenodd,0 100%,var(--sl) 0,100% 0,calc(100% - var(--sl)) 100%,0 100%,4px calc(100% - 2px) ,calc(100% - var(--sl) - 3px) calc(100% - 2px) , calc(100% - 4px) 2px,calc(var(--sl) + 3px) 2px,4px calc(100% - 2px) );position:relative;display:inline-block;padding:0;margin:0;border:0;border-radius:0;background:none;font:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.olf-b:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--olf-accent);clip-path:var(--ring);opacity:0;transition:opacity .16s ease}.olf-b__face{position:relative;display:block;height:47px;padding:14px 40px;font-size:16px;line-height:19px;font-weight:700;letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--olf-accent-ink);background:var(--olf-accent);clip-path:polygon(var(--sl) 0,100% 0,calc(100% - var(--sl)) 100%,0 100%);transition:transform .16s ease}.olf-b--ghost .olf-b__face{background:var(--olf-bg);color:var(--olf-text)}.olf-b--ghost .olf-b__face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--olf-text);clip-path:var(--ring)}.olf-b--ghost:before{background:var(--olf-text)}.olf__chip[aria-pressed=true]:before{background:var(--olf-accent)}.olf__chip[aria-pressed=true] .olf-b__face{background:var(--olf-accent);color:var(--olf-accent-ink)}.olf__chip[aria-pressed=true] .olf-b__face:before{background:var(--olf-accent)}@media(hover:hover){.olf-b:hover:before{opacity:1}.olf-b:hover .olf-b__face{transform:translate(-4px,-4px)}}.olf-b:active:before{opacity:1}.olf-b:active .olf-b__face{transform:translate(-4px,-4px)}.olf-b:focus-visible{outline:2px solid var(--olf-accent);outline-offset:4px}.olf-b[disabled]{opacity:.6;cursor:default}.olf-stars{display:inline-block;margin-right:6px;font-size:17px;line-height:1;letter-spacing:2px;vertical-align:-2px;background:linear-gradient(90deg,var(--olf-accent) var(--pct,100%),#4a4a4a var(--pct,100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.olf__result{display:none;border-top:1px solid var(--olf-line);padding-top:clamp(22px,3vw,36px);margin-top:10px;gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,1fr);align-items:start}.olf__result.is-on{display:grid;animation:olf-in .28s ease both}@keyframes olf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.olf .olf__eyebrow{color:var(--olf-accent);font-weight:700;margin:0 0 12px}.olf__pick{font-family:var(--typeHeaderPrimary,inherit);font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:.9}.olf .olf__rev{color:var(--olf-muted);font-size:14px;margin:14px 0 0}.olf .olf__why{color:var(--olf-muted);margin:14px 0 0;max-width:52ch}.olf__rcopy .olf__cta{margin-top:26px}.olf__altcard{display:flex;gap:16px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--olf-line);text-decoration:none;color:var(--olf-muted)!important;font-size:16px;line-height:19px;max-width:560px;transition:transform .16s ease}.olf__altcard img{width:64px;height:64px;object-fit:cover;flex:none;display:block}.olf__altcard span span{display:block}.olf__altcard strong{display:block;margin-top:4px;color:var(--olf-accent);font-weight:700}@media(hover:hover){.olf__altcard:hover{transform:translate(-3px,-3px)}}.olf__rmedia{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}.olf__shot{--c:22px;display:block;aspect-ratio:1;overflow:hidden;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c));transition:transform .16s ease}.olf__shot img{width:100%;height:100%;object-fit:cover;display:block}@media(hover:hover){.olf__shot:hover{transform:translate(-3px,-3px)}}.olf p a,.olf details a{color:var(--olf-accent)}.olf__cta{display:flex;gap:12px 0;flex-wrap:wrap;align-items:center}.olf__bar{display:none}.olf__grp{margin-top:clamp(40px,6vw,72px);padding-top:clamp(32px,4.5vw,56px);border-top:1px solid var(--olf-line);scroll-margin-top:72px}.olf__grp h2{font-size:clamp(26px,3vw,38px);margin-bottom:14px}.olf__grp h2 a{color:inherit;text-decoration:none}.olf__grp h2 a:hover{color:var(--olf-accent)}.olf .olf__sub{color:var(--olf-muted);margin:0;max-width:62ch}.olf h3.olf__role{font-family:inherit;font-size:16px;line-height:19px;font-weight:700;color:var(--olf-accent);margin:32px 0 0}.olf__grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:16px}.olf-card{--c:18px;position:relative;isolation:isolate;display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center;padding:16px;background:transparent;text-decoration:none;color:inherit!important;transition:opacity .2s,transform .16s ease,filter .16s ease}.olf-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--olf-line);clip-path:polygon(evenodd,var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c),var(--c) 0,calc(var(--c) + .4px) 1px,calc(100% - 1px) 1px,calc(100% - 1px) calc(100% - var(--c) - .4px),calc(100% - var(--c) - .4px) calc(100% - 1px),1px calc(100% - 1px),1px calc(var(--c) + .4px),calc(var(--c) + .4px) 1px)}@media(hover:hover){.olf-card:hover{transform:translate(-3px,-3px);filter:drop-shadow(4px 6px 14px rgba(0,0,0,.7))}}.olf-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.olf .olf-card__where{font-weight:700;color:var(--olf-accent);margin:0 0 8px}.olf h3.olf-card__name{font-size:clamp(22px,2.4vw,28px);margin-bottom:10px}.olf .olf-card__if{color:var(--olf-muted);margin:0 0 14px;max-width:56ch}.olf .olf-card__price{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-weight:700;margin:0}.olf-card__rev{font-weight:400;color:var(--olf-muted);font-size:14px}.olf-card__rev b{color:var(--olf-accent);font-weight:400}.olf--picked .olf-card{opacity:.3}.olf--picked .olf-card.is-match,.olf--picked .olf-card.is-alt{opacity:1}.olf--picked .olf-card.is-match:before{background:var(--olf-accent)}.olf__vs{margin-top:16px;border:1px solid var(--olf-line);overflow-x:auto}.olf__vs table{width:100%;min-width:420px;border-collapse:collapse;font-size:16px;line-height:19px;margin:0;background:transparent}.olf__vs th,.olf__vs td{text-align:left;padding:14px 18px;border:0;border-bottom:1px solid var(--olf-line);background:transparent;color:inherit}.olf__vs th{font-family:var(--typeHeaderPrimary,inherit);font-weight:800;font-size:20px;line-height:.9}.olf__vs tr:last-child td,.olf__vs tr:last-child th{border-bottom:0}.olf__vs td:first-child{color:var(--olf-muted);width:30%}.olf__explain{display:grid;gap:clamp(24px,4vw,64px);align-items:center;margin-top:24px}.olf__explain p{color:var(--olf-muted);max-width:62ch;margin:0 0 1em}.olf__explain strong{color:var(--olf-text)}.olf__explain svg,.olf__explain img{width:100%;height:auto;border:1px solid var(--olf-line)}.olf__faq{margin-top:20px;border-top:1px solid var(--olf-line)}.olf details{border-bottom:1px solid var(--olf-line);padding:18px 0}.olf summary{font-family:var(--typeHeaderPrimary,inherit);font-weight:800;font-size:clamp(18px,1.8vw,22px);line-height:1.05;cursor:pointer;transition:color .16s ease}.olf details[open]>summary{color:var(--olf-accent)}.olf details p{color:var(--olf-muted);max-width:62ch;margin:12px 0 0}@media(min-width:700px){.olf__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.olf-card{grid-template-columns:200px 1fr;gap:24px;padding:20px}.olf-card--big{grid-template-columns:1fr;align-items:start}.olf-card--big img{aspect-ratio:16/9}.olf__q{grid-template-columns:180px 1fr;align-items:center}.olf__result{grid-template-columns:minmax(0,1fr) minmax(260px,36%)}}@media(min-width:900px){.olf__explain{grid-template-columns:1fr 1fr}}@media(max-width:699px){.olf__rmedia{order:-1}.olf__rmedia[data-n="1"] .olf__shot{aspect-ratio:16/10}.olf-b{--sl:24px}.olf-b__face{height:42px;padding:12px 27px;font-size:14px;line-height:18px}.olf__chips .olf-b,.olf__cta .olf-b{margin-right:-10px}.olf__chips{gap:10px 0}.olf__rcopy .olf__cta{margin-top:22px;gap:12px 0}}@media(prefers-reduced-motion:reduce){.olf-card,.olf-b__face,.olf-b:before,.olf__shot,.olf__altcard{transition:none}.olf__result.is-on{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/light-finder.css.map */