.UploadBox {
    border-radius: 3px;
    margin-top: 25px;
    text-align: center;
    width: 80%;
    height: 300px;
    padding-top: 4rem;
    cursor: pointer;

    &-help-text {
        margin-top: 1.5rem;
        color: var(--gray-800);
    }

    &-header-text {
        color: var(--gray-800);
        font-size: 1.5rem;
        font-weight: 300;
    }

    &-area svg {
        margin-top: 35px;
    }

    &-browse-link {
        /* stylelint-disable-next-line custom-property-pattern */
        color: var(--text-hyperlink---active);
        font-weight: bolder;
        cursor: pointer;
    }

    &-s3-uploading {
        margin-top: 25px;
        text-align: center;

        .LoadingSpinner-inner {
            height: 60px;
            width: 60px;
        }

        &-uploading-message {
            margin-top: 33px;
        }

        &-hide-uploading-message {
            margin-top: 33px;
        }
    }

    &-instructions {
        text-align: center;
        margin-left: 11rem;
        margin-right: 11rem;
        margin-bottom: 1.5rem;
    }

    .Alert {
        width: 80%;
        margin: auto;
    }
}

.UploadArea {
    background-color: $white;
}