
/* Keep the desktop search trigger in its final layout before scripts initialize. */
html #main-header #formSearch>.tpw-search-open{display:none}
@media(min-width:992px){
html #main-header #formSearch{min-height:50px}
html:not(.tpw-search-focus) #main-header #formSearch>.search-input-wrapper{width:100%;max-width:500px;margin-left:auto;margin-right:auto}
html #main-header #formSearch>.tpw-search-open{position:absolute;left:50%;top:0;right:auto;bottom:auto;display:block;box-sizing:border-box;width:100%;max-width:500px;height:50px;min-height:50px;margin:0;padding:0 76px 0 20px;border:1px solid #e1e6de;border-radius:6px;background:#f9fbf8;color:#969ca3;font:inherit;font-size:16px;line-height:1.4;text-align:left;cursor:pointer;z-index:5;transform:translateX(-50%);transition:none}
html #main-header #formSearch>.tpw-search-open>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html #main-header #formSearch>.tpw-search-open>.icon{position:absolute;right:4px;top:4px;display:flex;align-items:center;justify-content:center;width:56px;height:calc(100% - 8px);border-radius:5px;background:#eeece6;color:#222}
html #main-header #formSearch>.tpw-search-open:focus-visible{outline:2px solid #598746;outline-offset:2px}
html.tpw-search-focus #main-header #formSearch>.tpw-search-open,html #main-header #formSearch>.tpw-search-open[hidden]{display:none!important}
}
