:where(.synano){--_font-mono: var( --font-mono, ui-monospace, "SF Mono", menlo, consolas, "Liberation Mono", monospace );--_radius-md: var(--radius-md, .5rem);--_radius-lg: var(--radius-lg, .75rem);--_space-8: var(--space-8, .5rem);--_space-12: var(--space-12, .75rem);--_space-16: var(--space-16, 1rem);--_space-24: var(--space-24, 1.5rem);--_space-48: var(--space-48, 3rem);--_color-text-muted: var(--color-text-muted, oklch(46% .01 232deg));--_color-success: var(--color-success, oklch(67% .18 155deg));--_text-xs: var(--text-xs, .75rem);--_text-sm: var(--text-sm, .875rem);--_leading-snug: var(--leading-snug, 1.5);--_leading-none: var(--leading-none, 1);--_border-thin: var(--border-thin, 1px);--_radius-sm: var(--radius-sm, 4px);--_duration-base: var(--duration-base, .25s);--_ease-out: var(--ease-out, cubic-bezier(.22, 1, .36, 1));margin:var(--_space-24) 0}.synano{position:relative;overflow:hidden;width:100%;max-width:100%;padding:0;border:none;background-color:transparent}.synano code{scrollbar-color:rgb(255 255 255 / 30%) transparent;scrollbar-width:thin;overflow-x:auto;display:block;box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0;border-radius:var(--_radius-lg);font-family:var(--_font-mono);font-size:var(--_text-sm);line-height:var(--_leading-snug);-moz-tab-size:4;tab-size:4;white-space:pre}.synano code::-webkit-scrollbar{height:8px}.synano code::-webkit-scrollbar-track{background:transparent}.synano code::-webkit-scrollbar-thumb{border-radius:var(--_radius-sm);background:#ffffff4d}.synano code::-webkit-scrollbar-thumb:hover{background:#ffffff7f}.synano .hljs-ln-numbers{-webkit-user-select:none;user-select:none;position:sticky;z-index:1;left:0;width:var(--_space-48);padding-right:var(--_space-16);padding-left:var(--_space-12);font-size:var(--_text-xs);color:var(--_color-text-muted);text-align:right;white-space:nowrap;vertical-align:middle}.synano table{display:table;border-collapse:collapse;width:100%}.synano .hljs-ln-code{padding-right:var(--_space-16)!important}.synano.has-header:before{content:attr(data-header);position:absolute;top:var(--_space-12);left:var(--_space-16);display:block;font-family:var(--_font-mono);font-size:var(--_text-xs);color:var(--_color-text-muted);letter-spacing:.02em}.synano.has-header code{padding-top:var(--_space-48)}.synano.has-line-numbers code{padding-inline:0}.synano-copy-button{cursor:pointer;position:absolute;z-index:10;top:var(--_space-8);right:var(--_space-12);display:inline-flex;gap:var(--_space-8);align-items:center;padding:.375rem var(--_space-12);border:var(--_border-thin) solid transparent;border-radius:var(--_radius-md);font-size:var(--_text-xs);line-height:var(--_leading-none);color:var(--_color-text-muted);-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--_duration-base) var(--_ease-out)}.synano-copy-button svg{display:block;flex-shrink:0;width:14px;height:14px}.synano-copy-button svg rect,.synano-copy-button svg path{fill:none!important;stroke:var(--_color-text-muted)!important}.synano:hover .synano-copy-button{opacity:1}.synano-copy-button:hover{transform:scale(1.05);background-color:var(--hover-bg-color, rgb(255 255 255 / 10%))}.synano-copy-button.copied{color:var(--_color-success)}@media (width <= 768px){pre code.hljs{font-size:var(--_text-sm)}.synano-copy-button{opacity:1}}