/* Scoped to the checkout contact input; text and input dimensions remain unchanged. */
input[name="contact"].fk-contact-invalid:not(.fk-contact-in-frame),.fk-contact-frame.fk-contact-invalid {
    border-color:#db336b;
    outline-width:3px!important;
    outline-style:solid!important;
    outline-color:rgba(219,51,107,.55);
    outline-offset:2px!important;
    scroll-margin-block:110px;
}
input[name="contact"].fk-contact-attention,.fk-contact-frame.fk-contact-attention {
    animation:fk-contact-color-pulse 1.5s ease-in-out 3!important;
}
@keyframes fk-contact-color-pulse {
    0%,100% {border-color:#db336b;outline-color:rgba(219,51,107,.65);box-shadow:0 0 0 5px rgba(219,51,107,.10),0 0 20px rgba(219,51,107,.18);}
    33% {border-color:#7c3aed;outline-color:rgba(124,58,237,.65);box-shadow:0 0 0 7px rgba(124,58,237,.12),0 0 26px rgba(124,58,237,.22);}
    66% {border-color:#078cb5;outline-color:rgba(7,140,181,.65);box-shadow:0 0 0 5px rgba(7,140,181,.12),0 0 22px rgba(7,140,181,.20);}
}
.fk-contact-attention-hint {
    display:block!important;width:100%;box-sizing:border-box;
    margin:9px 0 2px!important;color:#a5204c!important;
    font:600 13px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important;
    text-align:left!important;
}
@media(prefers-reduced-motion:reduce) {
    input[name="contact"].fk-contact-attention,.fk-contact-frame.fk-contact-attention {animation:none!important;box-shadow:0 0 0 5px rgba(219,51,107,.12)!important;}
}