.answer-container{align-items:center;display:inline-flex;gap:.1rem}.visualization{font-family:var(--font);line-height:1.37;max-height:40rem;overflow:auto}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-container{position:relative;background:#272822;border:.1rem solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:1rem;overflow:hidden}.code,.code[class*=language-]{margin:0;padding:1rem .8rem;overflow-x:auto;&:before{content:attr(data-lang);position:absolute;right:.4rem;top:.2rem;color:var(--color-text-subdued);font-size:.8rem}&,code{font-family:"Operator Mono Ssm Lig","Operator Mono Lig","Operator Mono Ssm","Operator Mono",var(--font);font-size:.9rem;font-weight:var(--font-weight-book)}}.btn-container{display:flex;flex-direction:row;margin-block:1rem;gap:.5rem}.output{border:.1rem solid var(--color-primary);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.8rem;padding:.8rem}.nav-btns{justify-content:center;gap:1rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color-bg: #222831;--color-bg-dark: #1a1f24;--color-primary: #00adb5;--color-primary-dark: #0a8b91;--color-text: #ccc;--color-text-bright: #fff;--color-text-subdued: #666;--color-text-on-primary: #fff;--font: "source-code-pro", monospace;--font-weight: 400;--font-weight-book: 500;--font-weight-bold: 700;--border-radius: .4rem;--z-index-front: 10;--z-index-overlay: 20}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font);font-weight:var(--font-weight)}strong{font-weight:var(--font-weight-bold);color:var(--color-text-bright);text-shadow:0 0 5px currentColor}.main{margin:auto;max-width:100ch;padding:1rem}[aria-disabled=true]{cursor:not-allowed}.btn{user-select:none;align-items:center;background:none;border:.1em solid var(--color-primary);border-radius:2rem;color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:clamp(.9rem,.7rem + 1vw,1.1rem);font-weight:var(--font-weight-bold);gap:.5rem;line-height:1;padding:.4em .8em;text-decoration:none;&:not([disabled]){&:hover,&:focus-visible{filter:brightness(150%);background:var(--color-bg-dark)}}&[disabled],&[aria-disabled=true]{pointer-events:none;cursor:not-allowed;filter:grayscale(100%)}}.btn-plain{border:none}.btn-compact{border:none;padding:0;&:not([disabled]){&:hover,&:focus-visible{background:none}}}.btn-circle{padding:.4em;border-radius:50%}.nav{background-color:var(--color-primary);color:var(--color-text-on-primary);display:grid;grid-template-columns:auto auto 1fr auto;box-shadow:0 0 5px #00000080;align-items:center;height:3.5rem;position:sticky;top:0;z-index:var(--z-index-front)}.nav-title,.nav-title:visited{color:var(--color-text-on-primary);text-decoration:none;font-size:clamp(1rem,.8rem + 1vw,1.5rem);padding-inline:.5rem}.nav-btn{color:var(--color-text-on-primary);background:#fff0;border:none;cursor:pointer;display:flex;height:100%;padding:1rem;place-items:center;&:active,&:hover,&:focus-visible{background:#0003}}.nav-skip{overflow:hidden;padding:0;transition:padding .1s,width .3s .1s;white-space:nowrap;width:0;&:focus-visible{padding:1rem;width:auto}}.nav-menu-btn{path{transform-origin:center;transition:all .15s ease-in}&[aria-expanded=true]{path:first-child{opacity:0;transform:rotate(45deg)}path:nth-child(2){transform:rotate(45deg) translateY(6px)}path:last-child{transform:rotate(-45deg) translateY(-6px)}}}.nav-menu{&.open{background-color:#0006;right:0;user-select:all;nav{transform:translate(0)}}nav{background-color:#fff;max-width:80%;overflow-y:auto;transform:translate(-100%);transition:all .2s ease;user-select:none;width:20rem}ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}a{color:#000;display:block;font-weight:var(--font-weight-bold);padding:1rem 1.5rem;text-decoration:none;width:100%;&:hover,&:focus-visible{background:#0003}&.active{background-color:var(--color-primary-dark);color:var(--color-text-on-primary)}}nav,&.open{bottom:0;left:0;position:fixed;top:3.5rem;z-index:var(--z-index-overlay)}}