.lookup {
    padding: 48px 0 88px;
}

.lookup__count {
    margin-bottom: 24px;
    font-size: 13.5px;
    text-align: center;
    color: var(--stone);
}

.lookup__count-number {
    font-weight: 600;
    color: var(--ink);
}

.lookup__empty {
    padding: 60px 20px;
    text-align: center;
}

.lookup__empty-title {
    display: block;
    font-family: var(--fd);
    font-weight: 400;
    font-size: 22px;
    color: var(--ink);
}

.lookup__empty-text {
    margin-top: 8px;
    font-size: 15px;
    color: var(--stone);
}

.lookup__reset {
    margin-top: 16px;
}

.lookup__category {
    flex: none;
    padding: 4px 8px;
    border: 1px solid var(--teal-mist);
    border-radius: 999px;
    background: var(--teal-frost);
    font-family: var(--fs);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--teal-deep);
}

.lookup__plus {
    display: grid;
    place-items: center;
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--canvas);
    font-size: 17px;
    line-height: 1;
    color: var(--teal);
    transition: transform .25s, background .2s, color .2s;
}

.lookup__plus--open {
    transform: rotate(45deg);
    background: var(--teal);
    color: #fff;
}

.lookup__mark {
    border-radius: 2px;
    background: var(--teal-mist);
    box-shadow: 0 0 0 2px var(--teal-mist);
    color: var(--teal-deep);
}