.TracksImportModal {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    pointer-events: none;

    &-container {
        flex-basis: 600px;
        pointer-events: auto;
    }

    &-header {
        display: flex;
        flex-flow: row nowrap;
        padding: 11px 0;
    }

    &-heading {
        flex: 1;
    }

    &-close {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 15px;
    }

    &-body {
        min-height: 130px;
    }

    &-search-field {
        height: 40px;
        padding: 10px 20px 10px 30px;
        width: 100%;
    }
    &-search-icon {
        margin-left: 10px;
        margin-top: 10px;
        position: absolute;
    }
    &-round-close-icon {
        cursor: pointer;
        margin-left: -35px;
        margin-top: 7px;
        position: absolute;
    }

    &-results-header {
        color: var(--gray-500);
        font-weight: bold;
        margin-left: 15px;
        margin-top: 15px;
        text-transform: uppercase;
    }
    &-table-wrapper {
        max-height: 350px;
        overflow-y: auto;
    }
    &-results-table {
        width: 100%;
    }
    &-results-row {
        border-bottom: 1px solid var(--gray-200);
    }
    &-selected-row {
        background-color: var(--bluejay_light);
    }
    &-results-cover-cell {
        padding-left: 15px;
    }
    &-cover-image {
        height: 40px;
        margin: 5px;
        width: 40px;
    }
    &-image-placeholder {
        background-color: $grey_200;
        height: 40px;
        margin: 5px 5px 10px 5px;
        width: 40px;
    }
    &-results-info-cell {
        width: 65%;
    }
    &-artist-info {
        color: var(--gray-500);
    }
    &-checkbox {
        margin: 5px 10px 0 0;
    }
    &-import-button-label {
        font-size: 12px;
        width: 70px;
    }

    &-no-results {
        align-items: flex-end;
        display: flex;
        font-size: 14px;
        justify-content: center;
        min-height: 45px;
    }

    &-footer {
        border-top: 1px solid var(--gray-400);
        display: flex;
        padding: 20px;
    }
    &-footer-summary {
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
    }
    &-footer-summary-no-tracks {
        color: var(--gray-500);
    }
}