.gb-tv__header{align-items:end;display:grid;gap:var(--gb-space-12);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--gb-space-14)}.gb-tv__header>div{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-tv__header p{margin:0}.gb-tv__viewer{border:1px solid var(--gb-border-interactive);border-radius:var(--gb-radius-md);overflow:hidden}.gb-tv__bar{align-items:center;border-bottom:1px solid var(--gb-light-hairline);display:flex;flex-wrap:wrap}.gb-on-dark .gb-tv__bar{border-bottom-color:var(--gb-dark-hairline)}.gb-tv__tabs{display:flex}.gb-tv__tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--gb-light-text-muted);cursor:pointer;font-family:var(--gb-font-body);font-size:.9375rem;font-weight:var(--gb-weight-light);padding:16px 24px;transition:color var(--gb-duration) var(--gb-ease),border-color var(--gb-duration) var(--gb-ease)}.gb-on-dark .gb-tv__tab{color:var(--gb-dark-text-muted)}.gb-tv__tab--active{border-bottom-color:var(--gb-green);color:var(--gb-light-text);font-weight:var(--gb-weight-medium)}.gb-on-dark .gb-tv__tab--active{color:var(--gb-dark-text)}.gb-tv__context{color:var(--gb-light-text-subtle);margin-left:auto;padding-inline:24px}.gb-on-dark .gb-tv__context{color:var(--gb-black-60)}.gb-tv__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gb-tv__panel[hidden]{display:none}.gb-tv__code,.gb-tv__visual{background:var(--gb-black);color:var(--gb-white)}.gb-tv__visual{display:flex;flex-direction:column;gap:var(--gb-space-4);padding:var(--gb-space-8)}.gb-tv__visual-heading{color:var(--gb-black-40);margin:0}.gb-tv__rows{display:flex;flex-direction:column;font-size:var(--gb-size-small);gap:var(--gb-space-3)}.gb-tv__row{align-items:center;display:flex;gap:10px;margin:0}.gb-tv__row--nested{border-left:1px solid var(--gb-black-80);margin-left:3px;padding-left:22px}.gb-tv__row-meta{color:var(--gb-black-40)}.gb-tv__code{border-left:1px solid var(--gb-black-80)}.gb-tv__code-header{color:var(--gb-black-40);display:flex;gap:var(--gb-space-4);justify-content:space-between;padding:var(--gb-space-4) var(--gb-space-6) var(--gb-space-2)}.gb-tv__code-body{font-family:var(--gb-font-mono);font-size:var(--gb-size-mono);line-height:1.6;overflow-x:auto;padding:var(--gb-space-2) var(--gb-space-6) 28px}@media (max-width:900px){.gb-tv__panel{grid-template-columns:minmax(0,1fr)}.gb-tv__code{border-left:0;border-top:1px solid var(--gb-black-80)}}@media (max-width:767px){.gb-tv__header{margin-bottom:var(--gb-space-12)}.gb-tv__tab{padding:14px 22px}.gb-tv__context{padding-block:0 var(--gb-space-3)}}