/* Generated by medhava/server/site.js from brand/site/site.css (task 3.8). Do not edit. */
.shot{--line-2:var(--line);--surface:var(--card);--sunk:var(--bg);--mut:var(--faint);--ink-2:var(--dim);--green:var(--ok);--red:var(--neg);--amber:var(--warn);--slate:var(--dim);--grad:var(--brand);--mono:ui-monospace,Menlo,Consolas,monospace}
.ui{border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--surface);
  box-shadow:var(--shadow-m)}
.uibar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--sunk);
  border-bottom:1px solid var(--line)}
.uibar i{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.uibar .d1{background:#ff5f57}
.uibar .d2{background:#febc2e}
.uibar .d3{background:#28c840}
.uibar span{margin-left:8px;font-size:10.5px;font-weight:600;color:var(--mut);letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uibody{padding:12px}
.uik{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:10px}
.uikc{background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:8px 9px;
  border-left:3px solid var(--acc,var(--teal))}
.uikc.g{border-left-color:var(--green)}
.uikc.r{border-left-color:var(--red)}
.uikc.a{border-left-color:var(--amber)}
.uikc .l{display:block;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--mut);line-height:1.3;margin-bottom:3px}
.uikc .v{display:block;font-size:15px;font-weight:800;letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.uikc.g .v{color:var(--green)}
.uikc.r .v{color:var(--red)}
.uikc.a .v{color:var(--amber)}
.uitw{overflow:hidden;border:1px solid var(--line);border-radius:9px}
.uit{width:100%;min-width:0;border-collapse:collapse;font-size:10px;table-layout:fixed}
.uit th{text-align:left;padding:6px 8px;background:var(--sunk);color:var(--mut);font-weight:700;
  font-size:8.5px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border-bottom:1px solid var(--line)}
.uit td{padding:6px 8px;border-bottom:1px solid var(--line);color:var(--ink-2);line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uit th:first-child,.uit td:first-child{width:31%}
.uit th:not(:first-child),.uit td:not(:first-child){text-align:right}
.uit tbody tr:last-child td{border-bottom:none}
.uit td:first-child{font-weight:650;color:var(--ink);font-family:var(--mono);font-size:9.5px}
.uib{margin-top:10px;display:grid;gap:6px}
.uibr{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--slate);font-weight:600}
.uibr span{flex:0 0 42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uibr i{flex:1;height:6px;border-radius:99px;background:var(--sunk);border:1px solid var(--line);overflow:hidden}
.uibr i b{display:block;height:100%;background:var(--grad);border-radius:99px}
.uibr em{font-style:normal;font-weight:800;color:var(--ink);font-size:10px;flex:0 0 32px;text-align:right}
.uibr i b.w0{width:0%}
.uibr i b.w5{width:5%}
.uibr i b.w10{width:10%}
.uibr i b.w15{width:15%}
.uibr i b.w20{width:20%}
.uibr i b.w25{width:25%}
.uibr i b.w30{width:30%}
.uibr i b.w35{width:35%}
.uibr i b.w40{width:40%}
.uibr i b.w45{width:45%}
.uibr i b.w50{width:50%}
.uibr i b.w55{width:55%}
.uibr i b.w60{width:60%}
.uibr i b.w65{width:65%}
.uibr i b.w70{width:70%}
.uibr i b.w75{width:75%}
.uibr i b.w80{width:80%}
.uibr i b.w85{width:85%}
.uibr i b.w90{width:90%}
.uibr i b.w95{width:95%}
.uibr i b.w100{width:100%}