@layer components{.ui-tray{min-width:0;padding:var(--ui-inset);border-radius:var(--ui-radius-2xl);background:var(--ui-surface-tray);color:var(--ui-text-body);box-shadow:inset 0 0 0 1px var(--ui-line-hair), 0 1px 0 var(--ui-lip);margin:0;position:relative}.ui-tray-head{justify-content:space-between;align-items:center;gap:var(--ui-space-xs) var(--ui-space-md);min-height:2.75rem;padding:var(--ui-space-sm) var(--ui-space-md);flex-wrap:wrap;display:flex}.ui-tray-title{min-width:0;color:var(--ui-text-strong);font-size:.8125rem;font-weight:var(--ui-weight-medium);letter-spacing:0;margin:0;line-height:1.4}.ui-tray-description{color:var(--ui-text-muted);margin:2px 0 0;font-size:.75rem;line-height:1.5}.ui-tray-tools{align-items:center;gap:var(--ui-space-xs);flex-wrap:wrap;display:flex}.ui-tray-head>:is(.ui-button,.ui-tray-tools){margin-block:calc(-1 * var(--ui-space-sm))}.ui-tray-caption{padding:var(--ui-space-sm) var(--ui-space-md);color:var(--ui-text-muted);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:.78125rem;line-height:1.6}.ui-tray-caption code{color:var(--ui-text-body)}.ui-tray>*+:is(.ui-stage,.ui-code,.ui-browser,.ui-compare){margin-top:var(--ui-inset)}.ui-tray>.ui-tray-head+:is(.ui-stage,.ui-code,.ui-browser,.ui-compare){margin-top:0}.ui-tray>.ui-callout{margin-top:var(--ui-inset);border-radius:var(--ui-radius-xl)}.ui-tray>.ui-disclosure>summary{padding-inline:var(--ui-space-sm)}.ui-tray .ui-stage{box-shadow:none}.ui-tray:has(>.ui-browser:only-child){border-radius:var(--ui-radius-xl);box-shadow:none;background:0 0;padding:0}.ui-tray .ui-browser[data-variant=plain]:after{content:none}.ui-tray>.ui-browser[data-variant=plain]:only-child:after{content:""}.ui-tray>:has(>.ui-browser-tools:last-child)+.ui-tray-caption,.ui-tray>.ui-browser-tools+.ui-tray-caption{padding-top:0}.ui-tray>:is(.ui-code,.ui-tree),.ui-tray>.ui-disclosure>.ui-code{box-shadow:none}.ui-tray>.ui-disclosure .ui-code{border-radius:0 0 var(--ui-radius-xl) var(--ui-radius-xl);box-shadow:inset 0 1px 0 var(--ui-line-hair);background:0 0}}