.olf--tiles .olf__top{padding:clamp(20px,3vw,36px) 0 clamp(14px,2vw,20px)}.olf--tiles .olf__top h1{font-size:clamp(28px,3.4vw,44px);margin-bottom:12px}.olf--tiles .olf__q{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:0}.olf--tiles .olf__q+.olf__q{margin-top:20px}.olf--tiles .olf__q>span{color:var(--olf-text);font-family:var(--typeHeaderPrimary,inherit);font-size:clamp(20px,2vw,24px);line-height:1;font-weight:800}.olf__step{display:block;margin-bottom:8px;font-family:var(--typeBasePrimary,inherit);font-size:14px;line-height:17px;font-weight:400;color:var(--olf-muted)}.olf--tiles h3.olf__role{color:var(--olf-text)}.olf__tiles{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}@media(min-width:520px){.olf__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.olf-tile{--c:16px;position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:100px;width:100%;margin:0;padding:16px 18px;border:0;border-radius:0;background:#0d0d0d;color:var(--olf-text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;outline:0;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;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,opacity .2s ease}.olf-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;display:block}.olf-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#000000e0,#00000059 60%,#0003)}.olf-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#3a3a3a;transition:background .16s ease;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) + .8px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) calc(100% - var(--c) - .8px),calc(100% - var(--c) - .8px) calc(100% - 2px),2px calc(100% - 2px),2px calc(var(--c) + .8px),calc(var(--c) + .8px) 2px)}.olf-tile__label{position:relative;z-index:2;font-family:var(--typeHeaderPrimary,inherit);font-size:clamp(18px,1.8vw,22px);line-height:1;font-weight:800}@media(hover:hover){.olf-tile:hover{transform:translate(-3px,-3px)}.olf-tile:hover:after{background:var(--olf-text)}}.olf-tile:active{transform:translate(-3px,-3px)}.olf-tile:focus-visible:after{background:var(--olf-accent)}.olf-tile[aria-pressed=true]:after{background:var(--olf-accent)}.olf__tiles:has([aria-pressed=true]) .olf-tile[aria-pressed=false]{opacity:.5}@media(min-width:900px){.olf-tile{min-height:120px}}.olf .olf__hint{color:var(--olf-muted);margin:16px 0 0;font-size:15px;line-height:19px}.olf__result--out{border:1px solid var(--olf-line);padding:clamp(18px,2.4vw,28px);margin-top:16px}.olf__anchor{display:block;height:0;scroll-margin-top:72px}.olf__anchor+.olf__grp{margin-top:clamp(24px,3vw,36px);padding-top:clamp(22px,2.8vw,34px)}@media(min-width:900px){.olf__head--split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px);align-items:center;padding-top:clamp(24px,3vw,40px)}.olf__head--split .olf__top{padding:0}.olf__head--split .olf__top h1{font-size:clamp(34px,3.6vw,48px)}}@media(prefers-reduced-motion:reduce){.olf-tile,.olf-tile:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/light-finder-tiles.css.map */