.faq-search {
    position: relative;
    margin-bottom: 2rem;

    .faq-search-input {
        width: 100%;
        min-height: 3.5rem;
        padding: 0 1.3rem;
        border: 0;
        border-radius: var(--border-radius-m);
        background: var(--col-bw-100);
        color: var(--color-ink);
        font: inherit;

        &::placeholder {
            color: var(--color-muted);
        }
    }

    .faq-empty {
        padding: 2rem;
        border-radius: 1.75rem;
        background: linear-gradient(180deg, #fff 0%, var(--col-bw-000) 100%);
        box-shadow: 0 20px 60px rgb(18 32 51 / .08);

        p {
            margin: 0;
        }

        p + p {
            margin-top: .5rem;
            color: var(--color-muted);
        }
    }
}