/* Align the drawer with its existing left-edge contact tab. */
body .xmla-contact-widget #xmla-contact-drawer{left:0!important;right:auto!important;transform:translateX(-100%)!important;border-left:0;border-right:1px solid rgba(255,255,255,.12);box-shadow:4px 0 24px rgba(0,0,0,.3)}
body .xmla-contact-widget.is-open #xmla-contact-drawer{transform:translateX(0)!important}

/* Keep the tab anchored to the edge while extending its highlighted hit area. */
html body .xmla-contact-widget.xmla-contact-widget button.xmla-contact-tab{transition:width .18s ease,padding .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease!important}
html body .xmla-contact-widget.xmla-contact-widget button.xmla-contact-tab:focus-visible{background:#21608a!important;color:#fff!important;border-color:#8ce7f0!important;box-shadow:0 0 24px #32a9df66,inset 0 0 0 1px #8ce7f0!important;outline:2px solid #a2f3fa!important;outline-offset:3px}
@media(hover:hover) and (pointer:fine){html body .xmla-contact-widget.xmla-contact-widget button.xmla-contact-tab:hover{width:60px!important;min-width:60px!important;max-width:60px!important;padding-left:18px!important;padding-right:18px!important;background:#21608a!important;color:#fff!important;border-color:#8ce7f0!important;box-shadow:0 0 24px #32a9df66,inset 0 0 0 1px #8ce7f0!important}}
@media(prefers-reduced-motion:reduce){html body .xmla-contact-widget.xmla-contact-widget button.xmla-contact-tab{transition:none!important}}

/* Raise the fixed Contact tab five pixels without changing drawer or hover behavior. */
html body .xmla-contact-widget.xmla-contact-widget button.xmla-contact-tab{translate:0 -5px!important}