.search-form {
    margin: 0;
}

.flex-loupe-container {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(14, 116, 144, 0.15);
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.92);
}

.loupe {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background: url("../img/loupe.svg") center / contain no-repeat;
}

#search-bar {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: var(--ink);
}

#search-bar::placeholder {
    color: #94a3b8;
}