section.theme .container{display:flex;justify-content:center;gap:2.25rem}section.theme .container .wrapper{width:100%;padding:3.75rem;display:flex;gap:1.875rem;border-radius:var(--radius-03);background-color:var(--background-color-02)}section.theme .container .wrapper .info{height:-moz-fit-content;height:fit-content;padding:2rem 1.5rem;position:-webkit-sticky;position:sticky;top:5.625rem;display:flex;flex-direction:column;gap:1.5rem;border-radius:var(--radius-02);background-color:var(--background-color-01)}section.theme .container .wrapper .info .item{width:100%;position:relative;display:flex;flex-direction:column;gap:.75rem}section.theme .container .wrapper .info .item .title{font-size:var(--text-02);font-weight:700}section.theme .container .wrapper .info .item a{width:100%;padding:0 .375rem;justify-content:flex-start;gap:.75rem;border-radius:var(--radius-01);text-decoration:none;font-size:var(--text-01);font-weight:400}section.theme .container .wrapper .info .item a .avatar{width:1.5rem;height:1.5rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:100%;background-color:var(--background-color-02)}section.theme .container .wrapper .info .item a .avatar img{width:100%;height:100%;object-fit:cover;object-position:center}section.theme .container .wrapper .info .item a:hover{color:var(--color)}section.theme .container .wrapper .info .item ul{margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;list-style:none}section.theme .container .wrapper .info .item .counter{width:1.5rem;height:1.5rem;position:absolute;transform:translate(-50%,-50%);top:.9375rem;left:calc(100% - 1em);display:flex;align-items:center;justify-content:center;border-radius:100%;font-weight:700;color:var(--background-color-01);background-color:var(--color)}section.theme .container .wrapper .main{width:70%;display:flex;flex-direction:column;justify-content:center;gap:1.125rem}section.theme .container .wrapper .main .preview{width:100%;min-height:35rem;padding:1.5rem 1.875rem;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-03);background-color:var(--background-color-01)}section.theme .container .wrapper .main .preview img{width:auto;height:auto;border-radius:var(--radius-02);object-fit:contain;object-position:center}section.theme .container .wrapper .main .instructions{width:100%}@media screen and (max-width:64rem){section.theme .container .wrapper{padding:1.5rem;flex-direction:column}section.theme .container .wrapper .main{width:100%}section.theme .container .wrapper .main .preview{min-height:auto;padding:.75rem}section.theme .container .wrapper .main .preview img{height:100%}section.theme .container .wrapper .info{position:relative;top:unset}}.markdown{width:100%;display:flex;flex-direction:column;gap:1.125rem;color:var(--neutral-03)}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin:1.125rem 0 0;color:var(--neutral-01);font-size:1.125rem}.markdown h1 *,.markdown h2 *,.markdown h3 *,.markdown h4 *,.markdown h5 *,.markdown h6 *{font-size:inherit}.markdown h1,.markdown h2,.markdown h3{font-size:1.875rem}.markdown ol,.markdown ul{width:100%;margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.markdown ol li,.markdown ul li{width:100%}.markdown ol li a,.markdown ul li a{-webkit-text-decoration:underline var(--color);text-decoration:underline var(--color)}.markdown ol ol,.markdown ol ul,.markdown ul ol,.markdown ul ul{margin:1em 0}.markdown a{padding:0;color:var(--color);display:inline-flex}.markdown p{margin:0}.markdown a>code,.markdown kbd,.markdown li>code,.markdown p>code,.markdown span>code{margin:0 .25em;padding:.5em;border-radius:var(--radius-01);text-shadow:rgba(0,0,0,.3) 0 .0625rem;font-family:var(--font-jetbrains-mono);color:var(--neutral-02);background-color:var(--background-color-01)}.markdown em{color:var(--neutral-02)}.markdown blockquote{margin:0;padding:1em 1em 1em 3.5em;position:relative;border-radius:var(--radius-01);color:var(--neutral-01);background-color:var(--neutral-05)}.markdown blockquote:before{content:"✨";position:absolute;transform:translate(-50%,-50%);top:50%;left:1.5em;font-size:var(--text-03)}.markdown pre{max-width:100%;margin:0;padding:.75rem 1.125rem;position:relative;overflow:auto;border-radius:var(--radius-01);background-color:var(--background-color-01);font-family:var(--font-jetbrains-mono)}.markdown pre .codeblock{margin:0!important;padding:0!important;font-family:inherit!important;background-color:transparent!important}.markdown pre code{overflow:auto;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;tab-size:4;white-space:pre;word-break:normal;word-spacing:normal;overflow-wrap:normal;line-height:1.8;text-shadow:rgba(0,0,0,.3) 0 .0625rem;text-align:left;font-family:inherit!important;color:var(--neutral-02);background-color:transparent}.markdown img{width:auto;max-width:100%;object-fit:contain;background-color:var(--background-color-02)}.code-copy-btn{padding:0;position:absolute;top:1rem;right:1rem;border:none;cursor:pointer}.code-copy-btn *{outline:none!important}.code-copy-btn:disabled{cursor:default}