@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.p.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/797e433ab948586e-s.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.p.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/797e433ab948586e-s.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_7641f2f6-module___zoVdq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_7641f2f6-module___zoVdq__variable{--geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Geist;font-style:normal;font-weight:700;src:url(/geist-700-normal.ttf)format("truetype")}:root{--font:var(--geist-mono), SF Mono, SFMono-Regular, ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#__next{-webkit-font-smoothing:antialiased;height:100%}body{font-family:var(--font);font-variant:common-ligatures contextual;letter-spacing:-.015em;--border:1px solid #d7d7d7;--border-inactive:1px solid #e4e4e4;background:radial-gradient(#d1d1d1 1px,#0000 0) 0 0/20px 20px fixed,radial-gradient(#d1d1d1 1px,#0000 0) 10px 10px/20px 20px fixed;margin:0}nav{z-index:2;background:#fff;align-items:center;height:40px;padding:0 15px;font-size:.9rem;display:flex;position:sticky;top:0;box-shadow:0 0 24px #0000001a,0 0 0 1px #0000000a}h1{color:#444;letter-spacing:-.015rem;word-spacing:-.09rem;cursor:default;flex:1;align-items:center;gap:.3rem;margin:0;font-size:.9rem;font-weight:500;display:flex}nav ul{gap:10px;margin:0;padding:0;list-style:none;display:flex}a{color:inherit}iframe{appearance:none;border:none;position:absolute}textarea,pre,code{font-family:var(--font)!important}.editor{border:var(--border);background:#fff;border-radius:0 12px 12px;flex-direction:column;height:100%;display:flex;overflow:auto}.editor .editor-controls{justify-content:flex-end;gap:8px;padding:4px 8px;display:flex}.editor .editor-controls button{font-family:var(--font);-webkit-user-select:none;user-select:none;height:20px;padding:0 4px;font-size:12px}.editor .code-editor-container{flex:1;min-height:0}.code-editor{--sh-identifier:#000;--sh-sign:#999;--sh-string:#00a33f;--sh-keyword:#ff5600;--sh-comment:#919191;--sh-class:#21439c;--sh-property:#21439c;--sh-entity:#a535ae;--sh-jsxliterals:#000;--sh-caret-color:#000;--sh-line-number-color:#bfbfbf;height:100%}.code-editor textarea{mix-blend-mode:darken}.container{gap:10px;width:100%;height:calc(100% - 40px);margin:0;padding:10px;display:flex;overflow:auto}.content-wrapper svg{width:100%;height:100%}.tabs{flex-direction:column;width:100%;height:100%;display:flex}.container>.tabs{flex-direction:column;flex:50%;max-width:50%;height:100%;display:flex}.preview{flex:50%;align-self:flex-start;max-width:calc(50% - 5px)}.result-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.preview-card{border:var(--border);background:#111;border-radius:0 12px 12px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.preview-card footer{color:#444;white-space:nowrap;background:#fafafa;border-top:1px solid #00000014;align-items:center;height:24px;padding:3px 10px 4px;font-size:12px;display:flex}.preview-card footer .ellipsis{white-space:pre;text-overflow:ellipsis;overflow:hidden}.preview-card footer .data{flex:1}.error{color:#ff3737;z-index:1;background:#fff;width:100%;height:calc(100% - 24px);padding:10px 20px;font-size:13px;position:absolute;overflow:auto}.error pre{white-space:pre-wrap;margin:0}.preview{flex-direction:column;gap:10px;height:100%;display:flex}.tabs-container{letter-spacing:-.02em;z-index:1;-webkit-user-select:none;user-select:none;white-space:nowrap;max-width:calc(100% - 15px);margin-bottom:-1px;font-size:12px;display:inline-flex;position:relative}.tab{color:#a5a5a5;border:var(--border-inactive);border-bottom:var(--border);cursor:default;text-overflow:ellipsis;background:#efefef;border-top-left-radius:6px;border-top-right-radius:6px;height:22px;padding:2px 10px 4px;overflow:hidden}.tab:hover{background:#fafafa}.tab.active{color:#111;border:var(--border);background:#fff;border-bottom:none;font-weight:600}.controller{border:var(--border);background:#fff;border-radius:12px;flex:1;height:100%;overflow:hidden}.controller h2.title{letter-spacing:-.02em;color:#444;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#fafafa;border-bottom:1px solid #00000014;margin:0;padding:8px 10px;font-size:12px;font-weight:500}.controller .content{flex-direction:column;height:calc(100% - 34px);padding:8px 10px;display:flex;overflow:auto}.controller .control{align-items:center;gap:8px;font-size:12px;display:flex}.controller .control>div{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.controller .control:not(:last-child){border-bottom:1px solid #00000014;margin-bottom:8px;padding-bottom:8px}.controller .control label{-webkit-user-select:none;user-select:none;flex:0 0 140px}.controller input{font-family:var(--font);outline:none}.controller input[type=number]{appearance:none;border:1px solid #0003;border-radius:4px}.controller input[type=number]:hover{border:1px solid #0000004d}.controller input[type=number]:focus{border:1px solid #0006}.controller a.disabled{color:#a5a5a5;cursor:not-allowed}.controller .copyright{flex:1}@media screen and (max-width:999px){.container{flex-direction:column-reverse}.preview{height:unset;flex-direction:row;width:100%;max-width:100%;max-height:calc(28.125vw + 35.5625px)}.container>.tabs{max-width:unset;max-height:calc(100% + -28.125vw - 45.5625px)}.preview>.tabs{width:calc(50% - 5px)}.controller .control label{flex:0 0 120px}}@media screen and (max-width:599px){.preview>.tabs,.controller{width:100%}.container{gap:0}.preview{flex-direction:column;max-height:calc(56.25vw + 197.75px);padding-bottom:10px}.container>.tabs{max-height:calc(100% + -56.25vw - 197.75px)}}