._container_1axp6_1{color:#ddd;backdrop-filter:blur(24px);z-index:4;opacity:0;letter-spacing:-.01rem;word-spacing:-.12rem;background-color:#000000e0;border-radius:8px;flex-direction:column;justify-content:flex-start;width:700px;max-width:calc(100vw - 40px);min-height:200px;max-height:calc(100vh - 40px);margin:auto;padding:20px;font-size:14px;line-height:1.6;animation:.4s .4s forwards _fadein_1axp6_1;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 20px 40px #0000005c,0 0 0 1px #868686}._container_1axp6_1 p{margin:0 0 1em}._container_1axp6_1 code{background-color:#4a4a4a;border-radius:4px;padding:0 4px}._container_1axp6_1 button{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:5px;align-self:flex-start;width:120px;padding:8px 12px;font-family:inherit;font-weight:600;transition:all .2s}._container_1axp6_1 button:hover{background:#ccc}@keyframes _fadein_1axp6_1{0%{opacity:0}to{opacity:1}}._handle_aca46_1{--background-color:#efefef;outline:none;position:relative;flex:0 0 1.5em!important}._handle_aca46_1:hover{--background-color:#dbdbdb}._handle_aca46_1[data-separator=active]{--background-color:#f5f5f5}._handle_aca46_1>div{background-color:var(--background-color);border:1px solid #0000000f;border-radius:4px;transition:background-color .2s linear;position:absolute;inset:.25em!important}._handle_aca46_1[aria-orientation=horizontal]>div{top:0;bottom:0}._handle_aca46_1[aria-orientation=vertical]>div{left:0;right:0}._handle_aca46_1 svg{width:1em;height:1em;position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem)}._handle_aca46_1[aria-orientation=horizontal] svg{transform:rotate(90deg)}@font-face{font-family:Geist;font-style:normal;font-weight:700;src:url(/geist-700-normal.ttf)format("truetype")}@font-face{font-family:iaw-mono-var;font-weight:100 700;font-style:normal;font-named-instance:"Regular";font-display:block;src:url(/iaw-mono-var.woff2)format("woff2")}:root{--font:iaw-mono-var, SF Mono, SFMono-Regular, ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#__next{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);user-select:none;height:20px;padding:0 4px;font-size:12px}.editor .monaco-container{flex:1}.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;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;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{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 (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 (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)}}