.ProjectDownloads {
    &-button {
        margin: 15px 10px 0 0;

        &-download {
            display: inline-flex;
            flex-direction: row;
        }

        &-loading {
            height: 15px;
            margin-left: 5px;
            width: 30px;
        }
    }

    &-button-loading {
        .LoadingIndicator-dots {
            height: 10px;
            margin: 0;
            padding: 0;
        }

        .LoadingIndicator-dots > .LoadingIndicator-loader-dot {
            height: 10px;
            margin: 0;
            width: 10px;
        }
    }

    &-panel {
        border: 1px solid $grey_200;
        border-radius: 5px;

        &-header {
            border-bottom: 1px solid $grey_200;
            font-size: 24px;
            font-weight: 600;
            padding: 10px;
        }

        &-description {
            font-size: 14px;
            padding: 10px;
        }
    }

    @keyframes fadeOutOnMoveDown {
        0% {
            opacity: 1;
            top: 0;
        }
        100% {
            opacity: 0;
            top: 300px;
        }
    }

    &-animated-item {
        left: 50%;
        position: absolute;
        top: 0;
    }

    &-animation {
        animation: fadeOutOnMoveDown 1s ease-out forwards;

        & .Icons-download-box {
            height: 120px;
            width: 120px;
        }
    }
}