/**
 * Brand styles shared by the two pages that render `_UADCoverageSurvey`.
 */

/* Brand accent. `.bg-brand` is the base colour; `.bg-brand-semiopaque` is the same hue at
   ~85% alpha, which is what the survey's header and table headings use. */
.bg-brand {
    background-color: #6badc3;
}

.bg-brand-semiopaque {
    background-color: #6badc3d9;
}

/* The UAD fee inputs are `w-50` and capped at three digits, so the spinner arrows cost more
   width than they earn. Firefox honours the standard property; WebKit needs the
   pseudo-elements. */
.uad-fee-input {
    -moz-appearance: textfield;
    appearance: textfield;
}

.uad-fee-input::-webkit-outer-spin-button,
.uad-fee-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.uad-yes-no-wrap {
    max-width: 70em;
}