.ht-top-table{--ht-frame:color-mix(in oklab,var(--border),var(--bg) 45%);--ht-divider:color-mix(in oklab,var(--border),var(--bg) 75%);--ht-head-bg:color-mix(in oklab,var(--bg),var(--brand-500) 14%);--ht-head-fg:var(--fg);--ht-row-alt:color-mix(in oklab,var(--bg),#000 1.5%);--ht-row-bg:var(--bg);width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;direction:rtl;border-radius:var(--radius);border:1px solid var(--ht-frame);overflow:hidden;background:var(--ht-row-bg);box-shadow:var(--shadow-sm)}
:root[data-theme="dark"] .ht-top-table{--ht-frame:color-mix(in oklab,var(--fg),transparent 70%);--ht-divider:color-mix(in oklab,var(--fg),transparent 82%);--ht-head-bg:color-mix(in oklab,var(--surface-2),var(--brand-300) 18%);--ht-head-fg:var(--fg);--ht-row-alt:color-mix(in oklab,var(--surface-2),#000 3%);--ht-row-bg:var(--surface-2)}
.ht-top-table th,
.ht-top-table td{padding:14px 16px;font-size:15px;text-align:right;vertical-align:middle;border:0;background:transparent;color:var(--fg)}
.ht-top-table thead{background:var(--ht-head-bg);color:var(--ht-head-fg)}
.ht-top-table__head-row{border-bottom:1px solid var(--ht-divider)}
.ht-top-table__head-cell{font-size:13px;font-weight:500;white-space:nowrap}
.ht-top-table__head-cell--label{width:32%}
.ht-top-table__head-cell--value{width:68%;border-inline-start:1px solid var(--ht-divider);text-align:center}
.ht-top-table tbody{background:var(--ht-row-bg)}
.ht-top-table__row{background:var(--ht-row-bg);transition:background-color .15s ease}
.ht-top-table__row:nth-child(even){background:var(--ht-row-alt)}
.ht-top-table__row:not(:last-child){border-bottom:1px solid var(--ht-divider)}
.ht-top-table__row:hover{background:color-mix(in oklab,var(--ht-row-alt),var(--brand-300) 4%)}
.ht-top-table__cell--label{width:32%;font-weight:500}
.ht-top-table__cell--value{width:68%;border-inline-start:1px solid var(--ht-divider)}
.ht-top-table__cell--value,
.ht-top-table__cell--value p,
.ht-top-table__cell--value li{text-align:justify!important;text-align-last:right}
@media(max-width:768px){
  .ht-top-table{border-radius:var(--radius-sm);border-block-width:1px;border-inline-width:0;box-shadow:none}
  .ht-top-table th,
  .ht-top-table td{padding:12px 10px;font-size:14px}
  .ht-top-table__head-cell{font-size:12px}
  .ht-top-table__head-cell--value,
  .ht-top-table__cell--value{border-inline-start:0}
  .ht-top-table__row:nth-child(even){background:transparent}
  .ht-top-table__row:not(:last-child){border-bottom:1px solid var(--ht-divider)}
}
