.quote-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.quote-form .quote-status{box-sizing:border-box;width:100%;max-width:720px;margin:20px auto 0;padding:20px 24px;border:1px solid #ccc;border-radius:14px;text-align:center;font-size:16px;line-height:1.5;text-wrap:pretty;background:#fff;color:#262626}
.quote-status:empty{display:none!important}
.quote-status strong{display:block;margin-bottom:6px;font-size:20px;line-height:1.3;font-weight:700;text-wrap:balance}
.quote-status span{display:block}
.quote-form .quote-status[data-state=success]{background:#eaf6ef;border-color:#27804b;color:#155c33;box-shadow:0 4px 16px #155c3312}
.quote-form .quote-status[data-state=error]{background:#fff0ef;border-color:#c53931;color:#8e211b;box-shadow:0 4px 16px #8e211b12}
.quote-form .quote-status[data-state=sending]{background:#f5f5f5;border-color:#9d9d9d;color:#333}
.quote-status[data-state=sending] strong:before{content:"";display:inline-block;width:15px;height:15px;margin-right:10px;border:2px solid #bbb;border-top-color:#333;border-radius:50%;vertical-align:-2px;animation:quote-spin .8s linear infinite}
.quote-form [type=submit]:disabled{opacity:.75;cursor:wait}
@keyframes quote-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.quote-form .quote-status{padding:18px 16px}.quote-status strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.quote-status[data-state=sending] strong:before{animation:none}}

.quote-form input[aria-invalid="true"]{border-color:#c53931;outline-color:#c53931}