@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{display:grid;grid-template-columns:340px 2fr 3fr;grid-template-rows:var(--header-height) 1fr auto;position:fixed;inset:var(--island-spacing);z-index:1000}.title-background{grid-row-start:1;grid-column-start:1;grid-column-end:-1;background:var(--theme-color);border-radius:6px;@supports (corner-shape: squircle){border-radius:10px;corner-shape:squircle}}.app-title{grid-column-start:1}.input-title{grid-column-start:2}.output-title{grid-column-start:3}.title{display:flex;align-items:center;grid-row:1}.content{grid-row:2;display:grid;grid-template-rows:1fr;gap:var(--island-spacing);overflow:hidden}.input-area{padding-block-start:var(--island-spacing);padding-inline-start:var(--island-spacing)}}@scope(.app-sidebar){:scope{display:block;flex:1 1 auto;overflow:auto;padding-block:16px;padding-inline-start:8px;padding-inline-end:22px;font-size:15px}h2{color:var(--theme-color);font-size:20px;font-weight:800;margin:3rem 0 8px}h2:first-child{margin-top:0}label{display:flex;align-items:center;margin-top:16px}h2+label{margin-top:0}select{padding-inline:8px}label>span{flex:1 1 auto;font-weight:700}p.details{color:var(--muted-text-color);line-height:1.5;margin-top:.25rem;:scope.hide-descriptions &{display:none}}p{font-weight:500;line-height:1.6;margin-bottom:.2rem}a{color:var(--theme-color)}span code{font-size:14px;padding:2px;font-weight:400}.info-table{display:grid;grid-template-columns:auto 3fr;grid-row-gap:10px}.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{font-weight:700;margin-right:10px}.info-table .details{grid-column-end:span 2;margin-top:-5px}.info-table__label:not(:first-child){margin-top:10px}.info-table ul{padding-left:24px}.info-table li{line-height:1.8}}@scope(.toolbar){:scope{display:flex;align-items:center;margin-inline-start:auto;padding:var(--island-padding)}button{border:1px solid rgb(from white r g b / .5);background:rgb(from white r g b / .2);padding:var(--island-padding);font-weight:500;color:#fff;border-radius:6px;@supports (corner-shape: squircle){border-radius:10px;corner-shape:squircle}&[disabled]{opacity:.4}&:not([disabled]):hover{background:rgb(from white r g b / .3)}&:not([disabled]):active{background:rgb(from white r g b / .4)}}.info{color:#fff;font-size:16px;font-weight:700;padding-inline:16px}}@scope(.tabs){:scope{display:flex;gap:var(--island-spacing);padding:var(--island-spacing);height:var(--header-height);box-sizing:border-box}.tab{display:flex;align-items:center;box-sizing:border-box;padding:0 1rem;height:auto;color:#fff;text-align:center;font-size:16px;border-radius:6px;@supports (corner-shape: squircle){border-radius:10px;corner-shape:squircle}&:hover{background:var(--theme-color-hover)}&.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;&.current{display:grid;grid-template-rows:1fr;gap:var(--island-spacing)}>*{position:absolute;inset:0;overflow:auto}}}@scope(.statusbar){:scope{display:grid;grid-template-columns:1fr auto;gap:16px;background:var(--island-background);padding:var(--island-padding);font-size:14px;border-radius:6px;@supports (corner-shape: squircle){border-radius:10px;corner-shape:squircle}}.section{display:flex;gap:16px}.right{margin-inline-start:auto}}@scope(#live-preview){:scope{background:var(--island-background);overflow:auto;padding:4px;box-sizing:border-box;border-radius:6px;@supports (corner-shape: squircle){border-radius:10px;corner-shape:squircle}&:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}}table{:is(th,td){padding:var(--island-padding);border:1px solid light-dark(rgb(from black r g b / .2),rgb(from white r g b / .25));-webkit-user-select:text;user-select:text;text-align:left;font-size:16px;border-radius:2px;@supports (corner-shape: squircle){border-radius:4px;corner-shape:squircle}}th{font-weight:700;background:light-dark(oklch(from var(--island-background) calc(l*.95) c h),oklch(from var(--island-background) calc(l*.8) c h))}& tr:first-child{:is(th,td){&:first-child{border-top-left-radius:6px;@supports (corner-shape: squircle){border-top-left-radius:10px;corner-shape:squircle}}&:last-child{border-top-right-radius:6px;@supports (corner-shape: squircle){border-top-right-radius:10px;corner-shape:squircle}}}}& tr:last-child{:is(th,td){&:first-child{border-bottom-left-radius:6px;@supports (corner-shape: squircle){border-bottom-left-radius:10px;corner-shape:squircle}}&:last-child{border-bottom-right-radius:6px;@supports (corner-shape: squircle){border-bottom-right-radius:10px;corner-shape:squircle}}}}}}:root{--header-height: 44px;--island-spacing: 4px;--island-padding: 6px 10px;--island-background: light-dark(white, oklch(from var(--app-bg) calc(l*1.3) c h));--app-bg: light-dark(oklch(.92 .005 -90), oklch(.3 .04 -90));--theme-color: light-dark(oklch(.45 .2 180), oklch(.6 .2 180));--theme-color-hover: oklch(from var(--theme-color) calc(l*1.2) c h);--theme-color-active: oklch(from var(--theme-color) calc(l*.7) c h);--muted-text-color: light-dark(rgb(from black r g b / .6), rgb(from white r g b / .6));--code-output-text: light-dark( oklch(from var(--theme-color) .5 .15 h), oklch(from var(--theme-color) .9 .07 h) );--focus-ring-color: light-dark( rgb(from var(--theme-color) r g b / .4), 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);color-scheme:light dark}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Inter,sans-serif;font-size:18px;background:var(--app-bg)}h1{flex:1 0 auto;padding:var(--island-padding);font-size:18px;font-weight:400;color:#fff}textarea{outline:none;resize:none;border:none;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;box-sizing:border-box;padding:var(--island-padding);tab-size:4;background:var(--island-background);border-radius:6px}@supports (corner-shape: squircle){textarea{border-radius:10px;corner-shape:squircle}}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}