.main-menu,.main-menu *{box-sizing:border-box}.main-menu,.menu-items{font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}:root{--menu-item-icon-size: 20px;--menu-item-font-size: var(--font-size-text-md);--menu-item-height: 34px;--menu-item-padding: var(--spacing-125);--menu-section-spacing: 55px;--menu-padding-h: var(--spacing-125);--color-menu-item-active: var(--color-bg-brand-subtler);--color-menu-item-active-hover: var(--color-bg-brand-subtle)}.menu-items,.menu-items-section{display:flex;flex-direction:column}.menu-items-section-header{display:flex;flex-direction:column-reverse;position:relative}.menu-items-section:not(:first-of-type) .menu-items-section-header{height:calc(var(--menu-section-spacing) - var(--menu-item-height) + var(--menu-item-icon-size))}.menu-items-section-header>hr{background-color:var(--color-border);border:none;height:1px;position:absolute;top:50%;transform:translateY(-50%);--divider-spacing: var(--spacing-150);left:var(--divider-spacing);width:calc(var(--menu-collapsed-width) - var(--divider-spacing) * 2);margin:0}.menu-items-section-header>h3{color:var(--color-text-subtler);margin:0 calc(var(--menu-padding-h) + var(--menu-item-padding));font-size:var(--font-size-text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-100);white-space:nowrap;cursor:default}.menu-items .menu-items-section>ul,.menu-items-submenu>ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-25)}.menu-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:var(--menu-item-padding);padding:0 calc(var(--menu-padding-h) + var(--menu-item-padding));font-size:var(--menu-item-font-size);font-weight:var(--font-weight-medium);height:var(--menu-item-height);white-space:nowrap;color:var(--color-text-subtle);position:relative;z-index:0;--icon-size: 20px;--icon-stroke-width: 1.5px}.menu-item .menu-item-body{display:flex;align-items:center;gap:var(--menu-item-padding);min-width:0}.menu-item .menu-item-body>.label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.menu-item{text-decoration:none}a.menu-item.open{cursor:pointer}button.menu-item{background:none;border:none;cursor:default;width:100%;font-family:inherit}.menu-item:after{content:"";position:absolute;top:0;left:var(--menu-padding-h);right:var(--menu-padding-h);bottom:0;border-radius:var(--radius-sm);background-color:transparent;z-index:-1}.menu-item.open:after{background-color:var(--color-control-hover)}.menu-item>svg{flex-shrink:0}.menu-item>.inline-chevron{transition:transform .2s ease}.menu-item.open>.inline-chevron{transform:rotate(180deg)}.menu-item>.accessory{--icon-size: 16px;color:var(--color-icon-subtle);margin-right:-2px}.menu-item>.accessory.multi{display:flex;gap:var(--spacing-100);align-items:center}.menu-items-submenu{--menu-padding-h: var(--spacing-75);background-color:var(--color-surface-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);min-width:240px;box-shadow:var(--shadow-md);margin-top:calc(var(--menu-padding-h) * -1)}.menu-items-submenu>ul{padding:var(--menu-padding-h) 0}.menu-items-submenu>hr{height:1px;background-color:var(--color-border-subtle);border:none;margin:0}.menu-items-inline-submenu{background-color:var(--color-bg-neutral-subtler);border-radius:var(--radius-lg);margin:var(--spacing-50) var(--menu-padding-h);padding-block:var(--spacing-75)}.menu-items-inline-submenu>ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-25)}.menu-items-inline-submenu .menu-item{padding-left:var(--menu-item-padding);padding-right:var(--menu-item-padding)}.menu-items-inline-submenu .menu-item .accessory{position:relative;left:calc(var(--spacing-50) * -1)}.menu-items-inline-submenu .menu-item:after{left:var(--spacing-75);right:var(--spacing-75)}.menu-items-inline-submenu>hr{height:1px;background-color:var(--color-border-subtle);border:none;margin:var(--spacing-50) var(--menu-item-padding)}.main-menu:not(.expanded):not([data-menu-pinned]) .menu-items-inline-submenu{display:none}:root{--menu-collapsed-width: calc( var(--menu-item-icon-size) + (var(--menu-item-padding) * 2) + var(--menu-padding-h) * 2 )}.main-menu{--menu-expanded-width: 280px;--expand-duration: .1s;--collapse-duration: .2s;--shadow-border: 0 1px 0 1px var(--color-border-subtle);--m-floating-w: var(--menu-collapsed-width);width:var(--menu-collapsed-width);flex-shrink:0;transition:width var(--m-duration);--m-expanded: 0;--m-pinned: 0;--m-duration: var(--collapse-duration);--m-shadow: var(--shadow-border)}[data-menu-pinned] .main-menu,.main-menu[data-menu-pinned],.main-menu.expanded{--m-expanded: 1;--m-floating-w: var(--menu-expanded-width);--m-duration: var(--expand-duration)}.main-menu.expanded{--m-shadow: var(--shadow-lg)}[data-menu-pinned] .main-menu,.main-menu[data-menu-pinned]{--m-pinned: 1;width:var(--m-floating-w);--m-shadow: var(--shadow-border)}.main-menu img{max-width:none}.main-menu-floating-container{height:100%;background-color:var(--color-surface);box-shadow:0 1px 0 1px var(--color-border-subtle);transition:width var(--m-duration);position:absolute;top:0;left:0;overflow:hidden;z-index:11;width:var(--m-floating-w);box-shadow:var(--m-shadow)}.main-menu-body{display:flex;flex-direction:column;height:100%}.main-menu-header{--logo-scale: 1.1;--logomark-width: calc(23px * var(--logo-scale));--logomark-height: calc(20px * var(--logo-scale));--wordmark-width: calc(114px * var(--logo-scale));--wordmark-height: calc(24px * var(--logo-scale));width:var(--menu-expanded-width);padding-top:calc(var(--menu-padding-h) + var(--menu-item-padding) * .5);padding-bottom:calc(var(--menu-padding-h) + var(--menu-item-padding));padding-inline:calc((var(--menu-collapsed-width) - var(--logomark-width)) / 2)}.main-menu-header-body{position:relative}.main-menu-header-body .accessories{display:flex;gap:var(--spacing-50);position:absolute;right:0;top:50%;transform:translateY(-50%)}.main-menu-header a{display:inline-flex;align-items:center;gap:var(--spacing-100)}.main-menu-header .logomark{width:var(--logomark-width);height:var(--logomark-height)}.main-menu-header .wordmark{width:var(--wordmark-width);height:var(--wordmark-height)}.main-menu-content{overflow-y:auto;overflow-x:hidden;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.main-menu-content>.menu-items{margin-bottom:var(--spacing-125)}.main-menu:not(.expanded):not([data-menu-pinned]) .main-menu-content::-webkit-scrollbar{width:0;background:transparent}.main-menu-footer-items{padding:calc(var(--menu-padding-h) * 2);padding-bottom:calc(var(--menu-padding-h) * 1.5);padding-top:calc(var(--menu-padding-h) / 2);white-space:nowrap}.main-menu-header .wordmark,.menu-items-section>ul>li>.menu-item .label,.menu-items-section>ul>li>.menu-item .accessory,.menu-items-section-header h3,.main-menu-footer-items,.menu-items-section-header hr{opacity:var(--m-expanded);transition-duration:var(--m-duration, .2s)}.menu-items-section-header hr{opacity:calc(1 - var(--m-expanded, 1))}.menu-item-hint{color:inherit;outline:none;border:none;visibility:hidden;padding:0;width:fit-content;height:fit-content;background:none;position:relative;flex-shrink:0;display:flex}.menu-item-hint:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px}.menu-item-hint[data-focused]{outline:2px solid var(--color-border-accent);visibility:visible}@media(hover:none){.menu-item-hint{visibility:visible}}.menu-item.open .menu-item-hint{visibility:visible}.menu-item-tooltip{pointer-events:none;background-color:var(--color-bg-inverse);box-shadow:var(--shadow-md);padding:var(--spacing-100) var(--spacing-150);border-radius:var(--radius-md);width:max-content;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-50);color:var(--color-text-inverse);font-size:var(--font-size-text-xs);line-height:var(--line-height-label-xs);font-weight:var(--font-weight-semibold)}.menu-item-tooltip p{margin:0;color:var(--color-text-inverse-subtle);font-size:var(--font-size-text-xs);line-height:var(--line-height-text-xs);font-weight:var(--font-weight-normal)}.main-menu-pin-button{font:inherit;background-color:transparent;cursor:default;border:0;padding:0;appearance:none;font-size:var(--font-size-text-md);text-transform:none;text-align:left;text-decoration:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;--icon-size: 18px;--icon-stroke-width: 1.5px;--border-color: var(--color-border);color:var(--color-icon-subtle);--size: 32px;width:var(--size);height:var(--size);margin-right:calc(-.5 * (var(--size) - var(--icon-size)));cursor:pointer;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:opacity .2s ease,color .2s ease;position:relative;border-radius:var(--radius-md);background-color:var(--bg-color)}.main-menu-pin-button>svg{z-index:1}.main-menu-pin-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.main-menu-pin-button{--dir: calc(1 * var(--m-pinned) + -1 * (1 - var(--m-pinned)));--arrow-rotation: calc(var(--m-pinned) * 180deg);--line-offset: calc(var(--m-pinned) * 1px);--arrow-offset: calc(var(--line-offset) * .5)}.main-menu-pin-button svg path{transition:transform .2s ease,opacity .2s ease}.main-menu-pin-button .icon-part-line{transform:translate(var(--line-offset))}.main-menu-pin-button .icon-part-arrow{transform-origin:62% 50%;transform:translate(var(--arrow-offset, 0)) rotate(var(--arrow-rotation, 0))}.main-menu-pin-button[data-hovered]{--bg-color: var(--color-control-hover);--line-offset: calc(var(--m-pinned) * -.5px + (1 - var(--m-pinned)) * 3px);--arrow-offset: calc(var(--m-pinned) * -1px + (1 - var(--m-pinned)) * 2px);color:var(--color-icon)}.main-menu-pin-button[data-pressed]{--bg-color: var(--color-control-pressed)}.menu-item-hover-card{display:flex;flex-direction:column;width:240px;background-color:var(--color-surface-raised);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.menu-item-hover-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.menu-item-hover-card .body{padding:var(--spacing-150) var(--spacing-200);padding-top:var(--spacing-100);font-family:var(--font-family-body);display:flex;flex-direction:column;gap:var(--spacing-50)}.menu-item-hover-card .body h3{margin:0;font-size:var(--font-size-text-md);line-height:var(--line-height-label-md);font-weight:var(--font-weight-medium)}.menu-item-hover-card .body p{margin:0;font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm);color:var(--color-text-subtle)}.main-menu-icon{stroke-linecap:round;stroke-linejoin:round;stroke:var(--icon-color, currentcolor);fill:none;stroke-width:var(--icon-stroke-width, 1.666px);width:var(--icon-size, 24px);height:var(--icon-size, 24px);flex-shrink:0}.main-menu-icon path{vector-effect:non-scaling-stroke}