p code{--tw-text-opacity: 1;position:relative;border-radius:.25rem;color:rgb(var(--color-on-surface) / var(--tw-text-opacity));--tw-bg-opacity: 1;background-color:rgb(var(--color-surface) / var(--tw-bg-opacity));padding:.2rem .3rem;font-weight:500;font-size:.75rem;line-height:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.5px}.code-block{position:relative;margin-block:1.5rem;border-radius:.5rem;background-color:#22272e;max-height:650px;overflow:hidden;color:#adbac7;.copy{position:absolute;top:12px;right:12px;opacity:0;z-index:3;transition:opacity .3s ease-in-out,background-color .15s ease-in-out,box-shadow .25s;border-radius:999px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");background-position:50%;background-size:20px;background-repeat:no-repeat;width:40px;height:40px;direction:ltr;&:hover{background-color:rgb(var(--color-surface-hover))}&:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}&:hover{--tw-ring-color: currentColor}&:active{background-color:rgb(var(--color-primary) / .5)}}&:hover .copy{opacity:1}.lang{position:absolute;top:2px;right:8px;opacity:1;z-index:2;color:#ebebf561}.lang{font-weight:500;font-size:.65rem;line-height:1rem;letter-spacing:.5px}&:hover .lang{opacity:0}}pre{position:relative;z-index:1;padding:.25rem;padding-block:1.25rem;overflow-x:auto;code{display:block;transition:color .5s ease-in-out;counter-reset:line;padding-inline:1.5rem;width:-moz-fit-content;width:fit-content;min-width:100%;.line:before{display:inline-block;counter-increment:line;margin-inline:0 1.4rem;content:counter(line);text-align:right}}}pre,code{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code .diff{display:inline-block;transition:background-color .5s ease-in-out;margin:0 -1.5rem;border-left-width:3px;border-style:solid;padding:0 1.5rem;width:calc(100% + 48px);&:before{position:absolute;left:10px}&.remove{opacity:.7;border-color:rgb(var(--color-on-error));background-color:rgb(var(--color-error) / .2);&:before{content:"-";color:rgb(var(--color-error))}}&.add{border-color:#22c55e;background-color:#22c55e33;&:before{content:"+";color:#22c55e}}}code .highlighted{display:inline-block;margin:0 -1.5rem;border-left-width:3px;border-style:solid;background-color:rgb(var(--color-surface-variant) / .5);padding:0 1.5rem;width:calc(100% + 48px);&.error{border-color:rgb(var(--color-on-error));background-color:rgb(var(--color-error) / .2);&:after{padding-left:10px;content:"⮾";color:rgb(var(--color-error))}}&.warning{border-color:rgb(var(--color-primary));background-color:rgb(var(--color-primary) / .2);&:after{padding-left:10px;content:"⚠";color:rgb(var(--color-primary))}}}code .tab,code .space{position:relative}code .tab:before{position:absolute;opacity:.3;content:"⇥"}code .space:before{position:absolute;opacity:.3;content:"."}li.svelte-1sr0cl8:before{content:"";background-image:url(https://m3.material.io/static/assets/list-bullet-dark.svg);width:8px;height:8px;position:absolute;top:8px;left:-16px}