/* Shared by the public design gallery and the workspace template picker. */
.pf-catalog-browser .pf-catalog-search-row{align-items:center;gap:24px;margin:28px 0 24px}
.pf-catalog-browser .pf-catalog-result-heading{min-width:0}
.pf-catalog-browser .pf-catalog-result-heading h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:-.04em;color:#153e2d}
.pf-catalog-browser .pf-catalog-result-heading h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:3px 9px;margin:0;border-radius:20px;background:#edf6ec;color:#008c3c;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:0;white-space:nowrap}
.pf-catalog-browser .pf-catalog-result-heading p{margin:7px 0 0;color:#65796b;font-size:13px;overflow-wrap:anywhere}
.pf-catalog-browser .pf-catalog-search{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;width:420px;max-width:100%;margin:0;flex-shrink:0}
.pf-catalog-browser .pf-catalog-search-control{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:56px;padding:6px 6px 6px 17px;background:#f6f9f4;border:1px solid #edf6ec;border-radius:14px;box-shadow:0 2px 3px #153e2d03;transition:border-color .18s,box-shadow .18s,background .18s;box-sizing:border-box}
.pf-catalog-browser .pf-catalog-search-control:hover{border-color:#d2e2d4;background:#f6f9f4}
.pf-catalog-browser .pf-catalog-search-control:focus-within{background:#fff;border-color:#008c3c;box-shadow:0 0 0 3px #008c3c12}
.pf-catalog-browser .pf-catalog-query{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;cursor:text}
.pf-catalog-browser .pf-catalog-query>.pf-icon{position:static;flex:0 0 19px;width:19px;height:19px;color:#65796b;pointer-events:none}
.pf-catalog-browser .pf-catalog-query input{display:block;flex:1;width:100%;min-width:0;height:42px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:#153e2d;font-family:inherit;font-size:14px;font-weight:450;line-height:1.5;letter-spacing:-.025em;appearance:none;box-sizing:border-box}
.pf-catalog-browser .pf-catalog-query input:focus-visible{outline:none;box-shadow:none}
.pf-catalog-browser .pf-catalog-query input::placeholder{color:#65796b;opacity:1}
.pf-catalog-browser .pf-catalog-search-submit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:70px;height:42px;margin:0;padding:0 19px;border:1px solid #008c3c;border-radius:9px;background:#008c3c;color:#fff;font-family:inherit;font-size:14px;font-weight:650;line-height:1;letter-spacing:-.02em;cursor:pointer;transition:background .18s,border-color .18s;box-sizing:border-box}
.pf-catalog-browser .pf-catalog-search-submit:hover{background:#008c3c;border-color:#008c3c}
.pf-catalog-browser .pf-catalog-search-submit:active{background:#008c3c;border-color:#008c3c}
.pf-catalog-browser .pf-catalog-search-submit:focus-visible,.pf-catalog-browser .pf-search-clear:focus-visible{outline:2px solid #008c3c;outline-offset:3px}
.pf-catalog-browser .pf-search-clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:0 2px;color:#65796b;font-size:13px;font-weight:550;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.pf-catalog-browser .pf-search-clear:hover{color:#008c3c}
@media(max-width:800px){
 .pf-catalog-browser .pf-catalog-search-row{align-items:stretch;gap:16px}
 .pf-catalog-browser .pf-catalog-search{width:100%;gap:10px}
 .pf-catalog-browser .pf-catalog-query input{font-size:16px}
 .pf-catalog-browser .pf-catalog-search-control{padding-left:14px;gap:8px}
 .pf-catalog-browser .pf-catalog-query{gap:8px}
 .pf-catalog-browser .pf-catalog-search-submit{min-width:64px;padding:0 16px}
}
@media(prefers-reduced-motion:reduce){.pf-catalog-browser .pf-catalog-search-control,.pf-catalog-browser .pf-catalog-search-submit{transition:none}}
