.place-finder {
    position: relative;
    .place-finder__suggestions-list {
        position: absolute;
        z-index: 1000;
        top: 100%;
        left: 0;
        min-width: 400px;
        width: 100%;
        z-index: 1000;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 0;
        background: #fff;
        &-item{
            padding: .25rem .5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        &-item:hover {
            background-color: var(--bs-primary);
            color: #fff;
            
        }
    }
    &__suggestion-type.badge{
        text-align: left;
        //min-width: 80px;
        border: 1px solid #FFF;
        --bs-badge-padding-y: 0.65em;
    }
    &__suggestion-actions{
        display: flex;
        gap: 0.5rem;
    }
    &__suggestion-action{
        text-decoration: none;
        background-color: var(--bs-blue);
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 1.5rem;
        height: 1.5rem;
        &:hover{
            background-color: white;
            color: var(--bs-blue);
            transform: scale(1.1);
        }
    }
    &--exclude{
        background-color: var(--bs-danger);
        &:hover{
            background-color: white;
            color: var(--bs-danger);
        }
    }
    &.inline{
        position: initial; 
        .form-control{
            border: none;
            &:focus{
                box-shadow: none;
            }
            padding: 0;
            height: auto;
            margin: 0;
        } 
    }
}