.saas-app-shell-flyout{z-index:40;min-inline-size:220px;padding-block:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-sm);background:var(--saas-bg-surface);box-shadow:var(--saas-elevation-popover);color:var(--saas-nav-text);font-family:var(--saas-font-family);position:fixed}.saas-app-shell-flyout__title{padding:var(--saas-space-xs) var(--saas-space-md) var(--saas-space-sm);color:var(--saas-nav-text-muted);font-size:var(--saas-font-caption);letter-spacing:.4px;text-transform:uppercase;margin:0;font-weight:600}.saas-app-shell-flyout__list{margin:0;padding:0;list-style:none}.saas-app-shell-flyout__link{min-block-size:34px;padding-inline:var(--saas-space-md);color:var(--saas-nav-text);font-size:var(--saas-font-body);white-space:nowrap;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);align-items:center;text-decoration:none;display:flex}.saas-app-shell-flyout__link:hover{background:var(--saas-nav-bg-hover)}.saas-app-shell-flyout__link[aria-current=page]{background:var(--saas-nav-bg-active);color:var(--saas-nav-text-active);font-weight:600}.saas-app-shell-flyout__link:focus-visible{box-shadow:inset var(--saas-nav-focus-ring);outline:none}