:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.page-header{width:100%;margin-bottom:rem;text-align:center;border-bottom:1px solid #444}.card-deck{border:1px solid #444;flex-direction:column;width:30%;min-width:100px;padding:1rem;display:flex}.card-deck-header{margin:0;font-size:1.5rem}.card-deck-group{flex-direction:column;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.card{will-change:filter;background-color:#1e1e1e;border:1px solid #555;border-radius:8px;padding:.2rem;transition:filter .3s}.card:hover{filter:drop-shadow(0 0 2em #646cffaa)}.card-header{font-size:1rem}.card-description{color:#c2c2c288;margin-top:.25rem;font-size:.875rem}.card-image{border-radius:10px;width:50%;height:auto;margin-top:.5rem}.card-link{color:inherit;text-decoration:none}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.read-the-docs{color:#888}.deck-container{flex-flow:wrap;flex-grow:2;column-gap:.75rem;margin:.5rem;display:flex}.converter-container{border:1px solid #ccc;border-radius:8px;padding:16px}.converter-type{border:1px solid #ccc;border-radius:8px;margin-bottom:1rem}.frame-containers.input{flex-direction:row;margin-bottom:5px;display:flex}.frame-containers.output{flex-direction:column}.converter-frame{margin:10px}.converter-frame.text{flex-basis:90%}.converter-frame.input{flex-basis:10%}.converter-frame textarea{resize:vertical;width:100%;margin:5px}.converter-frame pre{text-align:left}