:root{--text-color: #242424;--bg-color: rgba(255, 255, 255, .87);background-color:var(--bg-color);color-scheme:light;color:var(--text-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--text-color: rgba(255, 255, 255, .87);--bg-color: #242424;background-color:var(--bg-color);color-scheme:dark;color:var(--text-color)}body{display:flex;margin:0;min-height:100vh;min-width:320px;place-items:center}#app{margin:0 auto;max-width:1280px;padding:2rem;text-align:center;width:100%}h1{font-size:3.2em;line-height:1.1}.diff__line{display:block}.toggle-theme-btn.svelte-1wilc9y{background:none;border:none;cursor:pointer;padding:0}textarea.svelte-1yo9b2y,pre.svelte-1yo9b2y,.diff.svelte-1yo9b2y{box-sizing:border-box;height:200px;overflow:auto;padding:1em;text-align:left;width:100%}textarea.svelte-1yo9b2y{resize:none}textarea.svelte-1yo9b2y:focus-visible{outline:none}.error.svelte-1yo9b2y{color:red;font-weight:700}pre.svelte-1yo9b2y{float:left;font-family:monospace;margin:0}pre.svelte-1yo9b2y,.diff.svelte-1yo9b2y{border:1px solid #ccc}.code.svelte-1yo9b2y{display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"scss1 scss2" "css1 css2" "diff  diff"}.code__block.svelte-1yo9b2y{display:flex;flex-direction:column;gap:8px}.code__block--scss.svelte-1yo9b2y:nth-child(1),.code__block--scss.svelte-1yo9b2y:nth-child(2){background:var(--bg-color);color:var(--text-color)}.code__block--scss.svelte-1yo9b2y:nth-child(1){grid-area:scss1}.code__block--scss.svelte-1yo9b2y:nth-child(2){grid-area:scss2}.code__block--css.svelte-1yo9b2y:nth-child(1){grid-area:css1}.code__block--css.svelte-1yo9b2y:nth-child(2){grid-area:css2}.code__block--diff.svelte-1yo9b2y{grid-area:diff}@media (max-width: 767px){.code.svelte-1yo9b2y{grid-template-columns:1fr;grid-template-areas:"scss1" "scss2" "css1" "css2" "diff"}}