.bg__annotation-list {
    position: relative;
    height: calc(100% - #{$resourceViewerTabHeight});

    > .targets {
        position: relative;
        min-height: calc(100% - #{$annotationColumnFilterHeight});
        max-height: calc(100% - #{$annotationColumnFilterHeight});
        overflow-y: auto;
        overflow-x: hidden;

        > .segment-actions {
            padding: 5px 10px;
            display: flex;
            justify-content: space-between;

            > input {
                width: calc(100% - 110px);
                margin-right: 10px;
                font-size: 0.9em;
                padding-left: 5px;
            }

            > .button-new-layer {
                padding: 3px 5px;
                font-size: 13px;
                font-family: $fontHeading;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 22px;
                cursor: pointer;
                transition: opacity 0.3s ease-out;
                &:hover {
                    opacity: 0.8;
                }
                &::before {
                    content: '+ ';
                    color: white;
                    font-weight: bold;
                    font-size: 20px;
                    vertical-align: bottom;
                }
            }
        }
    }
}