:where(.synano){margin:1.5rem 0}.synano{--border-radius: .5rem;position:relative;overflow:hidden;width:100%;max-width:100%;padding:0;border:none}.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(--border-radius);font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace;font-size:.875rem;line-height:1.5;-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:4px;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:3rem;padding-right:.9375rem;padding-left:.75rem;font-size:.75rem;color:#9f9fa9;text-align:right;white-space:nowrap;vertical-align:middle}.synano table{display:table;border-collapse:collapse;width:100%}.synano .hljs-ln-code{padding-right:1rem!important}.synano.has-header:before{content:attr(data-header);position:absolute;top:.75rem;left:1rem;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.75rem;color:#9f9fa9;letter-spacing:.02em}.synano.has-header code{padding-top:2.5rem}.synano.has-line-numbers code{padding-inline:0}.synano-copy-button{cursor:pointer;position:absolute;z-index:10;top:.5rem;right:.75rem;display:inline-flex;gap:.375rem;align-items:center;padding:.375rem .75rem;border:1px solid transparent;border-radius:.1875rem;font-size:.75rem;line-height:1;color:#696969;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.2s ease}.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:#696969!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:#10b981}@media (width <= 768px){pre code.hljs{font-size:.875rem}.synano-copy-button{opacity:1}}