/*
 * Copyright 2017 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.audits2-view {
    margin: 7px 20px;
    flex: auto;
    align-items: center;
}

.audits2-view .dialog-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
}

header {
    color: #666;
    font-weight: bold;
    font-size: 14px;
}

.audits2-form label {
    display: flex;
}

.audits2-form label div {
    display: inline;
}

.audits2-status {
    flex: auto;
    align-items: center;
    color: #666;
}

.audits2-status .icon {
    width: 64px;
    height: 64px;
    margin: 20px;
    animation: spinner-animation 1200ms linear infinite;
    transform-origin: 50% 50%;
    padding: 4px;
}

.audits2-status .icon::before {
    display: inline-block;
    border: 4px solid #1565C0;
    border-radius: 28px;
    width: 56px;
    height: 56px;
    content: "";
    position: absolute;
    box-sizing: border-box;
}

.audits2-status .icon::after {
    display: inline-block;
    width: 24px;
    height: 28px;
    background: white;
    position: absolute;
    content: "";
}

.audits2-report-error {
    display: block;
    margin-top: 5px;
}

button {
    margin: 15px 10px;
}

.audits2-status .icon.error,
.audits2-status .icon.error::before,
.audits2-status .icon.error::after {
    display: none;
}

.audits2-launcher-row {
    padding: 6px;
}

.audits2-launcher-description {
    padding: 3px 0 0 22px;
}

.audits2-dialog-help-text {
    color: red;
    margin-top: 10px;
}

.audits2-dialog-buttons {
    justify-content: center;
}

@keyframes spinner-animation {
    from { transform: rotate(0); }
    to { transform: rotate(360deg); }
