:where(.custom-header-wrapper,.custom-sub-header-wrapper) .custom-menu-main>.row-fluid-wrapper>.row-fluid{display:flex}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .custom-menu-main>.row-fluid-wrapper>.row-fluid>[class*=span]{margin-left:0;margin-right:0}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search{align-items:center;box-sizing:border-box;display:flex!important;flex:0 0 auto;
  /* !important: same load-order fight as width/max-width below. .span1
     also floats this cell by default -- harmless as a flex item (floats
     are ignored on flex children) but breaks it badly once relocated into
     the drawer's plain block layout at <=1023px: shrinks to content width
     and drops out of flow, so the next sibling starts at the same top
     instead of below it. */float:none!important;max-width:none!important;padding:5px 12px 5px 0;transition:flex-grow .3s ease-in;
  /* !important: HubSpot's own .span1 width/max-width otherwise wins on
     load order and keeps this cell at its %-column width. */width:auto!important}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search:has(.utility-search.is-active){flex:1 1 0%;max-width:none;padding-right:0;transition:flex-grow .5s ease-out}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search:has(.utility-search.is-active) .utility-search{width:100%}@media (min-width:1024px){.custom-header-wrapper .custom-menu-main:has(.utility-search.is-active){flex:1 1 auto;margin-right:32px}}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search>.row-fluid-wrapper{flex:1 1 auto;width:100%}.custom-header-wrapper .header-search .widget-type-custom_widget{min-height:0}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search~.widget-type-custom_widget{flex:0 0 auto;max-width:none!important;transition:flex-basis .3s ease-in,opacity .25s ease-in;width:auto!important}:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search:has(.utility-search.is-active)~.widget-type-custom_widget{flex-basis:0%;flex-grow:0;opacity:0;overflow:hidden;pointer-events:none;transition:flex-basis .5s ease-out,opacity .3s ease-in-out;white-space:nowrap}@media (max-width:1023px){:where(.custom-header-wrapper,.custom-sub-header-wrapper) .header-search{display:none}}@media (max-width:1023px){[data-mobile-nav-drawer-scroll] .header-search{border-bottom:1px solid #ececec;display:flex!important;margin-bottom:16px;padding:8px 0;width:100%}[data-mobile-nav-drawer-scroll] .utility-search{width:100%}[data-mobile-nav-drawer-scroll] .utility-search__trigger{flex:1}[data-mobile-nav-drawer-scroll] .utility-search,[data-mobile-nav-drawer-scroll] .utility-search__close,[data-mobile-nav-drawer-scroll] .utility-search__form .utility-search__input,[data-mobile-nav-drawer-scroll] .utility-search__icon,[data-mobile-nav-drawer-scroll] .utility-search__label,[data-mobile-nav-drawer-scroll] .utility-search__submit,[data-mobile-nav-drawer-scroll] .utility-search__trigger{color:#43525a}[data-mobile-nav-drawer-scroll] .utility-search__label{font-size:18px}
  /* !important: icon box size is also set inline per item (module.html),
     which otherwise wins regardless of selector specificity. */[data-mobile-nav-drawer-scroll] .utility-search__icon{height:16px!important;width:16px!important}[data-mobile-nav-drawer-scroll] .utility-search__form{border-left:none;min-width:0;width:100%}[data-mobile-nav-drawer-scroll] .utility-search__form .utility-search__input::placeholder{color:#9a9a9a}}.utility-search{align-items:center;display:flex;position:relative}.utility-search__trigger{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:6px;padding:0 4px;-webkit-tap-highlight-color:transparent}.utility-search__icon{align-items:center;display:flex;flex-shrink:0;height:13px;width:13px}.utility-search__icon i,.utility-search__icon svg{color:inherit;fill:currentColor;height:100%;width:100%}.utility-search__label{font-family:Proxima Nova W02 Medium,sans-serif;font-size:16px;line-height:22px;white-space:nowrap}.utility-search__trigger:active .utility-search__label,.utility-search__trigger:hover .utility-search__label{text-decoration:underline}.utility-search__form{align-items:center;border-left:1px solid hsla(0,0%,100%,.4);box-sizing:border-box;display:none;gap:10px;min-width:200px;padding-left:14px;width:100%}.utility-search.is-active .utility-search__trigger{display:none}.utility-search.is-active .utility-search__form{display:flex}.utility-search__form .utility-search__input{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:#fff;flex:1;font-family:Proxima Nova W02 Medium,sans-serif;font-size:18px;line-height:22px;margin:0;min-height:0;min-width:0;outline:none;padding:0 2px;width:0}.utility-search__form .utility-search__input::placeholder{color:hsla(0,0%,100%,.7)}.utility-search__form .utility-search__input:focus{box-shadow:none;outline:none}.utility-search__close,.utility-search__submit{align-items:center;background:none;border:none;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:18px;justify-content:center;padding:0;width:18px;-webkit-tap-highlight-color:transparent}.utility-search__close i,.utility-search__close svg,.utility-search__submit i,.utility-search__submit svg{fill:currentColor;height:16px;width:16px}.utility-search__close:active,.utility-search__close:hover,.utility-search__submit:active,.utility-search__submit:hover{opacity:.8}