.os-menu{margin:0;padding:0;width:var(--os-menu-collapse-width)}.os-menu.is-collapse .os-menu-item,.os-menu.is-collapse .os-menu-items{overflow:hidden;justify-content:center}.os-menu.is-collapse .os-menu-item .bd,.os-menu.is-collapse .os-menu-items .bd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.os-menu.is-collapse .os-menu-item>.hd+.bd,.os-menu.is-collapse .os-menu-items>.hd+.bd{display:none}.os-menu.is-collapse .os-menu-items+dd{display:none}.os-menu.is-collapse .os-menu-group-level-1 .os-menu-items-icon{display:none}.os-menu-group{margin:0}.os-menu-group dt{padding-left:calc(var(--os-menu-level) * var(--os-menu-gap));font-size:12px;opacity:.4;line-height:1.4em}.os-menu-group dt:empty{display:none}.os-menu-group dd{margin:0;cursor:pointer}.os-menu-group .os-menu-item,.os-menu-group .os-menu-items{margin:0;padding:var(--os-menu-padding);padding-left:calc(var(--os-menu-level) * var(--os-menu-gap));width:100%;list-style:none;align-items:flex-start;justify-content:flex-start;display:flex;line-height:1.2em;color:var(--os-menu-color);background-color:var(--os-menu-background-color)}.os-menu-group .os-menu-item:hover,.os-menu-group .os-menu-items:hover{background-color:var(--os-menu-item-hover-background-color)}.os-menu-group .os-menu-item>.hd,.os-menu-group .os-menu-items>.hd{padding-right:var(--os-menu-gap)}.os-menu-group .os-menu-item>.hd+.bd,.os-menu-group .os-menu-items>.hd+.bd{padding-left:0}.os-menu-group .os-menu-item>.bd,.os-menu-group .os-menu-items>.bd{padding-left:var(--os-menu-gap);flex:1}.os-menu-group .os-menu-item>.bd:empty,.os-menu-group .os-menu-items>.bd:empty{display:none}.os-menu-group .os-menu-item>.ft,.os-menu-group .os-menu-items>.ft{display:inline-flex;align-items:flex-end;justify-content:center}.os-menu-group .os-menu-item>.ft .os-menu-items-icon,.os-menu-group .os-menu-items>.ft .os-menu-items-icon{margin:0 var(--os-space-xs);font-size:12px;opacity:.6}.os-menu-group .os-menu-item.is-active{color:var(--os-menu-active-color);background-color:var(--os-menu-active-background-color)}.os-menu-layout-horizontal{display:flex;overflow:hidden}.os-menu-layout-horizontal .os-menu-item,.os-menu-layout-horizontal .os-menu-items{white-space:nowrap}.os-menu-layout-vertical.is-collapse .os-menu-item.is-active,.os-menu-layout-vertical.is-collapse .os-menu-items.is-active,.os-menu-layout-horizontal .os-menu-item.is-active,.os-menu-layout-horizontal .os-menu-items.is-active,.os-menu-card .os-menu-item.is-active,.os-menu-card .os-menu-items.is-active{color:var(--os-menu-active-color);background-color:var(--os-menu-active-background-color)}.os-menu-layout-vertical.is-collapse .os-menu-item>.hd,.os-menu-layout-vertical.is-collapse .os-menu-items>.hd{padding-right:0}.os-menu{--os-menu-item-hover-background-color: rgba(61, 158, 255, .1);--os-menu-color: var(--os-color-neutral-9);--os-menu-active-color: var(--os-color-primary);--os-menu-font-size: var(--os-heading8);--os-menu-padding: var(--os-space-s);--os-menu-gap: var(--os-space-s)}.os-menu-large{--os-menu-font-size: var(--os-heading7);--os-menu-gap: var(--os-space-base)}.os-menu-mini{--os-menu-font-size: var(--os-heading9);--os-menu-gap: var(--os-space-xs)}.os-menu-card{min-width:100px;overflow:hidden;border-radius:var(--os-border-radius-base);background-color:var(--os-color-neutral-0);border:solid 1px var(--os-color-neutral-2);padding:var(--os-space-xs) 0;box-shadow:0 3px 12px #0000001f;z-index:2001;transition:.5s opacity;min-width:200px;overflow:visible}.os-menu-card.card-fade-enter-from{opacity:0}.os-menu-card.card-fade-leave-to{opacity:0;transition:.2s opacity}.os-menu-card .os-menu-items+dd{min-width:100px;overflow:hidden;border-radius:var(--os-border-radius-base);background-color:var(--os-color-neutral-0);border:solid 1px var(--os-color-neutral-2);padding:var(--os-space-xs) 0;box-shadow:0 3px 12px #0000001f;z-index:2001;transition:.5s opacity;min-width:200px;overflow:visible}.os-menu-card .os-menu-items+dd.card-fade-enter-from{opacity:0}.os-menu-card .os-menu-items+dd.card-fade-leave-to{opacity:0;transition:.2s opacity}.os-menu-card .os-menu-items,.os-menu-card .os-menu-item{padding-left:var(--os-menu-gap)}.os-menu-icon-text{font-style:normal}.os-menu-icon-text:after{content:var(--os-menu-icon-content);display:inline-block}