.UploadBox {
    border: none;
    border-radius: 3px;
    margin-top: 25px;
    text-align: center;
    width: 80%;
    height: 300px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23D9D2D0FF' stroke-width='4' stroke-dasharray='5%2c 12' stroke-dashoffset='19' stroke-linecap='square'/%3e%3c/svg%3e");
    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 {
        color: var(--info-100);
        font-weight: bolder;
        cursor: pointer;
    }

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

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

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

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

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