:root{--highlight-primary-color:rgb(from var(--primary-color) r g b / .1);--highlight-color:rgb(from var(--black-color) r g b / .05)}.menu{border-radius:8px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;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:gray;padding:10px;font-size:12px;font-weight:300}.menu-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;height:40px;padding:0 10px;transition:all .2s;display:flex}.menu-header:active{color:var(--primary-color)}.menu-header:hover{background-color:var(--highlight-color)}.header-content{align-items:center;gap:10px;display:flex}.chevron{color:gray;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{overflow:hidden}.menu-item{height:40px;color:var(--text-color);cursor:pointer;border-radius:8px;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-color);border-left:2px solid var(--primary-color);border-top-left-radius:0;border-bottom-left-radius:0;font-weight:500}.menu-item:active{color:var(--primary-color)}.menu-link{text-decoration:none}