/* "Transposition is being generated" page (front_partitura/transposing.html.twig). */
.transposing {
    max-width: 42em;
    margin: 1em 0;
}

.transposing__box {
    border: 1px solid #d7dbe0;
    border-radius: 6px;
    padding: 1.2em 1.4em;
    background: #fff;
}

.transposing__box--error {
    border-color: #c0392b;
    background: #fdf3f2;
}

.transposing__spinner {
    width: 34px;
    height: 34px;
    margin: 0 0 1em;
    border: 4px solid #e3e6ea;
    border-top-color: #2a3038;
    border-radius: 50%;
    animation: transposing-spin 1s linear infinite;
}

@keyframes transposing-spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .transposing__spinner {
        animation: none;
    }
}

.transposing__hint {
    color: #666;
    font-size: 0.92em;
}

.transposing__actions {
    margin: 1em 0 0;
}

.transposing__button {
    display: inline-block;
    margin-right: 1em;
    padding: 0.45em 1.1em;
    border-radius: 4px;
    background: #2a3038;
    color: #fff;
    text-decoration: none;
}