/* Leave the magnifier and field typography intact; reserve a real clear-button target. */
.search-input-wrap:has(>.search-clear-button) input[type=search]{padding-right:46px!important}
.search-input-wrap:has(>.search-clear-button) input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.search-input-wrap>.search-clear-button{position:absolute;right:1px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:42px;min-height:42px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#486173;font:24px/1 Arial,Helvetica,sans-serif;cursor:pointer;z-index:1}
.search-input-wrap>.search-clear-button[hidden]{display:none!important}
.search-input-wrap>.search-clear-button:hover{background:#edf4fa}
.search-input-wrap>.search-clear-button:focus-visible{outline:2px solid #153c54;outline-offset:-4px}