.DeliveryTypeForm {
    &-audio {
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 280px;
    }

    &-cardHeader {
        font-size: 1.2rem;
        color: var(--gray-800);
        align-items: center;
        display: flex;
        justify-content: center;
    }

    &-welcome {
        max-width: 400px;
    }

    &-createOptionMessage {
        align-items: center;
        color: var(--gray-900);
        display: flex;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 32px;
        font-weight: 400;
        justify-content: center;
        line-height: 38px;
        padding-bottom: 20px;
        text-align: center;
    }

    &-optionsMessage {
        align-items: center;
        color: var(--orchard-gray-gray-800);
        display: flex;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 14px;
        font-weight: 400;
        justify-content: center;
        margin-bottom: 40px;
        text-align: center;
        line-height: 20px;
    }

    &-service {
        margin-top: 1rem;
    }

    &-buttons {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }

    &-back-button {
        color: var(--blue);
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 18px;
        margin-right: 200px;
        text-transform: uppercase;
    }

    .form-check-label {
        margin-bottom: 0.5rem;
    }
}

.CreateOrder {
    &-submit-button {
        white-space: nowrap;
        margin-left: auto;
    }

    &-deliveryTypeDropdown {
        max-width: 145px;
    }

    &-createAudio {
        align-items: center;
        color: var(--gray-700);
        display: flex;
        font-size: 12px;
        font-weight: 500;
        justify-content: center;
        line-height: 18px;
        padding-bottom: 20px;
        text-transform: uppercase;
    }

    &-selectProducts {
        align-items: center;
        color: var(--gray-900);
        display: flex;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 32px;
        font-weight: 400;
        justify-content: center;
        line-height: 38px;
        padding-bottom: 20px;
        text-align: center;
    }

    .PageHeader {
        background: none;
        border: none;
        box-shadow: none;
        margin-top: 46px;
    }
}

.ProductsTable {
    &-cell-productName {
        .CoverArtCell {
            align-items: center;
            display: flex;

            .CoverArt {
                margin-right: 0.714rem;
            }
        }

        .text-content {
            width: 9rem;
        }
    }
}

.GridTable-header {
    .TableSummaryBar {
        float: left;
    }

    .ProductsTable-deliveryButtons {
        float: right;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 44px;
        padding: 0 10px;
        white-space: nowrap;
    }
}