/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--color-1-darkest: hsl(0, 0%, 79%);--color-1-darker: hsl(0, 0%, 86%);--color-1-dark: hsl(0, 0%, 93%);--color-1: hsl(0, 0%, 100%);--color-1-light: hsl(0, 0%, 107%);--color-1-lighter: hsl(0, 0%, 114%);--color-1-lightest: hsl(0, 0%, 121%);--color-2-darkest: hsl(0, 0%, 65.7%);--color-2-darker: hsl(0, 0%, 72.7%);--color-2-dark: hsl(0, 0%, 79.7%);--color-2: hsl(0, 0%, 86.7%);--color-2-light: hsl(0, 0%, 93.7%);--color-2-lighter: hsl(0, 0%, 100.7%);--color-2-lightest: hsl(0, 0%, 107.7%);--color-3-darkest: hsl(0, 0%, 29.7%);--color-3-darker: hsl(0, 0%, 36.7%);--color-3-dark: hsl(0, 0%, 43.7%);--color-3: hsl(0, 0%, 50.7%);--color-3-light: hsl(0, 0%, 57.7%);--color-3-lighter: hsl(0, 0%, 64.7%);--color-3-lightest: hsl(0, 0%, 71.7%);--color-4-darkest: hsl(0, 0%, -21%);--color-4-darker: hsl(0, 0%, -14%);--color-4-dark: hsl(0, 0%, -7%);--color-4: hsl(0, 0%, 0%);--color-4-light: hsl(0, 0%, 7%);--color-4-lighter: hsl(0, 0%, 14%);--color-4-lightest: hsl(0, 0%, 21%);--color-green-darkest: hsl(100, 51.5%, 33.9%);--color-green-darker: hsl(100, 51.5%, 40.9%);--color-green-dark: hsl(100, 51.5%, 47.9%);--color-green: hsl(100, 51.5%, 54.9%);--color-green-light: hsl(100, 51.5%, 61.9%);--color-green-lighter: hsl(100, 51.5%, 68.9%);--color-green-lightest: hsl(100, 51.5%, 75.9%);--color-deepblue-darkest: hsl(202, 81.4%, 9.1%);--color-deepblue-darker: hsl(202, 81.4%, 16.1%);--color-deepblue-dark: hsl(202, 81.4%, 23.1%);--color-deepblue: hsl(202, 81.4%, 30.1%);--color-deepblue-light: hsl(202, 81.4%, 37.1%);--color-deepblue-lighter: hsl(202, 81.4%, 44.1%);--color-deepblue-lightest: hsl(202, 81.4%, 51.1%)}BODY{--body-bg: var(--color-1);--body-color: var(--color-4);--link-color: var(--color-deepblue);--accent: var(--color-green-dark);--headers-color: var(--color-deepblue);--aside-bg: var(--color-4);--mark-bg: var(--color-deepblue-dark);--mark-color: var(--color-2-light);--code-bg: var(--color-3-lighter);--term-color: var(--color-deepblue-darker)}HTML{scroll-behavior:smooth}BODY{display:flex;min-height:100vh;background:var(--body-bg);font:16px/1.4 Georgia, serif;color:var(--body-color)}A{color:var(--link-color)}H1,H2,H3,H4{margin-top:0;margin-bottom:0;font-weight:normal;color:var(--headers-color)}H2{margin-bottom:1em;padding-bottom:.25em;border-bottom:1px solid var(--color-2)}H3{margin-bottom:.25em}.hidden-content{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.page-wrapper{width:100%;max-width:900px;min-height:100%;min-width:600px;margin:auto;padding:2rem;padding-bottom:5rem}.page-main{flex:1}.page-section+.page-section{margin-top:3rem}.page-section--about{min-height:150px}.page-footer{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1em;border-top:1px solid var(--color-2)}.page__header{display:flex;justify-content:center;align-items:baseline;margin-bottom:3.5em}.page__title{position:relative;display:inline-flex;align-items:baseline;margin:0 1.25em;padding:0 .25em;text-align:center;background:var(--color-deepblue);color:var(--color-1)}.page__title::before,.page__title::after{content:"";position:absolute;height:100%;width:.5em}.page__title::before{left:-.5em;background:linear-gradient(to right bottom, var(--body-bg) 50%, var(--color-deepblue) 0)}.page__title::after{right:-.5em;background:linear-gradient(to left top, var(--body-bg) 50%, var(--color-deepblue) 0)}.page__title-text{font-size:.5em;margin-left:.5em}.page__header-link{border-bottom:1px dashed;text-decoration:none;line-height:1.2;color:var(--color-3)}.page__header-link--about{order:-1}.codes{display:flex;justify-content:space-between}.codes__item{flex-basis:48%;display:flex;flex-wrap:wrap;align-content:flex-start}.codes__label{display:block;min-height:30px;font-size:1.2em;color:var(--headers-color)}.codes__textarea{display:block;width:100%;min-height:200px;margin-top:.5em;padding:.25em;box-sizing:border-box;border:1px solid var(--color-2);border-radius:.25rem;font:15px/1.4 Trebuchet MS, sans-serif}.codes__textarea::placeholder{color:var(--color-3);font-style:italic}.codes__controls{display:flex;margin-left:auto}.codes__control{align-items:center;width:1.75em;height:1.75em;border-radius:.25rem;border:1px solid var(--color-2)}.codes__control+.codes__control{margin-left:1rem}.codes__tip{margin-top:.5em;font-size:.9em;color:var(--color-3)}.palette{display:flex;flex-direction:column}.palette__tips{order:-1;display:grid;grid-template-columns:3fr  1fr  3fr}.palette__view:empty+.palette__tips{opacity:.35}.palette__tip{padding:.5rem;color:var(--color-3)}.palette__tip--darker{justify-self:flex-end}.palette__tip--base{justify-self:center;white-space:nowrap;color:var(--color-4-lightest)}.palette__view{position:relative;display:grid;grid-template-columns:repeat(var(--columns, 7), 1fr);justify-content:center}.palette__view:empty::before{content:"";grid-column:1 / -1;background:var(--color-2-light);height:3.75rem;border-radius:1rem}.palette__cell-content{display:flex;align-items:center;width:100%;height:100%;padding:.5rem;box-sizing:border-box;opacity:.75;white-space:nowrap}.palette__cell--base .palette__cell-content{border:solid var(--color-4);border-width:0 2px}.palette__cell--first-line .palette__cell-content{border-top-width:2px}.palette__cell--last-line .palette__cell-content{border-bottom-width:2px}.palette__cell--keyword{grid-column:1 / -1;display:grid;grid-template-columns:repeat(7, 1fr)}.palette__cell--keyword .palette__cell-content{grid-column-start:4}.palette__cell--dark{color:#FFF}.palette__cell--no-color{background-image:repeating-linear-gradient(-45deg, transparent, transparent 5px, var(--color-2-light) 0, var(--color-2-light) 6px);box-shadow:0 0 0 2px #FFF inset}.options__list{margin:0;padding:0;list-style-type:none}.options__item+.options__item{margin-top:2rem}.options__group{margin:0;padding:0;border:0}.options__legend{float:left;margin:0;margin-right:2rem;padding:.5em 0;font-weight:bold}.options__label--range{display:flex;align-items:center;font-weight:bold}.options__range-wrapper{position:relative;width:450px;max-width:50%;margin-left:2rem}.options__range{display:block;width:100%;cursor:pointer}.options__range-value{position:absolute;display:flex;justify-content:center;width:2em;bottom:100%;margin-bottom:.2em;transform:translateX(-25%);border-radius:.25em;font-weight:normal}.options__range:focus+.options__range-value{background:var(--color-2)}.options__label--radio{display:inline-flex}.options__label--radio+.options__label--radio{margin-left:.5rem}.options__label--radio .options__label-text{--border-color: var(--color-2);padding:.5em;border-radius:.5em;box-shadow:0 0 0 2px var(--border-color) inset;box-sizing:border-box;cursor:pointer}.options__label--radio:hover .options__label-text{--border-color: var(--color-green)}.options__label--radio INPUT:checked+.options__label-text{--border-color: var(--color-deepblue)}