@layer properties,theme,base;@layer components{@keyframes _2Jrt2W_pulse{50%{opacity:.5}}._2Jrt2W_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}._2Jrt2W_controls{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}._2Jrt2W_scroller{height:calc(var(--spacing) * 56);border-radius:var(--radius-xl);background-color:var(--color-bg-mute);padding:calc(var(--spacing) * 4);position:relative;overflow-y:scroll}._2Jrt2W_list{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}._2Jrt2W_skeleton{border-radius:var(--radius-md);background-color:var(--color-bg-subtle);padding:calc(var(--spacing) * 3);animation:_2Jrt2W_pulse var(--duration-pulse) var(--easing-pulse) infinite;transition:height var(--duration-moderate) var(--easing-in-out);&[data-loaded=true]{background-color:var(--color-bg-base);box-shadow:var(--shadow-sm);animation:none}}._2Jrt2W_skeletonText{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-base)}._2Jrt2W_item{border-radius:var(--radius-md);background-color:var(--color-bg-base);padding:calc(var(--spacing) * 3);box-shadow:var(--shadow-sm)}._2Jrt2W_itemText{color:var(--color-fg-base)}._2Jrt2W_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.BkHj2a_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.BkHj2a_controls{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.BkHj2a_body{gap:calc(var(--spacing) * 4);display:flex}.BkHj2a_scroller{min-width:0;height:calc(var(--spacing) * 56);border-radius:var(--radius-xl);background-color:var(--color-bg-mute);padding:calc(var(--spacing) * 4);flex:1;overflow-y:scroll}.BkHj2a_list{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.BkHj2a_prepended{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex;&:empty{display:none}}.BkHj2a_prependedItem{border-radius:var(--radius-md);background-color:var(--color-primary-bg);padding:calc(var(--spacing) * 3);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-primary-fg)}.BkHj2a_item{border-radius:var(--radius-md);background-color:var(--color-bg-base);padding:calc(var(--spacing) * 3);box-shadow:var(--shadow-sm)}.BkHj2a_itemText{color:var(--color-fg-base)}.BkHj2a_map{width:calc(var(--spacing) * 6);border-radius:var(--radius-full);background-color:var(--color-bg-subtle);flex-shrink:0;position:relative}.BkHj2a_mapPrepended{border-top-left-radius:var(--radius-full);border-top-right-radius:var(--radius-full);background-color:var(--color-primary-bg);inset-inline:0;position:absolute;top:0}.BkHj2a_mapViewport{border:2px solid var(--color-fg-base);border-radius:var(--radius-sm);transition:top var(--duration-moderate) var(--easing-in-out);position:absolute;inset-inline:0}.BkHj2a_metrics{column-gap:calc(var(--spacing) * 4);row-gap:var(--spacing);font-size:var(--font-size-sm);line-height:var(--line-height-sm);grid-template-columns:auto 1fr;display:grid}.BkHj2a_metricName{color:var(--color-fg-mute)}.BkHj2a_metricValue{font-family:var(--font-family-mono);color:var(--color-fg-base)}.BkHj2a_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;
