@font-face{font-family:Inter;src:url("/media/fonts/Inter.var.woff2") format("woff2 supports variations"),url("/media/fonts/Inter.var.woff2") format("woff2-variations");font-weight:1 999;font-stretch:75% 100%;font-style:oblique 0deg 20deg;font-display:swap}:root{--font-fallback:BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;--font-body:Inter,var(--font-fallback);--font-code:Consolas,"Courier New",monospace;--type-body-l:400 1rem/1.1876 var(--font-body);--type-emphasis-m:600 0.8125rem/1.23 var(--font-body);--font-heading:var(--font-body);--type-label-s:600 0.625rem/1.2 var(--font-heading);--type-code-regular:400 0.875rem/1.5 var(--font-code);--elem-radius:0.25rem;--button-height:2rem;--button-radius:var(--elem-radius)}.theme-light,:root{--text-primary:#15141a;--text-secondary:#5b5b66;--text-inactive:#5b5b66a6;--text-link:#1870f0;--background-primary:#ffffff;--background-secondary:#f9f9fb;--background-tertiary:#fbfbfe;--background-mark-yellow:rgba(232, 140, 102, 0.4);--background-mark-green:rgba(107, 184, 106, 0.4);--border-primary:#cfcfd8;--border-secondary:#e0e0e6;--button-primary-default:#15141a;--button-primary-hover:#3a3944;--button-primary-active:#5b5b66;--button-primary-inactive:#15141a;--button-secondary-default:#fbfbfe;--button-secondary-hover:#e0e0e6;--button-secondary-active:#e0e0e6;--button-secondary-inactive:#f9f9fb;--button-secondary-border-focus:#1870f0;--button-secondary-border-red:#f16b8c;--button-secondary-border-red-focus:#faced9;--icon-primary:#5b5b66;--icon-secondary:#afafba;--icon-information:#1870f0;--icon-warning:#d84000;--icon-critical:#ba0633;--icon-success:#066d05;--accent-primary:#1870f0;--accent-primary-engage:rgba(24, 112, 240, 0.1);--accent-secondary:#1870f0;--accent-tertiary:rgba(24, 112, 240, 0.1);--shadow-01:0px 1px 2px rgba(43, 42, 51, 0.05);--shadow-02:0px 1px 6px rgba(43, 42, 51, 0.1);--focus-01:0px 0px 0px 3px rgba(0, 144, 237, 0.4);--field-focus-border:#1870f0;--code-token-tag:#135ac0;--code-token-punctuation:#5b5b66;--code-token-attribute-name:#ba0633;--code-token-attribute-value:#066d05;--code-token-comment:#5b5b66;--code-token-default:#15141a;--code-token-selector:#8033c6;--code-background-inline:#f0f0f4;--code-background-block:rgba(240, 240, 244, 0.5)}.category-html{--accent-primary:#e80840}.category-css{--accent-primary:#1870f0}.category-js{--accent-primary:#d84000}.category-http{--accent-primary:#088806}.category-apis{--accent-primary:#a040f8}.theme-dark{--text-primary:#fbfbfe;--text-secondary:#cfcfd8;--text-inactive:#cfcfd8a6;--text-link:#74a9f6;--background-primary:#15141a;--background-secondary:#23222b;--background-tertiary:#2b2a33;--background-mark-yellow:rgba(232, 140, 102, 0.4);--border-primary:#52525e;--border-secondary:#3a3944;--button-primary-default:#fbfbfe;--button-primary-hover:#cfcfd8;--button-primary-active:#9f9fad;--button-primary-inactive:#fbfbfe;--button-secondary-default:#2b2a33;--button-secondary-hover:#52525e;--button-secondary-active:#5b5b66;--button-secondary-inactive:#2b2a33;--icon-primary:#fbfbfe;--icon-secondary:#afafba;--icon-information:#468df3;--icon-warning:#e06633;--icon-critical:#ed3966;--icon-success:#39a038;--accent-primary:#468df3;--accent-primary-engage:rgba(70, 141, 243, 0.1);--accent-secondary:#468df3;--shadow-01:0px 1px 2px rgba(251, 251, 254, 0.2);--shadow-02:0px 1px 6px rgba(251, 251, 254, 0.2);--focus-01:0px 0px 0px 3px rgba(251, 251, 254, 0.5);--field-focus-border:#fbfbfe;--code-token-tag:#74a9f6;--code-token-punctuation:#8f8f9d;--code-token-attribute-name:#ed3966;--code-token-attribute-value:#39a038;--code-token-comment:#8f8f9d;--code-token-default:#fbfbfe;--code-token-selector:#b366f9;--code-background-inline:#3a3944;--code-background-block:rgba(58, 57, 68, 0.5)}@media (prefers-color-scheme:dark){:root{--text-primary:#fbfbfe;--text-secondary:#cfcfd8;--text-inactive:#cfcfd8a6;--text-link:#74a9f6;--background-primary:#15141a;--background-secondary:#23222b;--background-tertiary:#2b2a33;--background-mark-yellow:rgba(232, 140, 102, 0.4);--border-primary:#52525e;--border-secondary:#3a3944;--button-primary-default:#fbfbfe;--button-primary-hover:#cfcfd8;--button-primary-active:#9f9fad;--button-primary-inactive:#fbfbfe;--button-secondary-default:#2b2a33;--button-secondary-hover:#52525e;--button-secondary-active:#5b5b66;--button-secondary-inactive:#2b2a33;--icon-primary:#fbfbfe;--icon-secondary:#afafba;--icon-information:#468df3;--icon-warning:#e06633;--icon-critical:#ed3966;--icon-success:#39a038;--accent-primary:#468df3;--accent-primary-engage:rgba(70, 141, 243, 0.1);--accent-secondary:#468df3;--shadow-01:0px 1px 2px rgba(251, 251, 254, 0.2);--shadow-02:0px 1px 6px rgba(251, 251, 254, 0.2);--focus-01:0px 0px 0px 3px rgba(251, 251, 254, 0.5);--field-focus-border:#fbfbfe;--code-token-tag:#74a9f6;--code-token-punctuation:#8f8f9d;--code-token-attribute-name:#ed3966;--code-token-attribute-value:#39a038;--code-token-comment:#8f8f9d;--code-token-default:#fbfbfe;--code-token-selector:#b366f9;--code-background-inline:#3a3944;--code-background-block:rgba(58, 57, 68, 0.5)}.category-html{--accent-primary:#ed3966}.category-css{--accent-primary:#468df3}.category-js{--accent-primary:#e06633}.category-http{--accent-primary:#39a038}.category-apis{--accent-primary:#b366f9}}.theme-light.category-html{--accent-primary:#e80840}.theme-light.category-css{--accent-primary:#1870f0}.theme-light.category-js{--accent-primary:#d84000}.theme-light.category-http{--accent-primary:#088806}.theme-light.category-apis{--accent-primary:#a040f8}.theme-dark.category-html{--accent-primary:#ed3966}.theme-dark.category-css{--accent-primary:#468df3}.theme-dark.category-js{--accent-primary:#e06633}.theme-dark.category-http{--accent-primary:#39a038}.theme-dark.category-apis{--accent-primary:#b366f9}*{box-sizing:border-box}body{color:var(--text-primary);background-color:var(--background-primary);margin:0;padding:0;height:100%;font:var(--type-body-l)}.output-header{margin:0;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--border-primary)}.output-header.no-border{border-bottom:0 none}.output-header.full-border{border:1px solid var(--border-primary);border-width:1px 1px 0 1px}.output-heading{margin:0;font:var(--type-body-l)}.reset{background-color:transparent;color:var(--text-primary);font:var(--type-label-s);margin:0;padding:.7em .9em;height:var(--button-height);text-transform:uppercase;letter-spacing:1.5px;border:none;max-width:100px;cursor:pointer;border-radius:var(--button-radius)}.reset:hover{background-color:var(--button-secondary-hover)}.CodeMirror{border:1px solid var(--border-primary);height:280px;background:var(--background-primary)}.CodeMirror-gutters{background:var(--background-secondary);border-right:1px solid var(--border-primary)}.user-message{display:none;position:absolute;top:30px;left:50%;background-color:var(--text-secondary);color:var(--background-primary);padding:.5rem;border-radius:var(--elem-radius);font-size:14px;opacity:1;transition:opacity .5s;z-index:4}.fade-in{animation:fadein .5s}.fade-out{animation:fadeout .5s}.hide{opacity:0}.hidden{display:none}.show{display:block}.visually-hidden{position:absolute!important;height:1px;width:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;border:0}@media screen and (min-width:47.9375em){header h4{font-size:1.1rem}}@media screen and (min-width:63.9375em){header h4{font-size:1.4rem}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@font-face{font-family:'Fira Sans';src:local('FiraSans-Regular'),url('/media/fonts/FiraSans-Regular.woff2') format('woff2')}@font-face{font-family:'Fira Sans';font-weight:400;font-style:oblique;src:local('FiraSans-SemiBoldItalic'),url('/media/fonts/FiraSans-SemiBoldItalic.woff2')}@font-face{font-family:'Dancing Script';src:url('/media/fonts/DancingScript-Regular.ttf')}@font-face{font-family:molot;src:url('/media/fonts/molot.woff2') format('woff2')}@font-face{font-family:rapscallion;src:url('/media/fonts/rapscall.woff2') format('woff2')}.tab-list{display:flex;gap:.5rem;padding-top:1rem;background:var(--background-secondary)}button[role=tab]{background-color:transparent;color:var(--text-secondary);padding:.5em 30px;border:0 none;border-bottom:3px solid transparent;font:var(--type-emphasis-m);cursor:pointer}button[role=tab]:focus,button[role=tab]:hover{color:var(--text-primary)}button[aria-selected=true]{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.editor-container{display:flex;flex-direction:column;overflow:hidden}.tabbed-shorter .CodeMirror{height:252px}.tabbed-standard .CodeMirror{height:322px}.tabbed-taller .CodeMirror{height:532px}.tabbed-shorter .CodeMirror,.tabbed-standard .CodeMirror,.tabbed-taller .CodeMirror{border-right:0 none;border-left:0 none;border-bottom:1px solid var(--border-primary)}.shadow-container{position:relative}.output.style-scope{background-color:var(--background-primary);border-left:1px solid var(--border-primary);font-size:.9rem;height:342px;line-height:1.5;margin:0;overflow:scroll;padding:1rem}.tabs{font-size:.9rem;flex:none}.console-label,.output-label{position:absolute;background-color:var(--background-secondary);color:var(--text-secondary);border-radius:0 0 0 var(--elem-radius);top:0;right:0;margin:0;padding:.5rem 1.6rem;font-size:.9rem;z-index:2;font:var(--type-label-s);text-transform:uppercase}.icon-clear{width:12px;height:12px}.clear{display:flex;gap:.25rem;align-items:center;background-color:var(--button-secondary-default);color:var(--text-primary);padding:.5em;margin-bottom:.5rem;border:1px solid var(--border-primary);border-radius:var(--elem-radius);font:var(--type-emphasis-m);cursor:pointer}.clear:hover{background-color:var(--button-secondary-hover)}.console-container{position:relative;border-top:1px solid var(--border-primary);padding-top:.5rem}.console-label{position:absolute;top:3rem;right:1px;border-radius:var(--elem-radius)}.console{position:relative;height:200px;background-color:var(--background-secondary);margin:0;padding:2rem .5rem .5rem .5rem;border:1px solid var(--border-primary);border-radius:var(--elem-radius);width:100%;height:200px;font:var(--type-code-regular)}.console code{display:block;width:100%;height:100px;white-space:pre;word-break:break-word;overflow-y:auto}@media screen and (min-width:590px){.editor-container{flex-direction:row}.console{padding-top:.5rem}.tabs{width:60%}.tabbed-shorter{height:300px}.tabbed-standard{height:370px}.tabbed-taller{height:580px}.shadow-container{width:40%;height:100%;border-left:1px solid var(--border-primary)}.tabbed-shorter .CodeMirror,.tabbed-standard .CodeMirror,.tabbed-taller .CodeMirror{border-bottom:0 none}}