:where(.synano){--_font-mono:var(--font-mono,ui-monospace,"SF Mono",menlo,consolas,"Liberation Mono",monospace);--_radius-md:var(--radius-md,0.5rem);--_radius-lg:var(--radius-lg,0.75rem);--_space-8:var(--space-8,0.5rem);--_space-12:var(--space-12,0.75rem);--_space-16:var(--space-16,1rem);--_space-24:var(--space-24,1.5rem);--_space-48:var(--space-48,3rem);--_chrome-color:var(--synano-chrome-color,#9f9fa9);--_color-success:oklch(67% 0.18 155deg);--_text-xs:var(--text-xs,0.75rem);--_text-sm:var(--text-sm,0.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,250ms);--_ease-out:var(--ease-out,cubic-bezier(0.22,1,0.36,1));margin:var(--_space-24) 0}.synano{background-color:transparent;border:none;overflow:hidden;position:relative}.synano,.synano code{max-width:100%;padding:0;width:100%}.synano code{border-radius:var(--_radius-lg);box-sizing:border-box;display:block;font-family:var(--_font-mono);font-size:var(--_text-sm);line-height:var(--_leading-snug);margin:0;overflow-x:auto;scrollbar-color:hsla(0,0%,100%,.3) transparent;scrollbar-width:thin;tab-size:4;white-space:pre}.synano code::-webkit-scrollbar{height:8px}.synano code::-webkit-scrollbar-track{background:transparent}.synano code::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:var(--_radius-sm)}.synano code::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.synano .hljs-ln-numbers{color:color-mix(in srgb,var(--_chrome-color) 60%,transparent);font-size:var(--_text-xs);left:0;padding-left:var(--_space-12);padding-right:var(--_space-16);position:sticky;text-align:right;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:var(--_space-48);z-index:1}.synano table{border-collapse:collapse;display:table;width:100%}.synano .hljs-ln-code{padding-right:var(--_space-16)!important}.synano.has-header:before{color:var(--_chrome-color);content:attr(data-header);display:block;font-family:var(--_font-mono);font-size:var(--_text-xs);left:var(--_space-16);letter-spacing:.02em;position:absolute;top:var(--_space-12)}.synano.has-header code{padding-top:var(--_space-48)}.synano.has-line-numbers code{padding-inline:0}.synano-copy-button{align-items:center;appearance:none;backdrop-filter:blur(5px);background-color:transparent;border:var(--_border-thin) solid color-mix(in srgb,var(--_chrome-color) 12.5%,transparent);border-radius:var(--_radius-md);color:var(--_chrome-color);cursor:pointer;display:inline-flex;font-size:var(--_text-xs);gap:var(--_space-8);line-height:var(--_leading-none);opacity:0;padding:.375rem var(--_space-12);position:absolute;right:var(--_space-12);top:var(--_space-8);transition:var(--_duration-base) var(--_ease-out);z-index:10;svg{display:block;flex-shrink:0;height:14px;width:14px}svg path,svg rect{fill:none!important;stroke:currentcolor!important}}.synano-copy-button:hover{background-color:var(--hover-bg-color,hsla(0,0%,100%,.1));transform:scale(1.05)}.synano:hover .synano-copy-button{opacity:1}.synano-copy-button.copied svg{color:var(--_color-success)}@media (width <= 768px){pre code.hljs{font-size:var(--_text-sm)}.synano-copy-button{opacity:1}}