.codebox{overflow:hidden;margin:1.5rem 0;border:1px solid var(--color-border-primary);border-radius:var(--elem-radius);background:var(--background-primary);box-shadow:var(--shadow-01);background-clip:padding-box}.codebox,.codebox code{font-family:var(--font-code);tab-size:4}.codebox-header{display:flex;align-items:center;gap:.75rem;min-height:3.1rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-border-primary);background:var(--background-secondary);color:var(--text-secondary);line-height:var(--lh-ui)}.codebox-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codebox-copy{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;padding:.35rem .65rem;border:1px solid var(--color-border-primary);border-radius:var(--elem-radius);background:var(--background-primary);color:var(--text-primary);font:inherit;line-height:1.2;cursor:pointer}.codebox-copy:hover{background:var(--background-secondary)}.codebox-copy:focus-visible{outline:2px solid currentColor;outline-offset:2px}.codebox-copy .icon{width:18px;height:18px;flex:0 0 auto}.codebox-content{overflow-x:auto;padding:1rem 0;background:var(--background-primary);-webkit-overflow-scrolling:touch}.codebox-code{display:block;min-width:max-content;padding:0;border:0;border-radius:0;background:0 0;color:var(--text-primary);font:var(--type-code)}.codebox-row{display:flex;min-height:1.5em;white-space:pre}.codebox-line-number{width:3rem;min-width:3rem;padding-right:.75rem;text-align:right;color:var(--text-inactive);user-select:none}.codebox-line{display:block;flex:1;padding-right:1.5rem;white-space:pre;color:var(--text-primary)}@media (max-width:600px){.codebox-header{padding-inline:.75rem}.codebox-line-number{width:2.5rem;min-width:2.5rem;padding-right:.5rem}.codebox-line{padding-right:1rem}}