.CreateTranscription {

    &-start-form {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
        align-items: flex-end;
    }

    &-fields {
        display: flex;
        align-items: flex-end;

        .form-group {
            margin-bottom: 0;
        }

        .FRCControl-Input {
            margin-bottom: 0;
        }
    }

    &-language {
        width: 255px !important;
        margin-right: 24px;
    }

    &-speakers {
        width: 135px !important;
    }

    &-generate-transcription-button {
        height: 35px;
    }

    &-loading {
        display: flex;
        align-items: center;
        font-size: 14px;

        .Loading-spinner {
            margin-right: 16px;
            height: 30px;
            width: 30px;
        }
    }

    &-loading-note-section {
        display: flex;
        margin-top: 10px;

        svg {
            fill: var(--gray-500);
            margin-right: 8px;
            position: relative;
            top: 2px;
        }
    }

    &-loading-note {
        color: var(--gray-500);
        max-width: 425px;
    }

    &-show {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;

        .Data {
            margin-right: 13px;
            height: 50px;
            width: 40px;
        }
    }

    &-episode-title {
        font-size: 14px;
        color: var(--gray-700);
        font-weight: 500;
    }

    &-date {
        color: var(--gray-500);
    }

    &-info-section {
        display: flex;
        align-items: center;
    }

    &-edit-button {
        margin-left: 19px;
    }

    &-delete-button {
        margin-left: 19px;
    }

    &-dropdown {
        display: inline-flex;
    }
}