:root{--highlight-primary-color:var(--primary-color);--highlight-color:rgb(from var(--black-color) r g b / .05)}.menu{border-radius:var(--r-sm);font-size:13px;font-family:var(--sans);transition:all .2s;overflow:hidden}.menu-icon svg{font-size:18px}.section-line{background:var(--border-color);width:1px;position:absolute;top:0;bottom:0;left:18px}.menu-title{color:var(--muted-color);letter-spacing:.08em;text-transform:uppercase;padding:14px 10px 6px;font-size:11px;font-weight:500}.menu-header,.menu-item{margin:2px 0}.menu-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--r-pill);justify-content:space-between;align-items:center;height:40px;padding:0 10px;transition:all .2s;display:flex}.menu-header:active{color:var(--brand-ink)}.menu-header:hover{background-color:var(--highlight-color)}.header-content{align-items:center;gap:10px;display:flex}.chevron{color:var(--muted-color);font-size:14px;transition:transform .3s cubic-bezier(1,.1,.25,1)}.chevron.rotated{transform:rotate(180deg)}.menu-content{grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(1,.1,.25,1);display:grid;overflow:hidden}.menu-content.expanded{grid-template-rows:1fr}.menu-content-inner{padding:2px 0;overflow:hidden}.menu-item{height:40px;color:var(--text-color);cursor:pointer;border-radius:var(--r-pill);align-items:center;gap:10px;padding:0 10px;transition:all .2s;display:flex;position:relative}.menu-item:hover{background-color:var(--highlight-color);padding-left:16px}.menu-item.selected{background-color:var(--highlight-primary-color);color:var(--primary-contrast);font-weight:500}.menu-item.selected:hover{background-color:var(--primary-hover);padding-left:10px}.menu-item:active{color:var(--brand-ink)}.menu-link{text-decoration:none;display:block}