/*! REDZ.UI - https://github.com/redz-tech/REDZ.UI */
@layer components{.chart{display:grid;gap:var(--redz-space-8);inline-size:100%;border-collapse:collapse}.chart>caption{display:block;color:var(--redz-text);font-weight:600;text-align:start}.chart>thead{display:flex;order:2}.chart>thead>tr{display:flex;flex-wrap:wrap;gap:var(--redz-space-4) var(--redz-space-16);color:var(--redz-text-muted);font-size:var(--redz-fs-12)}.chart>thead th{display:flex;align-items:center;gap:var(--redz-space-4);font-weight:400}.chart>thead th:first-child{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chart>thead th:not(:first-child)::before{content:"";inline-size:0.75rem;block-size:0.75rem;border-radius:3px;background:var(--redz-series)}.chart>tbody{display:flex;align-items:flex-end;gap:2px;block-size:var(--redz-chart-height, 10rem);margin-block-end:1.25rem;overflow-x:clip;border-block-end:1px solid var(--redz-border-strong)}.chart>tbody>tr{position:relative;display:flex;flex:1 1 0;flex-direction:column-reverse;min-inline-size:0;block-size:100%}.chart>tbody>tr:hover{background:var(--redz-bg-hover)}.chart>tbody th{position:absolute;inset-block-start:100%;inset-inline:-2rem;padding-block-start:var(--redz-space-4);overflow:hidden;color:var(--redz-text-muted);font-size:0.6875rem;font-weight:400;line-height:1;text-align:center;white-space:nowrap;pointer-events:none}.chart>tbody>tr:first-child>th{inset-inline-start:0;text-align:start}.chart>tbody>tr:last-child:not(:first-child)>th{inset-inline-end:0;text-align:end}.chart>tbody td{display:block;flex:none;block-size:calc(var(--v, 0) * 100%);padding:0;overflow:hidden;background:var(--redz-series);color:transparent;font-size:0}.chart>tbody td:last-child{border-start-start-radius:4px;border-start-end-radius:4px}.chart>tbody td[data-v]+td[data-v]{border-block-end:2px solid var(--redz-bg)}.chart>tbody>[data-empty]::after{content:"";block-size:3%;border-start-start-radius:4px;border-start-end-radius:4px;background:var(--redz-border)}.chart :is(th,td):nth-child(2){--redz-series:var(--redz-chart-1)}.chart :is(th,td):nth-child(3){--redz-series:var(--redz-chart-2)}.chart :is(th,td):nth-child(4){--redz-series:var(--redz-chart-3)}.chart :is(th,td):nth-child(5){--redz-series:var(--redz-chart-4)}.chart :is(th,td):nth-child(6){--redz-series:var(--redz-chart-5)}.chart :is(th,td):nth-child(7){--redz-series:var(--redz-chart-6)}.chart :is(th,td):nth-child(8){--redz-series:var(--redz-chart-7)}.chart :is(th,td):nth-child(9){--redz-series:var(--redz-chart-8)}:is(.chart :is(th,td),.chart-rows tr)[data-tone="primary"]{--redz-series:var(--redz-primary)}:is(.chart :is(th,td),.chart-rows tr)[data-tone="success"]{--redz-series:var(--redz-success)}:is(.chart :is(th,td),.chart-rows tr)[data-tone="warning"]{--redz-series:var(--redz-warning)}:is(.chart :is(th,td),.chart-rows tr)[data-tone="danger"]{--redz-series:var(--redz-danger)}:is(.chart :is(th,td),.chart-rows tr)[data-tone="info"]{--redz-series:var(--redz-info)}:is(.chart :is(th,td),.chart-rows tr)[data-tone="secondary"]{--redz-series:var(--redz-secondary)}.chart-values>tbody td{position:relative;block-size:calc(var(--v, 0) * (100% - 1rem) + 1rem);overflow:visible;background:none;color:var(--redz-text-muted);font-size:0.6875rem;line-height:1rem;text-align:center;font-variant-numeric:tabular-nums}.chart-values>tbody td::after{content:"";position:absolute;inset:1rem 0 0;border-start-start-radius:4px;border-start-end-radius:4px;background:var(--redz-series)}.chart-bar>tbody{display:block;block-size:auto;margin-block-end:0;border-block-end:0}.chart-bar>tbody>tr,.chart-bar>tbody>tr:hover{flex-direction:row;block-size:var(--redz-chart-bar-height, 0.75rem);border-radius:4px;background:var(--redz-bg-page)}.chart-bar>tbody th{inset:auto;inline-size:1px;block-size:1px;padding:0;clip-path:inset(50%)}.chart-bar>tbody td{inline-size:calc(var(--v, 0) * 100%);block-size:auto}.chart-bar>tbody td[data-v]+td[data-v]{border-block-end:0;border-inline-start:2px solid var(--redz-bg)}.chart-bar>tbody td:nth-child(2){border-start-start-radius:4px;border-end-start-radius:4px}.chart-bar>tbody td:last-child{border-start-start-radius:0;border-start-end-radius:4px;border-end-end-radius:4px}.chart-bar>tbody td:nth-child(2):last-child{border-start-start-radius:4px}.chart-rows{display:grid;gap:var(--redz-space-8);inline-size:100%;font-size:var(--redz-fs-14)}.chart-rows>caption{display:block;font-weight:600;text-align:start}.chart-rows>thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.chart-rows>tbody{display:grid;gap:var(--redz-space-8)}.chart-rows>tbody>tr{--redz-series:var(--redz-chart-1);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(3.5ch,auto);align-items:baseline;gap:var(--redz-space-4) var(--redz-space-12)}.chart-rows>tbody>tr::after{content:"";grid-column:1 / -1;block-size:0.375rem;border-radius:3px;background:linear-gradient(var(--redz-series), var(--redz-series)) 0 0 / calc(var(--v, 0) * 100%) 100% no-repeat, var(--redz-bg-page)}.chart-rows>tbody>tr:dir(rtl)::after{background-position:100% 0,0 0}.chart-rows :is(th,td){padding:0;font-weight:400}.chart-rows th{overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.chart-rows td{text-align:end;font-variant-numeric:tabular-nums}.chart-rows td+td{color:var(--redz-text-muted)}.spark{position:relative;display:inline-flex;align-items:flex-end;gap:1px;inline-size:fit-content;block-size:var(--redz-spark-height, 18px);vertical-align:middle}.spark-md{--redz-spark-height:34px}.spark-lg{--redz-spark-height:64px;gap:2px}.spark>i{flex:none;inline-size:4px;block-size:max(2px, calc(var(--v, 0) * 100%));border-radius:1px;background:var(--redz-success)}.spark-lg>i{inline-size:6px}.spark>[data-state="running"]{background:var(--redz-primary)}.spark>[data-state="timeout"]{background:var(--redz-warning)}.spark>[data-state="failed"]{background:var(--redz-danger)}.spark-median::after{content:"";position:absolute;inset-inline:0;inset-block-end:calc(var(--median, 0) * 100%);border-block-start:1px dashed var(--redz-text-muted);pointer-events:none}.lanes{inline-size:100%;border-collapse:collapse;table-layout:fixed}.lanes>caption{padding-block-end:var(--redz-space-8);font-weight:600;text-align:start}.lanes :is(th,td){padding:1px 0}.lanes tr>:first-child{inline-size:9.5rem}.lanes>tbody>tr>th{padding-inline-end:var(--redz-space-8);overflow:hidden;color:var(--redz-text-muted);font-family:var(--redz-font-mono);font-size:var(--redz-fs-12);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.lanes>tbody>tr>td{position:relative;block-size:1.125rem;background:linear-gradient(to right, var(--redz-border) 1px, transparent 1px) 0 0 / calc(100% / var(--redz-lanes-steps, 8)) 100% repeat-x, var(--redz-lanes-track, var(--redz-bg-page));background-clip:content-box}.lanes>tbody>tr[data-highlighted]>td{--redz-lanes-track:color-mix(in oklch, var(--redz-primary) 10%, var(--redz-bg-page))}.lanes>tbody>tr>td::after{content:"";position:absolute;inset-block:-1px;inset-inline-start:calc(var(--now, 0) * 100%);border-inline-start:2px solid var(--redz-danger);opacity:0.7;pointer-events:none}.lanes-scale{position:relative;block-size:1.25rem}.lanes-scale>span{position:absolute;inset-block-start:0;inset-inline-start:calc(var(--at, 0) * 100%);color:var(--redz-text-muted);font-size:0.6875rem;font-weight:400;font-variant-numeric:tabular-nums;translate:-50% 0;white-space:nowrap}.lanes-scale>span:dir(rtl){translate:50% 0}.lanes-scale>span:first-child{translate:0}.lanes-scale>span:last-child:not(:first-child){translate:-100% 0}.lanes-scale>span:last-child:not(:first-child):dir(rtl){translate:100% 0}.lanes-scale>[data-crowded]{visibility:hidden}.lanes-tick{position:absolute;inset-block:3px;inset-inline-start:calc(var(--at, 0) * 100%);inline-size:2px;border-radius:1px;background:var(--redz-primary);opacity:0.75}.lanes-tick-once{inset-block:2px;inline-size:4px;background:var(--redz-chart-7);opacity:1}.lanes-span{position:absolute;inset-block:3px;inset-inline:calc(var(--from, 0) * 100%) calc((1 - var(--to, 1)) * 100%);display:flex;align-items:center;padding-inline:var(--redz-space-4);overflow:hidden;border:1px solid color-mix(in oklch, var(--redz-primary) 40%, var(--redz-border));border-radius:3px;background:repeating-linear-gradient(115deg, var(--redz-primary-subtle) 0 6px, var(--redz-bg-page) 6px 12px);color:var(--redz-primary);font-size:0.625rem;font-weight:600;line-height:1;white-space:nowrap}@media (forced-colors: active){.chart>tbody td,.chart>thead th::before,.spark>i,.lanes-tick{forced-color-adjust:none;background:CanvasText}.chart-rows>tbody>tr::after{forced-color-adjust:none;background:linear-gradient(CanvasText, CanvasText) 0 0 / calc(var(--v, 0) * 100%) 100% no-repeat, Canvas;outline:1px solid CanvasText}.chart-rows>tbody>tr:dir(rtl)::after{background-position:100% 0,0 0}.chart-values>tbody td{background:none;color:CanvasText}.chart-values>tbody td::after{forced-color-adjust:none;background:CanvasText}}}