@layer properties,theme,base;@layer components{.Ky-e9G_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.Ky-e9G_field{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.Ky-e9G_unit{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute);flex-shrink:0}.Ky-e9G_samples{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.Ky-e9G_row{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.Ky-e9G_caption{font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-fg-mute)}.Ky-e9G_unitName{width:calc(var(--spacing) * 16)}.Ky-e9G_ruler{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.Ky-e9G_bar{height:calc(var(--spacing) * 2);border-radius:var(--radius-sm)}.Ky-e9G_ch{background-color:var(--color-primary-fg)}.Ky-e9G_rch{background-color:var(--color-secondary-fg)}.Ky-e9G_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;
@layer properties,theme,base;@layer components{.oGGdCG_root{gap:calc(var(--spacing) * 8);flex-direction:column;display:flex}.oGGdCG_heading{margin-bottom:calc(var(--spacing) * 2);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold);color:var(--color-fg-base)}.oGGdCG_samples{gap:calc(var(--spacing) * 12);display:flex}.oGGdCG_widthSample{align-items:flex-start;gap:var(--spacing);flex-direction:column;display:flex}.oGGdCG_heightSample{align-items:baseline;gap:calc(var(--spacing) * .5);display:flex}.oGGdCG_bar{background-color:var(--color-primary-fg);border-radius:var(--radius-sm)}.oGGdCG_unitName{font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-fg-mute)}.oGGdCG_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;
@layer properties,theme,base;@layer components{.SBnRoW_root{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.SBnRoW_controls{gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.SBnRoW_control{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.SBnRoW_label{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.SBnRoW_colorInput{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 8);border-style:solid;border-width:1px;border-color:var(--color-border-base);border-radius:var(--radius-sm);cursor:pointer}.SBnRoW_value{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.SBnRoW_scroller{height:calc(var(--spacing) * 48);padding:calc(var(--spacing) * 4);border-radius:var(--radius-lg);background-color:var(--color-bg-mute);overflow-y:scroll}.SBnRoW_list{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.SBnRoW_item{padding:calc(var(--spacing) * 3);border-radius:var(--radius-md);background-color:var(--color-bg-base);box-shadow:var(--shadow-sm)}.SBnRoW_itemTitle{color:var(--color-fg-base)}.SBnRoW_itemText{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.SBnRoW_output{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;
@layer properties,theme,base;@layer components{.HKVoVW_root{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.HKVoVW_status{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.HKVoVW_counter{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.HKVoVW_label{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}.HKVoVW_scrollCount{font-weight:var(--font-weight-bold);color:var(--color-fg-info)}.HKVoVW_scrollendCount{font-weight:var(--font-weight-bold);color:var(--color-primary-fg)}.HKVoVW_time{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.HKVoVW_reset{padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);border-radius:var(--radius-md);background-color:var(--color-bg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-left:auto}@media (hover:hover){.HKVoVW_reset:hover{background-color:var(--color-bg-subtle)}}.HKVoVW_scroller{height:calc(var(--spacing) * 48);padding:calc(var(--spacing) * 4);border-radius:var(--radius-xl);background-color:var(--color-bg-mute);overflow-y:scroll}.HKVoVW_list{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.HKVoVW_item{padding:calc(var(--spacing) * 3);border-radius:var(--radius-md);background-color:var(--color-bg-base);box-shadow:var(--shadow-sm)}.HKVoVW_itemTitle{color:var(--color-fg-base)}.HKVoVW_itemText,.HKVoVW_note{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-fg-mute)}}@layer utilities;