@font-face{font-family:InterVariable;font-weight:100 900;font-style:normal;font-display:swap;src:url(/tblr/assets/InterVariable-DiVDrmQJ.woff2)format("woff2")}@font-face{font-family:InterVariable;font-weight:100 900;font-style:italic;font-display:swap;src:url(/tblr/assets/InterVariable-Italic-FCBEiFp6.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-style:regular;font-display:swap;src:url(/tblr/assets/JetBrainsMono-Medium-3S3k2nMz.woff2)format("woff2")}@scope(.app-layout) to (:scope>*>*){:scope{grid-template-columns:340px 2fr 3fr;grid-template-rows:var(--header-height) 1fr auto;inset:var(--island-spacing);z-index:1000;display:grid;position:fixed}.title-background{background:var(--theme-color-bg);border-radius:6px;grid-column:1/-1;grid-row-start:1}@supports (corner-shape:squircle){.title-background{corner-shape:squircle;border-radius:10px}}.app-title{grid-column-start:1}.input-title{grid-column-start:2}.output-title{grid-column-start:3}.title{grid-row:1;align-items:center;display:flex}.content{gap:var(--island-spacing);grid-row:2;grid-template-rows:1fr;display:grid;overflow:hidden}.input-area{padding-block-start:var(--island-spacing);padding-inline-start:var(--island-spacing)}}@scope(.app-sidebar){:scope{flex:auto;padding-block:1rem;padding-inline:8px 22px;font-size:15px;display:block;overflow:auto}article{background:#ffffff80;border:1px solid #00000040;border-radius:6px;padding:.5rem}@supports (corner-shape:squircle){article{corner-shape:squircle;border-radius:10px}}@media (prefers-color-scheme:dark){article{background:#ffffff0d;border:1px solid #fff3}}article+:is(article){margin-top:.5rem}h2{color:var(--theme-color);margin:2rem 0 .5rem;font-size:19px;font-weight:600}h2:first-child{margin-top:0}label{align-items:center;font-size:14px;display:flex}label+:is(label){margin-top:.25rem}label.vertical{flex-direction:column;align-items:stretch}label p{margin-block:.5rem;font-size:13px;line-height:1.3}select{border-radius:6px;width:50%;padding-block:1px;padding-inline:4px}textarea{field-sizing:content}select,textarea{border:1px solid #0003;border-radius:6px}@supports (corner-shape:squircle){select,textarea{corner-shape:squircle;border-radius:10px}}@media (prefers-color-scheme:dark){select,textarea{background:#ffffff1a;border:1px solid #ffffff40}}h3{flex:auto;font-size:14px;font-weight:700}p.details{color:var(--muted-text-color);margin-top:.5rem;font-size:14px;line-height:1.4}:scope.hide-descriptions :is(p.details){display:none}p.hint{font-size:14px}p{font-weight:500;line-height:1.6}a{color:var(--theme-color)}a:hover{color:var(--theme-color-hover)}code{color:var(--theme-color-hover);padding:2px;font-size:14px;font-weight:400}.info-table{grid-row-gap:.5rem;grid-template-columns:auto 3fr;margin-top:1rem;display:grid}.info-table--is-stats .info-table__counter{text-align:right;font-feature-settings:"tnum"}.info-table--is-about{grid-template-columns:1fr}.info-table__counter{margin-right:10px;font-weight:700}.info-table .details{grid-column-end:span 2;margin-top:-5px}.info-table__label:not(:first-child){margin-top:10px}.info-table li{line-height:1.8;list-style-type:none}}@scope(.toolbar){:scope{padding:var(--island-padding);align-items:center;margin-inline-start:auto;display:flex}button{padding:var(--island-padding);color:#fff;background:#fff3;border:1px solid #ffffff80;border-radius:6px;font-weight:500}@supports (corner-shape:squircle){button{corner-shape:squircle;border-radius:10px}}button[disabled]{opacity:.4}button:not([disabled]):hover{background:#ffffff4d}button:not([disabled]):active{background:#fff6}.info{color:#fff;padding-inline:16px;font-size:16px;font-weight:700}}@scope(.tabs){:scope{gap:var(--island-spacing);padding:var(--island-spacing);height:var(--header-height);box-sizing:border-box;display:flex}.tab{box-sizing:border-box;color:#fff;text-align:center;border-radius:6px;align-items:center;height:auto;padding:0 1rem;font-size:16px;display:flex}@supports (corner-shape:squircle){.tab{corner-shape:squircle;border-radius:10px}}.tab:hover{background:var(--theme-color-hover)}.tab.current{color:#fff;background:var(--theme-color-active)}}@scope(.tab-bodies) to (.tab-body>*){:scope{display:grid;overflow:hidden}.tab-body{padding-block-start:var(--island-spacing);padding-inline-start:var(--island-spacing);display:none;overflow:hidden}.tab-body.current{gap:var(--island-spacing);grid-template-rows:1fr;display:grid}.tab-body>*{position:absolute;inset:0;overflow:auto}}@scope(.statusbar){:scope{background:var(--island-background);padding:var(--island-padding);border-radius:6px;grid-template-columns:1fr auto;gap:16px;font-size:14px;display:grid}@supports (corner-shape:squircle){:scope{corner-shape:squircle;border-radius:10px}}.section{gap:16px;display:flex}.right{margin-inline-start:auto}}@scope(#live-preview){:scope{background:var(--island-background);box-sizing:border-box;border-radius:6px;padding:4px;overflow:auto}@supports (corner-shape:squircle){:scope{corner-shape:squircle;border-radius:10px}}:scope:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}table :is(th,td){padding:var(--island-padding);-webkit-user-select:text;user-select:text;text-align:left;border:1px solid var(--lightningcss-light,#0003)var(--lightningcss-dark,#ffffff40);border-radius:2px;font-size:16px}@supports (corner-shape:squircle){table :is(th,td){corner-shape:squircle;border-radius:4px}}table th{background:var(--lightningcss-light,oklch(from var(--island-background) calc(l * .95) c h))var(--lightningcss-dark,oklch(from var(--island-background) calc(l * .8) c h));font-weight:700}table tr:first-child :is(th,td):first-child{border-top-left-radius:6px}@supports (corner-shape:squircle){table tr:first-child :is(th,td):first-child{corner-shape:squircle;border-top-left-radius:10px}}table tr:first-child :is(th,td):last-child{border-top-right-radius:6px}@supports (corner-shape:squircle){table tr:first-child :is(th,td):last-child{corner-shape:squircle;border-top-right-radius:10px}}table tr:last-child :is(th,td):first-child{border-bottom-left-radius:6px}@supports (corner-shape:squircle){table tr:last-child :is(th,td):first-child{corner-shape:squircle;border-bottom-left-radius:10px}}table tr:last-child :is(th,td):last-child{border-bottom-right-radius:6px}@supports (corner-shape:squircle){table tr:last-child :is(th,td):last-child{corner-shape:squircle;border-bottom-right-radius:10px}}}:root{--header-height:44px;--island-spacing:4px;--island-padding:6px 10px;--island-background:var(--lightningcss-light,white)var(--lightningcss-dark,oklch(from var(--app-bg) calc(l * 1.3) c h));--app-bg:var(--lightningcss-light,oklch(92% .005 -90))var(--lightningcss-dark,oklch(30% .04 -90));--theme-color:var(--lightningcss-light,oklch(45% .2 180))var(--lightningcss-dark,oklch(70% .2 180));--theme-color-bg:var(--lightningcss-light,oklch(from var(--theme-color) l c h))var(--lightningcss-dark,oklch(from var(--theme-color) calc(l * .5) c h));--theme-color-hover:oklch(from var(--theme-color) calc(l * .9) c h);--theme-color-active:oklch(from var(--theme-color) calc(l * .7) c h);--muted-text-color:var(--lightningcss-light,#0009)var(--lightningcss-dark,#fff9);--code-output-text:var(--lightningcss-light,oklch(from var(--theme-color) .5 .15 h))var(--lightningcss-dark,oklch(from var(--theme-color) .9 .07 h));--focus-ring-color:var(--lightningcss-light,rgb(from var(--theme-color) r g b / .4))var(--lightningcss-dark,oklch(from var(--theme-color) calc(l * 1.1) c h / .6));--focus-outline-width:3px;--focus-outline:var(--focus-outline-width) solid var(--focus-ring-color);--focus-outline-offset:calc(var(--focus-outline-width) * -1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:var(--app-bg);font-family:Inter,sans-serif;font-size:18px}h1{padding:var(--island-padding);color:#fff;flex:1 0 auto;font-size:18px;font-weight:400}textarea{resize:none;box-sizing:border-box;padding:var(--island-padding);tab-size:4;background:var(--island-background);border:none;border-radius:6px;outline:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5}@supports (corner-shape:squircle){textarea{corner-shape:squircle;border-radius:10px}}textarea:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}#code-output{color:var(--code-output-text)}.tnum{font-feature-settings:"tnum"}.hidden:not(.visible){display:none}
