:host() {
    position: relative;
    >.items {
        position: absolute;
        max-height: 0;
        top: 10%;
        right:0;
        left:0;
        z-index: 10000000;
        overflow: auto;
        padding: 0;
        margin: 5px 0 0;
        list-style: none;
        background-color: #fff;
        li {
            display: flex;
            flex-direction: row;
            align-items: center;
            &.focused,&:hover {background-color: rgba(200, 200, 200, 0.2);}
            label {
                flex: 1;
                padding:7px 15px;
                cursor: pointer;
                border-bottom: 1px solid #fbfbfb;
            }
        }
    }
    .search{
        display: unset;
        >input {
            
        }
    }
    &.open>.items {
        top:100%;
        font-size: 13px;
        max-height: 200px;
        box-shadow: 0px 1px 2px 1px #d5d5d5;
        transition: top 300ms ease,max-height 300ms ease;
    }
}