.plugins-directory{.plugins-directory-search{position:relative;margin-top:var(--spacer-xl);margin-bottom:var(--spacer-sm);.search-icon{left:var(--spacer-xs);font-size:var(--text-16)}.plugins-directory-count,.search-icon{display:flex;align-items:center;height:100%;position:absolute;top:0;color:var(--text-muted)}.plugins-directory-count{right:var(--spacer-md);font-size:var(--text-12);white-space:nowrap;pointer-events:none}input{border:1px solid var(--input-border);color:var(--fg);width:100%;padding:var(--spacer-md) calc(6em + var(--spacer-md)) var(--spacer-md) calc(2rem + var(--spacer-md));background:var(--bg-surface);&::placeholder{color:var(--text-muted)}&:hover{border-color:var(--input-border-hover)}&:focus{outline:none;border-color:var(--primary)}}}.plugins-directory-tags{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer);margin-bottom:var(--spacer-xl);button{background-color:var(--bg-500);color:var(--fg);border:none;padding:var(--spacer-sm) var(--spacer-md);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition);&:hover{background-color:var(--primary-hover)}&.active,&:hover{color:var(--primary-contrast)}&.active{background-color:var(--primary)}&.official{display:inline-flex;align-items:center;gap:var(--spacer);.plugin-card-verified{display:inline-flex;color:var(--primary)}&.active .plugin-card-verified,&:hover .plugin-card-verified{color:currentColor}}}}.plugins-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--spacer-lg);gap:var(--spacer-lg)}.plugins-directory-empty{color:var(--text-muted)}}.plugin-card{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);transition:border var(--transition);&:hover{border-color:var(--primary);.plugin-card-link{text-decoration:underline}.copy-button{opacity:1}}.plugin-card-preinstalled{position:absolute;top:var(--spacer-sm);right:var(--spacer-sm);z-index:1;padding:2px var(--spacer-sm);border-radius:var(--border-radius);font-size:var(--text-12);font-weight:600;line-height:1.5;white-space:nowrap;color:var(--primary-contrast);background:var(--primary)}.plugin-card-media{aspect-ratio:16/9;border-bottom:1px solid var(--border);img{width:100%;height:100%;object-fit:cover}.plugin-card-media-placeholder{height:100%;background:linear-gradient(135deg,var(--bg-surface),var(--secondary-100))}}.plugin-card-body{display:flex;flex-direction:column;flex:1 1;padding:var(--spacer-md);h2{font-size:var(--h4-size);margin-bottom:var(--spacer)}.plugin-card-link{color:var(--fg);text-decoration:none;&:after{content:"";position:absolute;inset:0}}.plugin-card-author{display:flex;align-items:center;gap:var(--spacer);font-size:var(--text-14);color:var(--text-muted);margin-bottom:var(--spacer-sm)}.plugin-card-verified{display:inline-flex;color:var(--primary)}.plugin-card-description{color:var(--text-muted);margin-bottom:var(--spacer-md)}.plugin-card-requires{font-size:var(--text-12);color:var(--text-muted);margin-bottom:var(--spacer-sm)}.plugin-card-bottom{margin-top:auto}.plugin-card-links{display:flex;align-items:center;gap:var(--spacer-md);font-size:var(--text-14);margin-bottom:var(--spacer-sm);.plugin-card-copy{display:inline-flex;margin-left:calc(-1 * var(--spacer-sm));.copy-button{position:relative;top:0;right:0;z-index:1;font-size:var(--text-14);border:none;background:none;&:focus-visible{opacity:1}}}}.plugin-card-meta{display:flex;align-items:center;gap:var(--spacer-sm);margin:0 calc(-1 * var(--spacer-md)) calc(-1 * var(--spacer-md));padding:var(--spacer-sm) var(--spacer-md);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-12);span{white-space:nowrap}}.plugin-card-author a,.plugin-card-links a{position:relative;z-index:1}}}