.thread-search {
    --thread-result-surface:#fff;
    --thread-result-border:#dce4eb;
    --thread-result-text:#334155;
    --thread-result-author:#254e67;
    --thread-result-muted:#64748b;
    --thread-result-hover:#f2f8fc;
    --thread-result-hover-border:#8eb8d2;
    --thread-result-focus:#2778ae;
    --thread-result-active:#e4f0f8;
    --thread-result-shadow:rgba(31,65,89,0.09);
    max-width:690px;
    margin-bottom:18px;
}
.thread-search[data-theme="dark"] {
    --thread-result-surface:#1a2738;
    --thread-result-border:#36475f;
    --thread-result-text:#d8e0eb;
    --thread-result-author:#a8d4ee;
    --thread-result-muted:#a4b4c9;
    --thread-result-hover:#223449;
    --thread-result-hover-border:#628bac;
    --thread-result-focus:#67baff;
    --thread-result-active:#2b4059;
    --thread-result-shadow:rgba(0,0,0,0.2);
}
.thread-search-input-wrap {
    position:relative;
}
.thread-search-input-wrap .thread-search-field {
    width:100%;
    box-sizing:border-box;
    padding:12px 42px 12px 40px !important;
    background-repeat:no-repeat;
    background-size:24px 24px;
    background-position:8px center;
    background-image:url('/images/slowcache/magnifyingglasslightgray.gif');
}
.thread-search-clear-button {
    display:none;
    position:absolute;
    right:9px;
    top:50%;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border:0;
    border-radius:50%;
    background:#d7d7d7;
    color:#444;
    cursor:pointer;
    font-size:19px;
    font-weight:bold;
    line-height:22px;
    padding:0;
    text-align:center;
}
.thread-search-clear-button:hover,
.thread-search-clear-button:focus {
    background:#bfbfbf;
    color:#222;
}
.thread-search-clear-button:focus-visible {
    outline:2px solid #37728f;
    outline-offset:2px;
}
#thread-search-status {
    font-size:16px;
    font-weight:700;
    color:var(--thread-result-author);
    margin:22px 0 12px;
    line-height:1.4;
}
#thread-search-status:empty {
    display:none;
}
#thread-search-results {
    display:grid;
    gap:10px;
}
#thread-search-results .thread-search-result,
#thread-search-results .thread-search-result:link,
#thread-search-results .thread-search-result:visited {
    display:grid;
    grid-template-columns:minmax(0,1fr) 12px;
    align-items:center;
    gap:16px;
    box-sizing:border-box;
    width:100%;
    padding:16px 18px;
    border:1px solid var(--thread-result-border);
    border-radius:10px;
    background:var(--thread-result-surface);
    color:var(--thread-result-text);
    text-decoration:none;
    text-align:left;
    overflow-wrap:anywhere;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    box-shadow:0 1px 2px var(--thread-result-shadow);
    transition:background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
#thread-search-results .thread-search-result:hover {
    background:var(--thread-result-hover);
    border-color:var(--thread-result-hover-border);
    box-shadow:0 3px 12px var(--thread-result-shadow);
}
#thread-search-results .thread-search-result:focus {
    background:var(--thread-result-hover);
    border-color:var(--thread-result-focus);
    outline:3px solid var(--thread-result-focus);
    outline-offset:2px;
}
#thread-search-results .thread-search-result:active {
    background:var(--thread-result-active);
    border-color:var(--thread-result-focus);
    box-shadow:inset 0 1px 3px var(--thread-result-shadow);
}
#thread-search-results .thread-search-result-content {
    display:grid;
    gap:7px;
    min-width:0;
}
#thread-search-results .thread-search-result-header {
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:space-between;
    gap:4px 16px;
    font-size:14px;
    line-height:1.4;
}
#thread-search-results .thread-search-result-author {
    min-width:0;
    color:var(--thread-result-author);
}
#thread-search-results .thread-search-result-author strong {
    font-size:inherit;
    font-weight:700;
    color:inherit;
}
#thread-search-results .thread-search-result-says,
#thread-search-results .thread-search-result time {
    color:var(--thread-result-muted);
    font-size:13px;
    font-weight:400;
}
#thread-search-results .thread-search-result time {
    white-space:nowrap;
}
#thread-search-results .thread-search-result-text {
    color:var(--thread-result-text);
    font-size:16px;
    font-weight:400;
    line-height:1.55;
}
#thread-search-results .thread-search-highlight {
    background:#fff8cf;
    color:#334155;
    border-radius:2px;
    padding:0;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
}
#thread-search-results .thread-search-result-arrow {
    display:block;
    width:7px;
    height:7px;
    border-top:2px solid var(--thread-result-muted);
    border-right:2px solid var(--thread-result-muted);
    transform:rotate(45deg);
}
#thread-search-results .thread-search-result:hover .thread-search-result-arrow,
#thread-search-results .thread-search-result:focus .thread-search-result-arrow {
    border-color:var(--thread-result-focus);
}
#thread-search-results .thread-search-empty {
    margin:0;
    padding:20px 18px;
    color:var(--thread-result-muted);
    background:var(--thread-result-surface);
    border:1px dashed var(--thread-result-border);
    border-radius:10px;
    font-size:15px;
}
@media (max-width:480px) {
    #thread-search-results .thread-search-result {
        padding:14px;
        gap:12px;
    }
}
@media (prefers-reduced-motion:reduce) {
    #thread-search-results .thread-search-result {
        transition:none;
    }
}
#thread-search-results[hidden],
#thread-default-replies[hidden] {
    display:none !important;
}