.saas-menu{display:inline-flex;position:relative}.saas-menu__trigger{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);block-size:32px;inline-size:32px;color:var(--saas-text-secondary);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard);justify-content:center;align-items:center;display:inline-flex}.saas-menu__trigger[data-shape=round]{border-radius:var(--saas-radius-full)}.saas-menu__trigger:hover{background:var(--saas-bg-sunken);color:var(--saas-text-primary)}.saas-menu__trigger[data-open=true]{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-menu__trigger--labelled{gap:var(--saas-space-xs);block-size:auto;min-block-size:40px;inline-size:auto;padding-inline:var(--saas-space-md) var(--saas-space-sm);color:var(--saas-text-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);white-space:nowrap;font-weight:600}.saas-menu__trigger--labelled:hover,.saas-menu__trigger--labelled[data-open=true]{border-color:var(--saas-brand-subtle);background:var(--saas-brand-subtle);color:var(--saas-brand-primary)}.saas-menu__chevron{transition:transform var(--saas-motion-micro) var(--saas-ease-standard)}.saas-menu__trigger[data-open=true] .saas-menu__chevron{transform:rotate(180deg)}.saas-menu__trigger:focus-visible,.saas-menu__item:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-menu__popover{z-index:45;inline-size:max-content;min-inline-size:220px;max-inline-size:min(320px, calc(100vw - 2 * var(--saas-space-md)));padding:var(--saas-space-xs);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);box-shadow:var(--saas-elevation-popover);font-family:var(--saas-font-family);display:grid;position:fixed}.saas-menu__title{padding:var(--saas-space-sm) var(--saas-space-sm) var(--saas-space-xs);color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0;font-weight:600}.saas-menu__group{padding-block:var(--saas-space-xs);display:grid}.saas-menu__group+.saas-menu__group{border-block-start:1px solid var(--saas-border-default)}.saas-menu__item{align-items:center;gap:var(--saas-space-sm);min-block-size:36px;padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-sm);color:var(--saas-text-primary);font-family:inherit;font-size:var(--saas-font-body-sm);text-align:start;cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:0;display:flex}.saas-menu__item:hover,.saas-menu__item:focus-visible{background:var(--saas-brand-subtle)}.saas-menu__item[aria-disabled=true]{color:var(--saas-text-secondary);cursor:default}.saas-menu__item[aria-disabled=true]:hover{background:var(--saas-bg-sunken)}.saas-menu__icon{color:var(--saas-text-secondary);flex:none}.saas-menu__label{flex:1}.saas-menu__hint{padding:0 var(--saas-space-xs);border-radius:var(--saas-radius-sm);background:var(--saas-status-neutral-subtle);color:var(--saas-text-secondary);font-size:var(--saas-font-caption)}@media (width<=599px){.saas-menu__trigger{block-size:44px;inline-size:44px}.saas-menu__trigger--labelled{block-size:auto;min-block-size:44px;inline-size:auto}.saas-menu__item{min-block-size:44px}}