*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#svelte{background-color:var(--codepals-grey-900)}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--codepals-orange: hsl(42, 100%, 51%);--codepals-black: hsl(0, 0%, 0%);--codepals-white: hsl(204, 100%, 100%);--codepals-blue-900: hsl(203, 100%, 15%);--codepals-blue-800: hsl(205, 80%, 20%);--codepals-blue-700: hsl(206, 80%, 30%);--codepals-blue-600: hsl(202, 80%, 45%);--codepals-blue-500: hsl(202, 100%, 61%);--codepals-blue-500-transparent: hsl(202, 100%, 61%, 75%);--codepals-blue-400: hsl(202, 100%, 70%);--codepals-blue-300: hsl(202, 100%, 80%);--codepals-blue-200: hsl(202, 100%, 87%);--codepals-blue-100: hsl(202, 100%, 92%);--codepals-orange-900: hsl(37, 100%, 30%);--codepals-orange-800: hsl(38, 100%, 35%);--codepals-orange-700: hsl(39, 100%, 40%);--codepals-orange-600: hsl(40, 100%, 45%);--codepals-orange-500: hsl(42, 100%, 51%);--codepals-orange-400: hsl(40, 100%, 65%);--codepals-orange-300: hsl(39, 100%, 70%);--codepals-orange-200: hsl(38, 100%, 75%);--codepals-orange-100: hsl(37, 100%, 80%);--codepals-red-900: hsl(0, 45%, 25%);--codepals-red-700: hsl(0, 60%, 35%);--codepals-red-500: hsl(0, 80%, 51%);--codepals-red-300: hsl(0, 80%, 70%);--codepals-red-100: hsl(350, 100%, 85%);--codepals-teal-900: hsl(158, 55%, 25%);--codepals-teal-700: hsl(160, 65%, 40%);--codepals-teal-500: hsl(162, 80%, 51%);--codepals-teal-300: hsl(162, 80%, 69%);--codepals-teal-100: hsl(162, 100%, 85%);--codepals-grey-900: hsl(240, 10%, 10%);--codepals-grey-900-transparent: hsla(240, 10%, 10%, 95%);--codepals-grey-800: hsl(240, 10%, 20%);--codepals-grey-700: hsl(240, 10%, 30%);--codepals-grey-600: hsl(240, 10%, 40%);--codepals-grey-500: hsl(235, 10%, 51%);--codepals-grey-400: hsl(235, 10%, 58%);--codepals-grey-300: hsl(235, 10%, 65%);--codepals-grey-200: hsl(235, 10%, 75%);--codepals-grey-100: hsl(240, 10%, 80%);--debug-outline-100: hsl(304, 50%, 80%);--debug-outline-200: hsl(304, 60%, 70%);--debug-outline-300: hsl(304, 80%, 70%);--debug-outline-400: hsl(304, 80%, 60%);--debug-outline-500: hsl(304, 80%, 50%);--debug-outline-600: hsl(304, 80%, 40%);--debug-outline-700: hsl(304, 90%, 30%);--debug-outline-800: hsl(304, 100%, 20%);--debug-outline-900: hsl(304, 100%, 15%)}html{font-family:monospace;color:var(--codepals-blue-100)}small{font-size:small}input,textarea,button{font-family:inherit}