.is-hidden{display:none !important}.references-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--layout-spacing)/4);padding:1rem;margin-bottom:1rem;user-select:none}.references-toolbar-separator{width:1px;height:1.2em;background-color:var(--draw-color-primary);margin:0 .25rem}.references-toolbar-spacer{flex:1}.references-search-container{display:flex;align-items:center;gap:.5rem;background:var(--background-color-surface);border:1px solid var(--draw-color-primary);border-radius:4px;padding:4px 8px}.references-search-container .icon{width:1rem;height:1rem;opacity:.6}.references-search{border:none;background:0 0;color:var(--text-color-surface);font-size:.875rem;width:150px;outline:none}.references-search::placeholder{color:var(--text-color-surface);opacity:.5}.references-search-clear{display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:2px;cursor:pointer;opacity:.6;transition:opacity 150ms ease}.references-search-clear:hover{opacity:1}.references-search-clear .icon{width:1rem;height:1rem}.references-count{font-size:.75rem;color:var(--text-color-surface);opacity:.7}.references-filter-tag{display:inline-block;padding:4px 10px;font-size:.75rem;color:var(--text-color-surface);background-color:color-mix(in srgb,var(--background-color-surface) 80%,transparent);border:1px solid var(--draw-color-primary);border-radius:4px;cursor:pointer;transition:background-color 150ms ease,color 150ms ease}.references-filter-tag:hover,.references-filter-tag.active{background-color:var(--background-color-surface);border-color:var(--draw-color-primary);color:var(--text-color-primary)}.references-filter-tag.active{font-weight:600}.references-filter-tags{display:flex;flex-wrap:wrap;gap:calc(var(--layout-spacing)/4)}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:1rem}.reference-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem .75rem 1rem;background:var(--background-color-surface);border:1px solid var(--draw-color-surface);border-radius:4px;cursor:pointer;transition:transform 150ms ease,border-color 150ms ease}.reference-card:hover{transform:translateY(-2px);border-color:var(--draw-color-primary)}.reference-card.hidden{display:none}.reference-preview{display:flex;align-items:center;justify-content:center;width:160px;height:80px}.reference-logo{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:filter 250ms ease,opacity 250ms ease}.reference-card:hover .reference-logo{filter:grayscale(0%);opacity:1}:root[data-theme=dark] .reference-logo{filter:grayscale(100%)brightness(2);opacity:.7}.reference-card:hover :root[data-theme=dark] .reference-logo{filter:grayscale(0%)brightness(1.5);opacity:1}.reference-info{display:flex;flex-direction:column;align-items:center;gap:.125rem;margin-top:.75rem}.reference-name{font-size:.75rem;font-weight:600;color:var(--text-color-surface);text-align:center;line-height:1.2}.reference-domain{font-size:.625rem;color:var(--text-color-surface);opacity:.6;text-transform:uppercase}.reference-modal{border:none;max-width:420px;width:calc(100% - 4rem);padding:0;background:0 0}.reference-modal::backdrop{background:rgba(0,0,0,.85)}.reference-modal-content{display:flex;flex-direction:column;background:var(--background-color-surface);border-radius:8px;overflow:hidden}.reference-modal-preview{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--background-color-surface)}.reference-modal-logo{max-width:240px;max-height:120px;object-fit:contain}.reference-modal-details{padding:1.5rem}.reference-modal-name{margin:0 0 .5rem;padding-top:1rem;border-top:1px solid var(--draw-color-primary);font-size:1.25rem;font-weight:600;color:var(--text-color-primary)}.reference-modal-meta{display:flex;gap:.5rem;margin-bottom:1rem}.reference-modal-domain,.reference-modal-weight{display:inline-block;padding:2px 8px;font-size:.625rem;text-transform:uppercase;border-radius:3px;background:var(--background-color-surface);color:var(--text-color-surface);border:1px solid var(--draw-color-surface)}.reference-modal-website{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-color-primary);text-decoration:none;font-size:.875rem;transition:color 150ms ease}.reference-modal-website .icon{width:1rem;height:1rem}.reference-modal-website:hover{color:var(--text-color-secondary)}