$circle-size: 2rem;

h3 {
    margin: 0;
}

.section {
    margin-bottom: .8rem;
}

.container {
    padding-top: 2rem;
}

.card {
    &-header {
        h3 {
            line-height: $circle-size;
        }
    }

    &-footer {
        font-size: .9rem;
    }

    &-body {
        background: $color-border;
        font-family: monospace;
        max-height: 400px;
        min-height: 300px;
        overflow-y: scroll;
    }
}

.restore {
    &-status {
        & {
            @include circle($circle-size);
            background: $color-border;
            color: $color-dark-foreground;
            font-size: .6 * $circle-size;
            font-weight: normal;
            line-height: $circle-size + .1rem;
            text-align: center;
            vertical-align: middle;
        }

        &-pending {
            color: inherit;
        }

        &-failed {
            background: $color-theme-error;
        }

        &-success {
            background: $color-theme-green;
        }
    }

    &-url {
        @include truncate;
        line-height: 30px;
    }
}