:root{--c-bg: #fbfbfc;--c-slate-50: #f9f9fb;--c-slate-100: #e9ebf0;--c-slate-200: #d9dde6;--c-slate-300: #c0c7d5;--c-slate-400: #a1acc1;--c-slate-500: #8291ad;--c-slate-600: #647899;--c-slate-700: #4c5a72;--c-slate-800: #2e3542;--c-slate-900: #20242b;--c-red-100: #ffe5e0;--c-red-600: #c3553d;--c-green-100: #d0f4d8;--c-green-600: #2c874e;--rainbow-40: to right, #994438, #795822, #2c6b2e, #166966, #346285, #5e5791;--rainbow-50: to right, #c15647, #b18b32, #37873a, #1b8480, #3b7daa, #776eb7;--rainbow-60: to right, #ea6856, #b18b32, #43a447, #21a19c, #2c9acc, #9085de;--pad: 1.25rem;--pad2x: 2.5rem}@media only screen and (min-width: 414px){:root{--pad: 1.875rem;--pad2x: 3.75rem}}@media only screen and (min-width: 1194px){:root{--pad: 2.5rem;--pad2x: 5rem}}body{min-height:100vh;margin:0;padding:0;font:1rem Inter,sans-serif}input[type=number],input[type=text]{margin:0;border:1px solid var(--c-slate-200);border-radius:2px;padding:.2em .4em;font-family:Inter,sans-serif}input[type=number]{padding-right:0}input[type=number]:focus,input[type=text]:focus{outline:none;box-shadow:0 0 0 2px #dceff8}.preview.svelte-15qxrnf{display:inline-block;width:.625rem;height:.625rem;border-radius:1px;background-color:var(--c-slate-100)}.lightness.svelte-b3zma2.svelte-b3zma2{display:flex;flex-direction:column;min-width:10em;padding:.75em 1em;font-size:.75rem}.shade.svelte-b3zma2.svelte-b3zma2{display:flex;flex-direction:row;align-items:center}.shade.svelte-b3zma2 label.svelte-b3zma2{min-width:2.2em;margin-right:.25em}input.svelte-b3zma2.svelte-b3zma2{width:4em}.contrast-ratio.svelte-b3zma2.svelte-b3zma2{margin-top:.3636em;line-height:1.25em}.zero.svelte-b3zma2.svelte-b3zma2{opacity:.33}.pass.svelte-b3zma2.svelte-b3zma2{color:var(--c-green-600);font-weight:600}.fail.svelte-b3zma2.svelte-b3zma2{color:var(--c-red-600);text-decoration:line-through}.light.svelte-fy7ym7.svelte-fy7ym7{--shade:rgba(255, 255, 255, .125);--meta:rgba(255, 255, 255, .33);--base:rgba(255, 255, 255, .66);--accent:#fff}.dark.svelte-fy7ym7.svelte-fy7ym7{--shade:rgba(0, 0, 0, .125);--meta:rgba(0, 0, 0, .33);--base:rgba(0, 0, 0, .66);--accent:#000}.container.svelte-fy7ym7.svelte-fy7ym7{position:relative;display:flex;align-items:center;justify-content:center}.swatch.svelte-fy7ym7.svelte-fy7ym7{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1.25em 1fr 1.25em;box-sizing:border-box;width:100%;height:100%;padding:.75em;color:var(--base);font-size:.75rem;white-space:nowrap;cursor:pointer}.swatch.svelte-fy7ym7.svelte-fy7ym7:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1.5em);min-width:16em;height:calc(100% + 1.5em);border-radius:3px;box-shadow:0 0 1em #0000001a;z-index:1000}.is-selected.svelte-fy7ym7.svelte-fy7ym7{background:repeating-linear-gradient(45deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 6px,var(--shade) 6px,var(--shade) 7px)}.is-selected.svelte-fy7ym7 .hex.svelte-fy7ym7{color:var(--accent)}.label.svelte-fy7ym7.svelte-fy7ym7{display:none}.swatch.svelte-fy7ym7:hover .label.svelte-fy7ym7{display:inline-block}.value.svelte-fy7ym7.svelte-fy7ym7{font-weight:500}.swatch.svelte-fy7ym7:hover .value.svelte-fy7ym7{color:var(--accent)}.lch.svelte-fy7ym7.svelte-fy7ym7{display:flex;flex-direction:row;justify-content:space-between;opacity:0}.swatch.svelte-fy7ym7:hover .lch.svelte-fy7ym7{opacity:1}.l.svelte-fy7ym7.svelte-fy7ym7{text-align:left}.c.svelte-fy7ym7.svelte-fy7ym7{text-align:center}.h.svelte-fy7ym7.svelte-fy7ym7{text-align:right}.hex.svelte-fy7ym7.svelte-fy7ym7{grid-column-end:span 6;align-self:center;color:var(--base);text-align:center;font:1em iA Writer Duo,monospace,sans-serif;letter-spacing:.1em}.swatch.svelte-fy7ym7:hover .hex.svelte-fy7ym7{color:var(--accent)}.wcag.svelte-fy7ym7.svelte-fy7ym7{display:flex;flex-direction:row;justify-content:space-between;line-height:1.25em;color:var(--meta)}.swatch.svelte-fy7ym7:hover .wcag.svelte-fy7ym7{color:var(--base)}.is-hidden.svelte-fy7ym7.svelte-fy7ym7{opacity:0}.swatch.svelte-fy7ym7:hover .is-hidden.svelte-fy7ym7,.is-visible.svelte-fy7ym7.svelte-fy7ym7{opacity:1}.wcag3.svelte-fy7ym7.svelte-fy7ym7{justify-self:end}.wcag-preview.svelte-fy7ym7.svelte-fy7ym7{margin:0 .25em;opacity:0}.swatch.svelte-fy7ym7:hover .wcag-preview.svelte-fy7ym7{opacity:1}.fail.svelte-fy7ym7.svelte-fy7ym7{text-decoration:line-through}button.svelte-c85g2c{display:inline-block;width:20px;height:20px;margin:0;border:0;border-radius:2px;padding:0;background:url(./btn-remove.3763d49c.svg) no-repeat 50% 30%;text-indent:-999em;overflow:hidden;appearance:none;cursor:pointer}button.svelte-c85g2c:hover{background-color:var(--c-slate-50)}button[disabled].svelte-c85g2c{cursor:auto;opacity:.33!important}.remove-color.svelte-1vmy8f5,.hue-ctrl.svelte-1vmy8f5{padding:.5em;text-align:center}input[type=number].svelte-1vmy8f5{width:4em;font:.75em Inter,sans-serif}h2.svelte-1lkmnst{display:flex;flex-direction:row;align-items:center;margin:0;padding:.5em 0;color:#000;font-weight:600;font-size:.875rem;text-align:center}h2.svelte-1lkmnst:before,h2.svelte-1lkmnst:after{content:"";flex:1;height:1px;margin-bottom:-1px;background-color:var(--c-slate-100)}h2.svelte-1lkmnst:before{margin-right:.5em}h2.svelte-1lkmnst:after{margin-left:.5em}.container.svelte-1y39fbz{width:1.75em}h2.svelte-1y39fbz{display:flex;height:100%;flex-direction:column;align-items:center;margin:0;padding:0 .5em;color:#000;font-weight:600;font-size:.875rem}h2.svelte-1y39fbz:before,h2.svelte-1y39fbz:after{content:"";flex:1;width:1px;background-color:var(--c-slate-100)}h2.svelte-1y39fbz:before{margin-bottom:.5em}h2.svelte-1y39fbz:after{margin-top:.5em}span.svelte-1y39fbz{flex-shrink:0;padding:0 .5em;transform:rotate(-90deg);transform-origin:center;white-space:nowrap;background-color:var(--c-bg)}button.svelte-tmo2zw{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:100%;margin:0;border:1px solid var(--c-slate-100);border-radius:3px;padding:.75rem;background:transparent none;appearance:none;cursor:pointer}button.svelte-tmo2zw:hover{border-color:var(--c-slate-200)}.icon.svelte-tmo2zw{display:inline-block;width:20px;height:20px;background:url(./btn-add.7fc19f9d.svg) no-repeat;text-indent:-999em;overflow:hidden}.base-color-ctrl.svelte-qowgh.svelte-qowgh{display:flex;flex-direction:column;justify-content:center;font-size:.75rem;padding:.5em 1em .5em 0}.hex-input.svelte-qowgh.svelte-qowgh{display:flex;flex-direction:row;align-items:center;margin-bottom:.5em;white-space:nowrap}.level-input.svelte-qowgh.svelte-qowgh{display:flex;flex-direction:row;align-items:center;margin-bottom:.25em;white-space:nowrap}.level-input.svelte-qowgh label.svelte-qowgh{display:inline-block;min-width:calc(.625rem + .5em)}.lab-pref.svelte-qowgh.svelte-qowgh{margin-top:.5em}input[type=text].svelte-qowgh.svelte-qowgh{width:4.75em}input[type=number].svelte-qowgh.svelte-qowgh{width:4em}input.error.svelte-qowgh.svelte-qowgh{background-color:var(--c-red-100)}.palette-container.svelte-r6pm1b{box-sizing:border-box;min-width:100vw;padding:40px 20px;overflow-x:auto;background-color:var(--c-bg);color:var(--c-slate-600)}.palette.svelte-r6pm1b{display:grid;grid-template-columns:auto auto repeat(var(--num-of-colors),1fr) auto;grid-auto-rows:auto}.base-colors-title.svelte-r6pm1b{grid-column-start:3;grid-column-end:span var(--num-of-colors)}.add-color-cell.svelte-r6pm1b{padding:.5em;font-size:.75rem}.palette_shades.svelte-r6pm1b,.palette_colors.svelte-r6pm1b{display:grid;grid-template-rows:repeat(var(--num-of-shades),1fr)}.hue-ctrl-title.svelte-r6pm1b{grid-column-start:3;grid-column-end:span var(--num-of-colors)}.description.svelte-17pqcts.svelte-17pqcts{padding:var(--pad2x) var(--pad);background-color:var(--c-slate-900);color:var(--c-slate-300)}.content.svelte-17pqcts.svelte-17pqcts{width:100%;max-width:980px;margin:0 auto;padding:0;font-size:.9375rem;line-height:1.5}.footer.svelte-17pqcts.svelte-17pqcts{display:flex;flex-direction:row;align-items:center;margin-top:var(--pad2x);font-size:.75rem;line-height:1.25}.footer.svelte-17pqcts p.svelte-17pqcts{margin:0 0 0 1em}.footer.svelte-17pqcts a.svelte-17pqcts:link,.footer.svelte-17pqcts a.svelte-17pqcts:visited{color:inherit}.columns.svelte-17pqcts.svelte-17pqcts{display:grid;grid-template-columns:1fr;row-gap:1.6em}.columns.svelte-17pqcts .svelte-17pqcts:last-child{margin-bottom:0}@media only screen and (min-width: 769px){.columns.svelte-17pqcts.svelte-17pqcts{grid-template-columns:repeat(2,1fr);column-gap:var(--pad2x);row-gap:0}}.blog-post.svelte-17pqcts.svelte-17pqcts{margin-top:var(--pad2x);border-radius:5px;padding:2px;background-image:linear-gradient(var(--rainbow-60))}.blog-post_wrap.svelte-17pqcts.svelte-17pqcts{border-radius:4px;padding:var(--pad);background-color:var(--c-slate-900);text-align:center}.blog-post.svelte-17pqcts p.svelte-17pqcts{display:inline-block;text-align:left}.blog-post_heading.svelte-17pqcts.svelte-17pqcts{display:block}.blog-post.svelte-17pqcts a.svelte-17pqcts{font-size:1.125rem;font-weight:500}h2.svelte-17pqcts.svelte-17pqcts{margin:2em 0 .75em;color:#fff;font-weight:600;font-size:1.125rem}h2.svelte-17pqcts.svelte-17pqcts:first-child{margin-top:0}p.svelte-17pqcts.svelte-17pqcts{margin:.4em 0 .8em}ul.svelte-17pqcts.svelte-17pqcts{margin:0;padding:0}ul.svelte-17pqcts li.svelte-17pqcts{margin:.4em 0 .8em;padding:0;list-style:none}ul.svelte-17pqcts li.svelte-17pqcts:before{content:"‣";display:inline-block;width:1em;margin-left:-1em}strong.svelte-17pqcts.svelte-17pqcts,a.svelte-17pqcts.svelte-17pqcts:link,a.svelte-17pqcts.svelte-17pqcts:visited{color:var(--c-slate-100)}a.svelte-17pqcts.svelte-17pqcts:hover,a.svelte-17pqcts.svelte-17pqcts:active{color:#fff}.rainbow.svelte-3vhbvh{height:5px;background-image:linear-gradient(var(--rainbow-60))}.toolbar.svelte-1e3svei.svelte-1e3svei{padding:var(--pad);background-color:var(--c-slate-900);background-image:linear-gradient(var(--rainbow-50));color:#fff;box-shadow:inset 0 -1px 1px #0000001a;font-weight:400;font-size:1.125rem}.toolbar.svelte-1e3svei h1.svelte-1e3svei{margin:0;font-size:1.125rem;font-weight:400;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.2)}.toolbar.svelte-1e3svei h1 strong.svelte-1e3svei{color:#fff;font-weight:600}