:root{--main-bg-color: rgba(244, 244, 244, 1);--main-fg-color: rgb(9, 9, 9);--secondary-bg-color: rgb(244, 244, 244);--secondary-fg-color: rgb(9, 9, 9);--accent-bg-color: rgb(35, 135, 66);--accent-fg-color: rgb(244, 244, 244);--main-font-size: 1rem;--code-font-size: .9rem;--code-line-height: 1rem;--snippet-width: 55vw;--snippet-height: 60vh;--border-radius: 0px;--border-width-thin: 1px;--border-width-thick: 2px;--padding-narrow: 4px;--margin-narrow: 4px;--padding-thick: 12px;--margin-thick: 12px;--background-image: none;--direction: ltr;--text-align: left;--reverse-text-align: right;--flex-align: flex-end;--flex-row-direction: row;--svg-dimension: 240px}@media screen and (max-width: 750px){:root{--snippet-width: 90vw}}.sticky{position:sticky;top:0}.display-textarea{min-height:500px;min-width:800px;height:50vh;width:90vw}.code{font-family:monospace}.small-button{text-align:center;vertical-align:center;padding:var(--padding-narrow);border-radius:var(--border-radius);margin:0 var(--margin-narrow) 0 var(--margin-narrow);border-width:0;height:-moz-fit-content;height:fit-content}.snippet-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:none;border:none}app-svg-button{max-height:var(--svg-dimension);max-width:var(--svg-dimension);padding:var(--padding-narrow)}app-export,app-import,app-about,app-style-editor,app-import-helper{display:flex;flex-direction:column;align-items:center;max-width:100vw;width:100%;margin-top:var(--margin-thick)}app-snippet-box{display:flex;flex-direction:column;width:var(--snippet-width);margin-top:var(--margin-narrow);margin-bottom:var(--margin-thick);padding:var(--padding-thick);border-radius:var(--border-radius);background-color:var(--secondary-bg-color);border-style:solid;border-width:var(--border-width-thick);border-color:var(--secondary-fg-color)}app-quick-links{background-color:var(--secondary-bg-color);padding-top:var(--padding-thick);padding-bottom:var(--padding-thick);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width-thin);border-color:var(--secondary-fg-color)}body{margin:0}body,input,button,textarea,pre{font-family:Arial,Helvetica,sans-serif;font-size:calc(.1em + var(--main-font-size))}html{background-color:var(--main-bg-color);background-repeat:none;background-attachment:fixed;background-size:cover;background-image:var(--background-image);direction:var(--direction)}h1,h2,h3{color:var(--accent-bg-color);font-family:monospace;margin-top:var(--margin-narrow);margin-bottom:var(--margin-narrow);text-align:center}a{color:var(--main-fg-color);cursor:pointer}pre{min-height:-moz-fit-content;min-height:fit-content}button{background-color:var(--secondary-bg-color);color:var(--secondary-fg-color);padding:var(--padding-thick) var(--padding-thick) var(--padding-thick) var(--padding-thick);text-align:var(--text-align);transition:background-color .2s,color .2s;border-width:var(--border-width-thick);border-color:var(--secondary-fg-color);border-radius:var(--border-radius)}label{padding:var(--padding-thick);border-radius:var(--border-radius);color:var(--main-fg-color)}input,textarea,pre{padding:var(--padding-thick);border-width:0px 0px var(--border-width-thin) 0px;border-style:solid;caret-color:var(--secondary-fg-color);border-color:var(--secondary-fg-color);background-color:var(--secondary-bg-color);color:var(--secondary-fg-color);transition:background-color .2s,color .2s}input.checkbox{width:calc(2 * var(--main-font-size));height:calc(2 * var(--main-font-size))}path{fill:var(--secondary-fg-color)}button:hover,app-svg-button:hover path,app-svg-button:hover{background-color:var(--accent-bg-color);color:var(--accent-fg-color);fill:var(--accent-fg-color)}::selection{background-color:var(--accent-bg-color);color:var(--accent-fg-color)}input::selection,textarea::selection{background-color:var(--accent-bg-color);color:var(--accent-fg-color)}:focus{background-color:var(--accent-bg-color);color:var(--accent-fg-color)}input:focus,textarea:focus{border-style:solid;border-width:var(--border-width-thin);border-color:var(--accent-bg-color);caret-color:var(--accent-fg-color);background-color:var(--accent-bg-color);color:var(--accent-fg-color)}input:focus::placeholder,textarea:focus::placeholder{color:var(--accent-fg-color);opacity:.5}input:focus::selection,textarea:focus::selection{color:var(--secondary-bg-color);background-color:var(--secondary-fg-color)}button:focus,app-svg-button:focus path,app-svg-button:focus{background-color:var(--accent-bg-color);color:var(--accent-fg-color);fill:var(--accent-fg-color)}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background:var(--secondary-bg-color)}::-webkit-scrollbar-thumb{border-style:solid;border-width:var(--border-width-thin);background-color:var(--accent-bg-color);border-color:var(--accent-fg-color)}::-webkit-scrollbar-corner{background:var(--secondary-bg-color)}