/* Isolated to Contact Form 7's math field. No global input or login styling. */
.cf7math-field {
    --cf7math-fg: inherit;
    --cf7math-bg: transparent;
    --cf7math-border: currentColor;
    --cf7math-button: rgba(125, 125, 125, .13);
    display: block;
    color: var(--cf7math-fg);
    margin: 0 0 .65rem;
    line-height: 1.35;
    font-size: inherit;
}
.cf7math-field.cf7math-theme-light {
    --cf7math-fg: #17202b;
    --cf7math-bg: #fff;
    --cf7math-border: #8994a3;
    --cf7math-button: #eff1f4;
}
.cf7math-field.cf7math-theme-dark {
    --cf7math-fg: #f7f9fb;
    --cf7math-bg: #222a33;
    --cf7math-border: #8998ab;
    --cf7math-button: #344051;
}
.cf7math-field .wpcf7-form-control-wrap {
    display: block;
    position: relative;
}
.cf7math-field .cf7math-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem .4rem;
    min-width: 0;
}
.cf7math-field .cf7math-label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .25rem;
    margin: 0;
    font-size: .94em;
    font-weight: normal;
    color: inherit;
    cursor: text;
}
.cf7math-field .cf7math-question {
    font-weight: 600;
    color: inherit;
    white-space: nowrap;
}
.cf7math-field input.cf7math-input {
    box-sizing: border-box;
    flex: 0 0 4.55rem;
    width: 4.55rem !important;
    min-width: 0;
    max-width: 4.55rem !important;
    height: 2.2rem;
    min-height: 2.2rem;
    margin: 0;
    padding: .3rem .25rem;
    border: 1px solid var(--cf7math-border);
    border-radius: .25rem;
    background: var(--cf7math-bg) !important;
    color: inherit !important;
    font-family: inherit;
    font-size: 1rem;
    text-align: center;
    line-height: 1.1;
    opacity: 1;
    box-shadow: none;
}
.cf7math-field input.cf7math-input::placeholder { color: inherit; opacity: .65; font-size: .78rem; }
.cf7math-field button.cf7math-reload {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.12rem;
    width: 2.12rem;
    min-width: 2.12rem;
    height: 2.2rem;
    min-height: 2.2rem;
    padding: 0;
    margin: 0;
    border: 1px solid var(--cf7math-border);
    border-radius: .25rem;
    background: var(--cf7math-button) !important;
    color: inherit !important;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.35rem;
    line-height: 1;
    box-shadow: none;
}
.cf7math-field button.cf7math-reload:hover { filter: brightness(1.08); }
.cf7math-field button.cf7math-reload:focus-visible,
.cf7math-field input.cf7math-input:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.cf7math-field button.cf7math-reload:disabled { cursor: progress; opacity: .6; }
.cf7math-field .cf7math-status {
    display: block;
    min-height: 0;
    margin-top: .2rem;
    font-size: .82em;
    color: inherit;
    opacity: .8;
}
.cf7math-field .cf7math-status:empty { display: none; }
.cf7math-field .cf7math-status.cf7math-error { color: #d63045; opacity: 1; }
.cf7math-field.cf7math-theme-dark .cf7math-status.cf7math-error { color: #ff9a9f; }
.cf7math-field .wpcf7-not-valid-tip {
    display: block;
    margin-top: .22rem;
    font-size: .88em;
}
@media (max-width: 360px) {
    .cf7math-field .cf7math-row { gap: .3rem .4rem; }
}