:host {
    /*position: absolute;
    top: 4em;
    left: 0;
    bottom: 0;
    width: 25em;
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    box-shadow: 1px 0 3px rgba(0,0,0,0.2);
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto;*/


    display:block;
    margin-bottom: 2em;
}

:host.is-collapsed .c-constraint-options,
:host.is-collapsed .c-constraint-container {
    display: none;
}

.c-constraint-picker { }
.c-constraint-picker .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-constraint-picker .heading span {
    flex: 1;
}

.c-constraint-picker .c-constraint-options {
    padding-left: 1.5em;
}

.c-constraint__option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25em 0.5em 0.25em 0;
    color: #4A90E2;
    background-color: #fff;
    cursor: pointer;
}
.c-constraint__option:hover {
    background-color: #f5f5f5;
    font-weight: 700;
}