.app-drawer [data-slot=content]{max-width:100vw;width:var(--app-drawer-width,440px)!important}.app-drawer-header{border-bottom:1px solid var(--ui-border);background:var(--ui-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:.625rem;height:3rem;padding:0 1.25rem 0 1.75rem;display:flex}.app-drawer-header-text{flex-direction:column;gap:.0625rem;min-width:0;display:flex}.app-drawer-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-muted);margin:0;font-size:10px;font-weight:600}.app-drawer-title{color:var(--ui-text-highlighted);margin:0;font-size:14px;font-weight:500;line-height:1.3}.app-drawer-close{width:1.5rem;height:1.5rem;color:var(--ui-text-muted);border-radius:2px;justify-content:center;align-items:center;transition:background-color .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.app-drawer-close:hover:not(:disabled){background-color:var(--starter-header-pill-hover);color:var(--ui-text-highlighted)}.app-drawer-close:focus-visible{outline:1px solid var(--ui-primary);outline-offset:1px}.app-drawer-close:disabled{opacity:.4;cursor:not-allowed}.app-drawer-body{background:var(--ui-bg-elevated);flex-direction:column;gap:1.5rem;padding:1.5rem 1.75rem 1.75rem;display:flex}.app-drawer-footer{border-top:1px solid var(--ui-border);background:var(--ui-bg);flex-shrink:0;align-items:center;gap:.625rem;height:3rem;padding:0 1.5rem;display:flex}.app-drawer-section{flex-direction:column;gap:.75rem;display:flex}.app-drawer-section+.app-drawer-section{border-top:1px solid var(--ui-border-muted);padding-top:1.25rem}.app-drawer-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ui-text-muted);margin:0;font-size:10px;font-weight:600}.app-drawer-field{flex-direction:column;min-width:0;display:flex}.app-drawer-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}.app-drawer-field-label{color:var(--ui-text-dimmed);align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:11px;font-weight:600;display:flex}.app-drawer-field-required{color:var(--ui-error)}.app-drawer-field-error{color:var(--ui-error);margin-top:.25rem;font-size:11px}.app-drawer-input{background-color:var(--color-blu-form-element-bg);border:1px solid var(--ui-border);width:100%;height:2rem;color:var(--ui-text-highlighted);border-radius:2px;padding:0 .625rem;font-family:inherit;font-size:12px;transition:border-color .15s cubic-bezier(.22,1,.36,1)}.app-drawer-input::placeholder{color:var(--ui-text-muted)}.app-drawer-input:focus{border-color:var(--ui-primary);box-shadow:inset 0 0 0 1px var(--ui-primary);outline:none}.app-drawer-input[aria-invalid=true]{border-color:var(--ui-error);box-shadow:inset 0 0 0 1px var(--ui-error)}.app-drawer-display{align-items:baseline;gap:.5rem;padding:.375rem 0;display:flex}.app-drawer-display-label{color:var(--ui-text-dimmed);font-size:11px;font-weight:600}.app-drawer-display-value{color:var(--ui-text-highlighted);text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px;overflow:hidden}.app-drawer-disclosure{color:var(--ui-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.4rem;padding:0;font-size:12px;font-weight:500;transition:color .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.app-drawer-disclosure:hover{color:var(--ui-text-highlighted)}.app-drawer-disclosure:focus-visible{outline:1px solid var(--ui-primary);outline-offset:2px}.starter-topbar .header-icon-button{width:2rem;height:1.75rem;color:var(--ui-text-toned);border-radius:.375rem;justify-content:center;align-items:center;transition:background-color .15s cubic-bezier(.22,1,.36,1),color .15s cubic-bezier(.22,1,.36,1);display:inline-flex}.starter-topbar .header-icon-button:hover{background-color:var(--starter-header-pill-hover);color:var(--ui-text-highlighted)}.starter-topbar .header-icon-button:focus-visible{outline:1px solid var(--ui-primary);outline-offset:1px}.starter-topbar .header-icon-button.router-link-active,.starter-topbar .header-icon-button.router-link-exact-active{background-color:var(--starter-header-pill-bg);color:var(--ui-primary)}.user-flyout-panel{border:1px solid var(--starter-header-subnav-border);border-radius:var(--starter-header-subnav-radius);background-color:var(--ui-bg-elevated);min-width:13rem;padding:.375rem;box-shadow:0 16px 32px -18px #000000b3,0 8px 16px -12px #00000080}.user-flyout-item{border-radius:calc(var(--header-subnav-radius) - .375rem);width:100%;color:var(--ui-text-toned);text-align:left;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.user-flyout-item-active,.user-flyout-item:hover{background-color:var(--starter-header-subnav-highlight);color:var(--ui-text-highlighted)}.user-flyout-icon{opacity:.6;flex-shrink:0;width:1rem;height:1rem}.user-flyout-item-active .user-flyout-icon{opacity:1}.user-language-flyout{min-width:11rem}.header-nav [data-slot=childLink]:not([data-active]) [data-slot=childLinkIcon]{opacity:.6}.starter-topbar .tenant-switcher{background-color:#0000;border-radius:2px;transition:background-color .15s cubic-bezier(.22,1,.36,1)}.starter-topbar .tenant-switcher:hover{background-color:var(--starter-header-pill-hover)}.starter-topbar .user-flyout-trigger{background-color:var(--starter-header-avatar-bg);color:var(--starter-header-avatar-text)}.starter-topbar .user-flyout-trigger:hover{background-color:var(--starter-header-avatar-hover-bg)}