#shade-suggestions{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);margin:0;padding:var(--s1) 0;list-style:none;background:var(--sheet);border:1px solid var(--rule);max-height:min(60vh,420px);overflow-y:auto}#shade-suggestions li{display:grid;grid-template-columns:28px 1fr;gap:var(--s3);align-items:center;padding:var(--s2) var(--s4);cursor:pointer}#shade-suggestions li[aria-selected=true],#shade-suggestions li:hover{background:var(--paper)}#shade-suggestions .chip{width:28px;height:28px}#shade-suggestions .what{display:block;font-size:13px;color:var(--ink-2)}#shade-suggestions .more{display:block;padding:var(--s2) var(--s4);font-size:13px;color:var(--ink-2);cursor:default}.band{font-weight:600;font-size:15px}.band.good{color:var(--good)}.band.maybe{color:var(--maybe)}.band.no{color:var(--no)}.results{padding-top:var(--s5)}.results .you{display:grid;grid-template-columns:96px 1fr;gap:var(--s5);align-items:start;padding:var(--s5) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);max-width:760px}.results .you .chip{width:96px;height:96px}.results .you h2{margin:var(--s1) 0 var(--s2)}.results .you p{margin:0 0 var(--s1)}.results .note{margin:var(--s4) 0 0;padding:var(--s3) var(--s4);border-left:3px solid var(--maybe);background:var(--sheet);max-width:760px}.results .tools{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:end;margin:var(--s5) 0 var(--s3);max-width:760px}.results .tools label{display:block;font-size:14px;color:var(--ink-2);margin-bottom:var(--s1)}.results .tools select,.results .tools input[type=search]{height:40px;padding:0 var(--s3);font:15px var(--sans);color:var(--ink);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.results .count{margin:var(--s3) 0 var(--s2)}.results ol{list-style:none;margin:0;padding:0;max-width:760px}.results li.row{display:grid;grid-template-columns:auto 1fr;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--rule);animation:rise .16s ease-out both}.results .pair{display:flex}.results .pair .chip{width:44px;height:44px}@media(min-width:720px){.results .pair .chip{width:56px;height:56px}}.results .row p{margin:0}.results .row .shade{font-weight:600}.results .row .reading{color:var(--ink-2);margin-top:var(--s1)}.results .row details{margin-top:var(--s2);font-size:15px}.results .row summary{cursor:pointer;color:var(--accent)}.results .range{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s2)}.results .range figure{margin:0;display:grid;grid-template-columns:24px auto;gap:var(--s2);align-items:center;font-size:14px}.results .range .chip{width:24px;height:24px}.results .unlikely{margin-top:var(--s6);max-width:760px}.results .unlikely summary{cursor:pointer;font-family:var(--serif);font-size:21px}.results .empty{padding:var(--s5) 0}.chip{display:block;flex:none}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.finder[data-astro-cid-j7pv25f6]{padding-top:var(--s7);padding-bottom:var(--s5)}.intro[data-astro-cid-j7pv25f6]{font-size:19px;color:var(--ink-2);margin:var(--s4) 0 var(--s6);max-width:56ch}.photo-card[data-astro-cid-j7pv25f6]{max-width:760px;padding:var(--s5);background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius)}.photo-card[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6],.photo-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0 0 var(--s3)}.photo-card[data-astro-cid-j7pv25f6] .file[data-astro-cid-j7pv25f6]{margin:var(--s2) 0 var(--s3)}.btn-big[data-astro-cid-j7pv25f6]{font-size:18px;padding:18px 28px}.photo-card[data-astro-cid-j7pv25f6] .tips[data-astro-cid-j7pv25f6]{margin:var(--s3) 0 0}.or[data-astro-cid-j7pv25f6]{margin:var(--s7) 0 var(--s2)}.search[data-astro-cid-j7pv25f6]{max-width:760px;margin-top:var(--s4)}.search[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6]{display:block;font-weight:600;margin-bottom:var(--s2)}.combo[data-astro-cid-j7pv25f6]{position:relative}#shade-search[data-astro-cid-j7pv25f6]{width:100%;height:56px;padding:0 var(--s4);font:18px var(--sans);color:var(--ink);background:var(--sheet);border:1px solid var(--ink-2);border-radius:var(--radius)}#shade-search[data-astro-cid-j7pv25f6]::placeholder{color:var(--ink-2)}.hint[data-astro-cid-j7pv25f6]{min-height:1.5em;margin:var(--s2) 0 0}.nomatch[data-astro-cid-j7pv25f6]{margin:var(--s4) 0 0}.noscript[data-astro-cid-j7pv25f6]{padding:var(--s4);border:1px solid var(--rule);background:var(--sheet)}.key[data-astro-cid-j7pv25f6]{padding-top:var(--s7)}.key[data-astro-cid-j7pv25f6] dl[data-astro-cid-j7pv25f6]{margin:var(--s4) 0;display:grid;gap:var(--s3);max-width:760px}.key[data-astro-cid-j7pv25f6] dl[data-astro-cid-j7pv25f6] div[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:9.5em 1fr;gap:var(--s4);align-items:baseline}.key[data-astro-cid-j7pv25f6] dd[data-astro-cid-j7pv25f6]{margin:0}.about-finder[data-astro-cid-j7pv25f6]{padding-top:var(--s7)}.faq[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-family:var(--sans);font-size:18px;margin:var(--s5) 0 var(--s2)}.faq[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin:0}@media(max-width:520px){.key[data-astro-cid-j7pv25f6] dl[data-astro-cid-j7pv25f6] div[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:var(--s1)}}