.VideoProductForm {
    margin-bottom: 50px;

    .Icons-chevron {
        fill: white;
        height: 11px;
        left: 2px;
        position: relative;
        top: -1px;
        transform: rotate(270deg);
        width: 11px;
    }

    .Icons-edit {
        height: 14px;
        margin-left: 6px;
        width: 14px;
    }

    /* stylelint-disable max-nesting-depth */
    &-submit {
        float: right;
        .Icons-chevron {
            margin-left: 6px;
        }
    }
    /* stylelint-enable max-nesting-depth */

    &-save {
        float: right;
        margin-right: 10px;
        min-width: 64px;
    }

    /* stylelint-disable selector-class-pattern */
    &-save.btn[disabled] {
        cursor: default;
    }
    /* stylelint-enable selector-class-pattern */

    /* stylelint-disable selector-class-pattern */
    &-edit.btn-default {
        float: right;
        margin-right: 10px;
        padding-bottom: 5px;
        padding-top: 4px;
    }
    /* stylelint-enable selector-class-pattern */

    &-title {
        border-bottom: 1px solid $koala;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    &-review-section {
        border: 2px solid $mouse;
        margin-top: 20px;
    }

    &-edit-section {
        margin-top: 40px;
    }

    &-preview-review {
        background: white;
        border: 2px solid $mouse;
    }

    &-preview-review-header {
        border-bottom: 2px solid $mouse;
        color: $gorilla;
        font-size: 18px;
        font-weight: 500;
        padding: 10px 20px;
    }

    &-preview-edit {
        background: white;
        border: 2px solid $mouse;
    }

    &-preview-edit-header {
        border-bottom: 2px solid $mouse;
        color: $gorilla;
        font-size: 18px;
        font-weight: 500;
        padding: 10px 20px;
    }

    &-error-box {
        background-color: $parrot-light;
        margin-bottom: 20px;
    }

    &-error {
        color: $parrot;
        display: flex;
        padding: 12px 16px;
    }

    &-error-text {
        align-self: center;
    }

    &-error-header {
        font-size: 14px;
        font-weight: 500;
    }

    &-error-subheader {
        font-size: 12px;
    }

    &-error .Icons-attention {
        height: 32px;
        margin-right: 16px;
        width: 32px;
    }

    /* stylelint-disable max-nesting-depth */
    &-show-hide {
        float: right;
        margin-top: 11px;
        .Icons-chevron {
            fill: #337ab7;
            left: 3px;
            top: -2px;
        }
    }

    &-show {

        .Icons-chevron {
            transform: rotate(0deg);
        }
    }

    &-hide {
        .Icons-chevron {
            transform: rotate(180deg);
        }
    }
    /* stylelint-enable max-nesting-depth */

    &-rejection-reason {
        border-top: 1px solid $koala;
        margin: 0 10px;
        padding: 10px 54px;
    }

    &-rejection-reason-header {
        color: $gorilla;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    &-empty-box {
        background-color: $mouse;
        height: 370px;
    }

    .LoadingIndicator {
        min-height: 0;
    }

    &-loading .LoadingIndicator {
        height: 150px;
    }

    &-content[data-loading=true] {
        visibility: hidden;
    }

    .LoadingIndicator-loader-dot-small {
        height: 12px;
        width: 12px;
    }

    .DismissibleAlert {
        height: 60px;
        margin-bottom: 25px;
    }

    .DismissibleAlert-success-button {
        font-size: 11px;
    }

    .Select-arrow {
        background-size: 0;
        border-color: #999 transparent transparent;
        border-style: solid;
        border-width: 5px 5px 2.5px;
        display: inline-block;
        height: 0;
        margin-right: 10px;
        position: relative;
        width: 0;
    }
}