.image-finder{width:var(--rs-content);padding-bottom:var(--rs-space-7);margin:0 auto}.image-finder [hidden]{display:none!important}.image-finder__intro{padding-block:clamp(2rem,6vw,4rem) 2rem}.image-finder__back{margin-bottom:2rem;font-size:.9rem;text-decoration:none;display:inline-block}.image-finder__eyebrow{color:var(--toolkit-teal-deep);font:600 .8rem/1.4 var(--rs-font-mono);letter-spacing:.06em;margin:0 0 .9rem}.image-finder h1{font:500 clamp(2.6rem, 6vw, 5.2rem)/.98 var(--rs-font-display);letter-spacing:-.04em;margin:0}.image-finder__lede{max-width:44rem;margin:1.3rem 0 0;font-size:1.15rem}.image-finder__form{background:var(--toolkit-card);border:1px solid var(--toolkit-rule);border-left:.4rem solid var(--toolkit-teal);border-radius:var(--toolkit-radius);padding:clamp(1rem,3vw,1.8rem)}.image-finder__form fieldset{border:0;grid-template-columns:minmax(0,1.6fr) minmax(0,1.3fr) auto;align-items:end;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.image-finder__form label,.image-dialog label{margin-bottom:.45rem;font-size:.9rem;font-weight:600;display:block}.image-finder :is(input,select,textarea){border:1px solid var(--toolkit-rule);background:var(--rs-paper);width:100%;min-width:0;color:var(--rs-ink);font:inherit;border-radius:.2rem;padding:.7rem .8rem}.image-finder :is(input,select){min-height:3.15rem}.image-finder textarea{resize:vertical;font-size:.9rem;line-height:1.5}.image-finder input::placeholder{color:var(--rs-muted,#66716a);opacity:1}.image-finder button{cursor:pointer;font:inherit}.image-finder button:disabled{opacity:.45;cursor:default}.image-finder__primary,.image-finder__secondary{border:1px solid var(--toolkit-teal);border-radius:.2rem;min-height:3.15rem;padding:.65rem 1.15rem;font-weight:600!important}.image-finder__primary{background:var(--toolkit-teal);color:#fff}.image-finder__primary:hover{background:#0d5960}.image-finder__secondary{color:var(--toolkit-teal-deep);border-color:var(--toolkit-rule);background:0 0}.image-finder__secondary:hover:not(:disabled){background:var(--toolkit-card)}.image-finder__privacy{max-width:60rem;margin:1rem 0 0;font-size:.8rem}.image-finder__guidance{border-bottom:1px solid var(--toolkit-rule);padding:1rem 0;font-size:.9rem}.image-finder__guidance summary{cursor:pointer;align-content:center;width:fit-content;min-height:2rem}.image-finder__guidance p{max-width:55rem;margin:.7rem 0}.image-finder__results{min-height:12rem;margin-top:2.5rem}.image-finder__results-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.image-finder__results h2{font:500 clamp(1.55rem, 3vw, 2rem)/1.2 var(--rs-font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.image-finder__results-heading p{margin:0;font-size:.85rem}.image-finder__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.image-card{border:1px solid var(--toolkit-rule);border-radius:var(--toolkit-radius);background:var(--toolkit-card);flex-direction:column;min-width:0;display:flex;overflow:hidden}.image-card__picture{aspect-ratio:4/3;background:color-mix(in srgb, var(--toolkit-sage) 30%, var(--rs-paper));place-items:center;display:grid;overflow:hidden}.image-card__picture img{object-fit:cover;width:100%;height:100%}.image-card__picture span{padding:1rem;font-size:.9rem}.image-card__body{flex-direction:column;flex:1;align-items:flex-start;padding:1.2rem;display:flex}.image-card__license{color:var(--toolkit-teal-deep);font:600 .72rem/1.4 var(--rs-font-mono);margin:0 0 .7rem}.image-card h3{overflow-wrap:anywhere;margin:0 0 .5rem;font-size:1.1rem;line-height:1.3}.image-card__creator{overflow-wrap:anywhere;margin:0 0 1rem;font-size:.85rem;line-height:1.4}.image-card__review{color:var(--toolkit-teal-deep);border:0;border-top:1px solid var(--toolkit-rule);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:2.75rem;margin-top:auto;padding:.8rem 0 0;display:flex}.image-finder__paging{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.image-finder__paging span{white-space:nowrap;font-size:.85rem}.image-finder__error{border-left:.3rem solid var(--toolkit-rust);background:var(--toolkit-card);padding:1rem 1.2rem}.image-finder__error p{margin:0 0 1rem}.image-finder__nojs{border:1px solid var(--toolkit-rule);padding:1rem}.image-finder__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-dialog{background:var(--rs-paper);color:var(--rs-ink);border:1px solid var(--toolkit-rule);border-radius:.3rem;width:min(64rem,100% - 2rem);max-width:none;max-height:calc(100dvh - 2rem);padding:0}.image-dialog::backdrop{background:#08100cbf}.image-dialog__toolbar{z-index:1;background:var(--rs-paper);border-bottom:1px solid var(--toolkit-rule);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.3rem;font-size:.85rem;display:flex;position:sticky;top:0}.image-dialog__toolbar button{color:inherit;border:1px solid var(--toolkit-rule);background:0 0;border-radius:.2rem;min-height:2.75rem;padding:.45rem .8rem}.image-dialog__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.image-dialog__picture{background:color-mix(in srgb, var(--toolkit-sage) 20%, var(--rs-paper));place-items:center;min-height:16rem;display:grid}.image-dialog__picture img{object-fit:contain;width:100%;max-height:36rem}.image-dialog__picture span{padding:1rem}.image-dialog__information{overflow-wrap:anywhere;min-width:0;padding:clamp(1rem,3vw,2rem)}.image-dialog h2{font:500 1.8rem/1.1 var(--rs-font-display);margin:0}.image-dialog__metadata,.image-dialog__notice{font-size:.8rem}.image-dialog__links{flex-wrap:wrap;gap:.7rem 1.2rem;margin:1.2rem 0 1.5rem;font-size:.9rem;display:flex}.image-dialog__information>button{margin-top:.75rem}.image-dialog__copy-status{min-height:1.3rem;margin:.5rem 0;font-size:.8rem}.image-dialog__notice{border-top:1px solid var(--toolkit-rule);padding-top:1rem}@media (width<=64rem){.image-finder__form fieldset{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.image-finder__query{grid-column:1/-1}.image-finder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=42rem){.image-finder__form fieldset,.image-finder__grid,.image-dialog__layout{grid-template-columns:minmax(0,1fr)}.image-finder__intro{padding-top:1.5rem}.image-finder__back{margin-bottom:1.5rem}.image-finder__paging{gap:.5rem}.image-finder__paging button{padding:.5rem .65rem;font-size:.85rem}.image-dialog{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem)}}
