@layer properties,theme,base;@layer components{.zZRV0W_root{gap:calc(var(--spacing) * 8);flex-direction:column;display:flex}.zZRV0W_detailsAnimation::details-content{interpolate-size:allow-keywords;transition:height .5s ease, content-visibility .5s ease allow-discrete;height:0;overflow:clip}.zZRV0W_detailsAnimation[open]::details-content{height:auto}.zZRV0W_summary{color:var(--color-fg-base);cursor:pointer;font-weight:var(--font-weight-bold)}.zZRV0W_note{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}@layer utilities;
@layer properties,theme,base;@layer components{.y6EZvq_childrenBordered{padding:calc(var(--spacing) * 4)}.y6EZvq_childrenBordered>:not(summary){border-style:dashed;border-width:4px;border-color:var(--color-primary-border)}.y6EZvq_contentBordered{padding:calc(var(--spacing) * 4)}.y6EZvq_contentBordered::details-content{border-style:dashed;border-width:4px;border-color:var(--color-primary-border)}}@layer utilities;
@layer properties,theme,base;@layer components{.TfWKUa_note{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.TfWKUa_root{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.TfWKUa_controls{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.TfWKUa_count{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.TfWKUa_countValue{color:var(--color-fg-base);font-weight:var(--font-weight-medium)}.TfWKUa_latestHeader{margin-bottom:calc(var(--spacing) * 3);justify-content:space-between;align-items:center;display:flex}.TfWKUa_latestTitle{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.TfWKUa_latestHeading{color:var(--color-fg-base);font-weight:var(--font-weight-medium)}.TfWKUa_timestamp{color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.TfWKUa_duration{margin-bottom:calc(var(--spacing) * 4)}.TfWKUa_durationRow{align-items:baseline;gap:calc(var(--spacing) * 2);margin-bottom:var(--spacing);display:flex}.TfWKUa_durationValue{color:var(--color-primary-fg);font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);font-weight:var(--font-weight-bold)}.TfWKUa_durationUnit{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.TfWKUa_bars,.TfWKUa_history{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.TfWKUa_historyHeading{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium)}.TfWKUa_historyList{gap:var(--spacing);flex-direction:column;display:flex}.TfWKUa_historyRow{padding-block:var(--spacing);font-size:var(--font-size-sm);line-height:var(--line-height-sm);justify-content:space-between;align-items:center;display:flex}.TfWKUa_historyName{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.TfWKUa_historyTime{color:var(--color-fg-mute)}.TfWKUa_historyMetrics{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.TfWKUa_metric{color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.TfWKUa_historyDuration{color:var(--color-fg-base);font-weight:var(--font-weight-medium)}.TfWKUa_bar{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.TfWKUa_barLabel{width:calc(var(--spacing) * 16);color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs);flex-shrink:0}.TfWKUa_barTrack{height:calc(var(--spacing) * 4);border-radius:var(--radius-full);background-color:var(--color-bg-mute);flex:1;position:relative;overflow:hidden}.TfWKUa_barFill{inset-block:0;border-radius:var(--radius-full);transition:all var(--duration-slow) var(--easing-in-out);position:absolute;left:0}.TfWKUa_barFill[data-tone=info]{background-color:var(--color-fg-info)}.TfWKUa_barFill[data-tone=warning]{background-color:var(--color-fg-warning)}.TfWKUa_barFill[data-tone=success]{background-color:var(--color-fg-success)}.TfWKUa_barValue{width:calc(var(--spacing) * 16);color:var(--color-fg-base);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);text-align:right;flex-shrink:0}}@layer utilities;
