.project-search-page{width:100%;max-width:1480px;margin:0 auto;padding:0 68px 80px}.project-search-hero{text-align:center;padding:100px 0 70px}.project-search-hero h1{letter-spacing:-.04em;margin:0;font-size:36px;font-weight:600;line-height:1.3}.project-search-hero>p{color:var(--muted);margin:25px 0 33px;font-size:21px;line-height:1.6}.project-search-field{border:1px solid var(--line-strong);text-align:left;border-radius:40px;align-items:center;gap:20px;width:min(780px,100%);margin:0 auto;padding:13px 22px;display:flex}.project-search-field:focus-within{border-color:var(--muted);box-shadow:0 0 0 3px var(--surface)}.project-search-field>svg{color:var(--ink);flex-shrink:0}.project-search-field input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:7px 0;font-size:17px}.project-search-field input::placeholder{color:var(--faint)}.project-search-field>button{background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.project-search-suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.project-search-suggestions button{font:inherit;color:var(--muted);background:var(--surface);cursor:pointer;border:1px solid #0000;border-radius:25px;padding:8px 19px;font-size:13px}.project-search-suggestions button[aria-pressed=true]{border-color:var(--line-strong);color:var(--ink)}.project-search-sidebar{left:0;top:var(--topbar);width:var(--sidebar);padding:36px 16px 35px;position:fixed;bottom:0;overflow-y:auto}.project-search-nav{gap:2px;margin-bottom:40px;display:grid}.project-search-nav a{color:var(--ink);border-radius:9px;padding:9px 14px;font-size:14px}.project-search-nav a[aria-current=page]{background:var(--surface)}.project-search-filter-heading{justify-content:space-between;align-items:center;margin:0 14px 12px;display:flex}.project-search-filter-heading h2{margin:0;font-size:14px;font-weight:600}.project-search-reset{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;margin-left:0;padding:10px 15px;font-size:13px}.project-search-reset:disabled{opacity:.5;cursor:default}.project-search-filter-options fieldset{border:0;gap:3px;margin:35px 0 0;padding:0;display:grid}.project-search-filter-options legend{margin-bottom:16px;padding:0 14px;font-size:14px;font-weight:600}.project-search-category{min-height:38px;color:var(--muted);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 17px 7px 23px;font-size:13px;display:flex;position:relative}.project-search-category input{opacity:0;width:1px;height:1px;position:absolute;left:10px}.project-search-category svg{visibility:hidden}.project-search-category:has(input:checked){color:var(--ink)}.project-search-category input:checked~svg{visibility:visible}.project-search-category:has(input:focus-visible){outline:2px solid var(--muted);outline-offset:-2px}.project-search-category:hover,.project-search-technology:hover{background:var(--surface)}.project-search-technology{cursor:pointer;min-height:37px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:7px 14px;font-size:13px;display:flex}.project-search-technology input{accent-color:#658876;flex-shrink:0;width:14px;height:14px}.project-search-technology small{color:var(--faint);margin-left:auto;font-size:10px}.project-search-technology:has(input:checked){color:var(--ink)}.project-search-mobile-toggle{display:none}.project-search-collections{margin-bottom:57px;scroll-margin-top:100px}.project-search-collections h2,.project-search-results-heading h2{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:500;line-height:1.4}.project-search-collections>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 45px;margin-top:29px;display:grid}.project-search-collection{text-align:left;min-width:0;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:18px;padding:8px;display:flex}.project-search-collection:hover{background:var(--surface)}.project-search-collection-icon{color:#7569b6;background:var(--lightningcss-light,#ede8fc)var(--lightningcss-dark,#292039);border:1px solid var(--lightningcss-light,#ded5fb)var(--lightningcss-dark,#403250);border-radius:12px;flex-shrink:0;place-items:center;width:55px;height:55px;display:grid}.collection-users .project-search-collection-icon{color:#28a4b5;background:var(--lightningcss-light,#e0f1f4)var(--lightningcss-dark,#182d30);border-color:var(--lightningcss-light,#c1e6eb)var(--lightningcss-dark,#2c4145)}.collection-bag .project-search-collection-icon{color:#5b92c6;background:var(--lightningcss-light,#e8effb)var(--lightningcss-dark,#1e293b);border-color:var(--lightningcss-light,#d4e0f6)var(--lightningcss-dark,#334358)}.collection-panels .project-search-collection-icon{color:#7a9c6d;background:var(--lightningcss-light,#eaf2e4)var(--lightningcss-dark,#243023);border-color:var(--lightningcss-light,#dce9d3)var(--lightningcss-dark,#354833)}.project-search-collection>span:nth-child(2){flex:1;min-width:0}.project-search-collection strong{letter-spacing:-.02em;margin-bottom:5px;font-size:16px;font-weight:600;display:block}.project-search-collection>span:nth-child(2)>span{color:var(--muted);font-size:13px;line-height:1.65;display:block}.project-search-collection-arrow{color:var(--faint);flex-shrink:0}.project-search-results-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:15px;padding-bottom:25px;display:flex}.project-search-results-heading h2{scroll-margin-top:100px}.project-search-results-heading p{color:var(--faint);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.project-search-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;margin:25px 0 0;padding:0;list-style:none;display:grid}.project-search-result{border-radius:12px;align-items:flex-start;gap:17px;height:100%;padding:12px 8px;display:flex}.project-search-result:hover{background:var(--surface)}.project-search-result>svg{color:var(--faint);flex-shrink:0;margin-top:5px}.project-search-result-image{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-shrink:0;width:83px;height:82px;overflow:hidden}.project-search-result-image img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.result-nirog img{object-fit:contain}.project-search-result-copy{flex:1;min-width:0;display:block}.project-search-result-meta{color:var(--faint);font-size:10px;line-height:1.5;display:block}.project-search-result-copy>strong{letter-spacing:-.025em;margin:5px 0 9px;font-size:19px;font-weight:500;line-height:1.4;display:block}.project-search-result-summary{color:var(--muted);font-size:13px;line-height:1.8;display:block}.project-search-result-stack{color:var(--faint);margin-top:12px;font-size:10px;line-height:1.8;display:block}.project-search-active-filters{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.project-search-active-filters button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;display:flex}.project-search-empty{text-align:center;color:var(--muted);padding:70px 20px}.project-search-empty>svg{color:var(--faint)}.project-search-empty h3{color:var(--ink);margin:17px 0 10px;font-size:22px;font-weight:500}.project-search-empty p{margin-bottom:24px;font-size:14px}.project-search-empty button{border:1px solid var(--line);font:inherit;background:var(--surface);color:var(--ink);cursor:pointer;border-radius:25px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:inline-flex}.project-search-loading{color:var(--muted);text-align:center}@media (min-width:821px){.site-shell:has(.project-search-page){--sidebar:270px}.site-shell:has(.project-search-page)>.sidebar{display:none}}@media (max-width:1200px){.project-search-page{padding-inline:40px}.project-search-collections>div{gap:24px}.project-search-result-grid{grid-template-columns:1fr}}@media (max-width:820px){.project-search-page{padding-inline:28px}.project-search-hero{padding:65px 0 38px}.project-search-hero>p{font-size:18px}.project-search-sidebar{border-bottom:1px solid var(--line);width:auto;margin-bottom:25px;padding:0 0 30px;position:static}.project-search-nav{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.project-search-nav a{padding:7px 12px;font-size:12px}.project-search-filter-heading{gap:15px;margin-left:0;margin-right:20px;display:inline-flex}.project-search-mobile-toggle{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:7px;padding:5px 8px;display:flex}.project-search-reset{font-size:11px}.project-search-filter-options{grid-template-columns:1fr 1fr;gap:20px;display:none}.project-search-filter-options.is-open{display:grid}.project-search-filter-options fieldset{align-content:start;margin-top:25px}.project-search-collections{margin-bottom:38px}}@media (max-width:560px){.project-search-page{padding-inline:20px}.project-search-hero{padding-top:48px}.project-search-hero h1{font-size:30px}.project-search-hero>p{margin:18px 0 25px;font-size:15px}.project-search-field{gap:11px;padding:10px 14px}.project-search-field>svg{width:19px}.project-search-field input{font-size:13px}.project-search-field>button{width:28px;height:28px}.project-search-suggestions{gap:7px;margin-top:15px}.project-search-suggestions button{padding:7px 13px;font-size:11px}.project-search-collections>div{grid-template-columns:1fr;gap:16px}.project-search-collection{gap:13px;padding-inline:0}.project-search-collection strong{font-size:15px}.project-search-collection>span:nth-child(2)>span{font-size:12px}.project-search-collection-icon{width:46px;height:46px}.project-search-results-heading h2,.project-search-collections h2{font-size:20px}.project-search-result{gap:12px;padding-inline:0}.project-search-result-image{border-radius:9px;width:59px;height:63px}.project-search-result-copy>strong{font-size:17px}.project-search-result-summary{font-size:12px}.project-search-result-stack{font-size:9px}.project-search-filter-options.is-open{grid-template-columns:1fr}.project-search-empty{padding-inline:0}}
