.utility-left-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.utility-nav__inner{flex-wrap:wrap;padding-block:8px;gap:8px 28px}
.utility-menu,.utility-left-menu{flex-wrap:wrap;gap:8px 30px}
.utility-nav :is(.utility-menu,.utility-left-menu) li{position:relative;display:flex;align-items:center}
.utility-nav :is(.utility-menu,.utility-left-menu) a{display:inline-flex;align-items:center;gap:6px;min-height:32px;white-space:normal;overflow-wrap:anywhere}
.utility-nav .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:55;margin:0;padding:8px 0;list-style:none;min-width:210px;max-width:min(280px,90vw);background:var(--gy-dark);border-top:2px solid var(--gy-yellow);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.utility-nav .sub-menu li{width:100%}
.utility-nav .sub-menu a{flex:1;min-width:0;padding:8px 14px}
.utility-nav .sub-menu .sub-menu{top:0;left:100%}
.utility-nav .sub-menu.opens-left{left:auto;right:0}
.utility-nav .sub-menu .sub-menu.opens-left{left:auto;right:100%}
.utility-nav .is-submenu-open>.sub-menu{display:block}
.utility-nav .submenu-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.utility-nav .submenu-toggle::before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.utility-nav .is-submenu-open>.submenu-toggle::before{transform:rotate(225deg)}
.utility-nav a:focus-visible,.utility-nav .submenu-toggle:focus-visible{outline:2px solid var(--gy-yellow);outline-offset:2px}
@media(min-width:901px){.utility-nav :is(.utility-menu,.utility-left-menu):not(.has-submenu-controls) li:hover>.sub-menu,.utility-nav :is(.utility-menu,.utility-left-menu):not(.has-submenu-controls) li:focus-within>.sub-menu{display:block}}
@media(max-width:900px){
    .utility-nav__inner{align-items:flex-start;gap:4px 16px;padding-block:6px}
    .utility-menu,.utility-left-menu{gap:2px 18px}
    .utility-nav .utility-nav__left a:first-child{display:inline-flex}
    .utility-nav .utility-menu li:nth-child(n+2){display:flex}
    .utility-nav .sub-menu{min-width:190px}
    .utility-nav .sub-menu .sub-menu{left:0;top:100%}
    .utility-nav .sub-menu .sub-menu.opens-left{right:0;left:auto}
    .utility-nav :is(.utility-menu,.utility-left-menu) a{min-height:36px}
    .utility-nav .submenu-toggle{height:36px;width:36px;flex-basis:36px}
    .main-nav .primary-nav{top:100%}
}