.koa-lookup {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
}

.koa-lookup .koa-lookup-items {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1;
}

.koa-lookup .koa-lookup-items.loading {
    display: block;
}

.koa-lookup .koa-lookup-items.show {
    display: block;
}

.koa-lookup .koa-lookup-items.loading li:not(.loading) {
    display: none;
}

.koa-lookup .koa-lookup-items.show li.loading {
    display: none;
}

.koa-lookup .koa-lookup-items.show {
    display: block;
    background: #ffffffff;
    padding: 0.5em;
    border: 1px solid #dddddd;
    border-top: none;
}

.koa-lookup .koa-lookup-items li {
    padding: 0.25em;
}

.koa-lookup .koa-lookup-items li:hover,
.koa-lookup .koa-lookup-items li.active {
    background: #cccccc;
}

.koa-lookup .koa-lookup-items l.current {
    background: #cccccc;
    border-left: 3px solid #404040;
}

.koa-lookup input {
    width: 100%;
}

.koa-lookup::after {
    content:url(/images/magnifying-glass-sharp-regular-full.svg);
    display:block;
    position:absolute;
    right: 10px;
    top: 8px;
    width: 20px;
    height: 20px;
}

.koa-lookup .koa-lookup-items {
    max-height: 40em;
    overflow-y: auto;
}