.select-entry,
.select-entry-field {
    @include position(absolute, 0 null null 0);
    @include size(100%);
    background-color: var(--background-color);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    box-sizing: border-box;
    z-index: $z-index-no-modal;
    opacity: 1;
    padding: $medium-padding;

    .titlebar-hidden & {
        padding-top: $titlebar-padding-small;
    }
    .titlebar-hidden-inset & {
        padding-top: $titlebar-padding-large;
    }

    &__header {
        display: flex;
        &-text {
            flex: 1 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-right: $base-padding-h;
        }
    }
    &__message {
        display: flex;
        margin-bottom: $base-padding-v * 2;
        &-text {
            flex: 1 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: $base-padding-h;
        }
    }
    &__hint {
        flex: 0.5 0;
        margin-bottom: $base-padding-v * 2;
        text-align: right;
        &-text {
            flex: 1 1;
            font-size: 0.8em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: $base-padding-h;
        }
    }
    &__items {
        flex: 1;
        @include scrollbar-on-hover;
        margin-bottom: $base-padding-v;
        position: relative;
        overflow: hidden;
        > .scroller {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
    }
    &__large-text {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    &__large-icon {
        font-size: $modal-icon-size;
    }
    &__table {
        flex: 1;
        width: 100%;
        height: 0;
        overflow: hidden;
        border-collapse: collapse;
        table-layout: fixed;
        tr.select-entry__item {
            border-right-width: 3px;
        }
        td,
        th {
            padding: $base-padding;
            overflow: hidden;
            text-overflow: ellipsis;
            word-wrap: break-word;
            &.select-entry__item-icon-cell {
                width: 2em;
                text-align: center;
            }
            &.select-entry__item-user-cell {
                width: 25%;
            }
            &.select-entry__item-url-cell {
                width: 25%;
            }
            &.select-entry__item-options {
                width: 2em;
            }
        }
    }
    &__item {
        @include area-selectable();
        &--active,
        &--active:hover {
            @include area-selected();
            cursor: pointer;
        }
        &--active {
        }
        &-options {
            text-align: center;
            &:hover {
                background: var(--background-color);
                .select-entry__item--active & {
                    background: var(--action-color);
                }
            }
        }
    }
    &__empty-title {
        align-self: center;
    }
    &__filters {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    &__filter {
        display: flex;
        margin-bottom: $small-spacing;
        margin-right: $small-spacing;
        border-radius: var(--button-border-radius);
        background-color: var(--unselected-background-color);
        cursor: pointer;
        &:hover {
            background-color: var(--unselected-background-color-hover);
        }
        &-text,
        &-icon {
            padding: $base-padding;
        }
        &-check {
            font-size: 1.2em;
            padding: 0.35em 0 0 $base-padding-h;
        }
        &-text {
            padding-left: 0;
        }
    }
    &__buttons {
        display: flex;
        justify-content: flex-end;
        margin-top: $small-spacing;
    }
}
