@charset "UTF-8";*,:before,:after{box-sizing:border-box;background-repeat:no-repeat;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:where(nav) :where(ol,ul),:where(dl,ol,ul){list-style:none}:where(p,h1,h2,h3,h4,h5,h6){margin-block-start:0;margin-block-end:0}:where(blockquote,q){quotes:none}:where(blockquote,q):before,:where(blockquote,q):after{content:"";content:none}:where(pre,code,kbd,samp){font-family:monospace;font-size:1em}:where(b,strong){font-weight:bolder}:where(small){font-size:80%}:where(table){border-collapse:collapse;border-color:currentColor;text-indent:0}:where(hr){color:inherit;height:0}:where(abbr[title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(button,input,select,textarea){background-color:transparent;border:1px solid currentColor;border-radius:0;color:inherit;letter-spacing:inherit}:where(input,select,textarea){height:auto;max-width:100%}:where(button,[type=button i],[type=reset i],[type=submit i]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:where(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}:where(select[multiple]){background-image:none}:where(textarea){resize:vertical}:where([type=color i],[type=range i]){border-width:0}:where([type=search i]){-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit}::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}:where(img){height:auto;width:100%;display:block}:where(iframe,video,svg){height:auto;max-width:100%;display:block}:where([aria-busy=true i]){cursor:progress}:where([aria-disabled=true i],[disabled]){cursor:not-allowed}:where([aria-hidden=false i][hidden]){display:initial}:where([aria-hidden=false i][hidden]:not(:focus)){clip:rect(0,0,0,0);position:absolute}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-delay:-1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}@font-face{font-family:Satoshi-Variable;src:url(/assets/Satoshi-Variable-CFg-z2ne.woff2) format("woff2"),url(/assets/Satoshi-Variable-B5cVmYQo.woff) format("woff");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:CabinetGrotesk-Variable;src:url(/assets/CabinetGrotesk-Variable-DI2t1LFl.woff2) format("woff2"),url(/assets/CabinetGrotesk-Variable-DRyS-JTJ.woff) format("woff");font-weight:100 900;font-display:swap;font-style:normal}:root{--clr-text: #111;--clr-charcoal: #1d1d1b;--clr-offwhite: #f2f2ed;--clr-lightgrey: #c7c7c7;--clr-darkgrey: #4b4b4b;--clr-black: #111111}:root{--container: 1060px;--space-24: clamp(1rem, .77vw + .81rem, 1.5rem);--space-32: clamp(1rem, 1.54vw + .62rem, 2rem);--space-40: clamp(1.25rem, 1.92vw + .77rem, 2.5rem);--space-48: clamp(1.5rem, 2.31vw + .92rem, 3rem);--space-64: clamp(2rem, 3.08vw + 1.23rem, 4rem);--space-72: clamp(2.25rem, 3.46vw + 1.38rem, 4.5rem);--space-80: clamp(2.5rem, 3.85vw + 1.54rem, 5rem);--space-96: clamp(3rem, 4.62vw + 1.85rem, 6rem);--space-128: clamp(4rem, 6.15vw + 2.46rem, 8rem);--space-160: clamp(5rem, 7.69vw + 3.08rem, 10rem);--space-240: clamp(7.5rem, 11.54vw + 4.62rem, 15rem);--site-pad: clamp(1.25rem, 1.15vw + .96rem, 2rem)}body{min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;background-color:var(--clr-offwhite)}body #site-content{flex-grow:1;overflow-x:hidden}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#222;display:block;font-family:inherit;font-size:14px;font-weight:500;height:auto;left:.5rem;line-height:normal;padding:1rem;text-decoration:none;top:.5rem;width:auto;z-index:100000}:focus-visible{outline-color:#747474;outline-width:2px;outline-offset:4px}:focus:not(:focus-visible){outline:none}#content[tabindex="-1"]:focus{outline:none}body{color:var(--clr-text);font-family:Satoshi-Variable,sans-serif;font-size:clamp(1rem,.38vw + .9rem,1.25rem);font-style:normal;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:CabinetGrotesk-Variable,sans-serif;line-height:1.25;font-weight:400;text-wrap:balance}h2{font-size:clamp(1.5rem,1.15vw + 1.21rem,2.25rem)}.form input:not([type=submit]),.form textarea{padding:1rem;background-color:#eff7f8;border:0;border-bottom:1px dashed var(--clr-blue-dark);width:100%;margin-bottom:.5rem}.form select{padding:0 3rem 0 1rem;border:1px solid currentColor;border-radius:4px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEyIDE0Ij48cGF0aCBmaWxsPSIjMjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDBjLjQ1IDAgLjgxNS4zNDguODE1Ljc3OHYxMC41NjZsMy43OTQtMy42MjFhLjg0Mi44NDIgMCAwIDEgMS4xNTIgMCAuNzUzLjc1MyAwIDAgMSAwIDEuMWwtNS4xODUgNC45NWEuODQzLjg0MyAwIDAgMS0xLjE1MiAwTC4yMzkgOC44MjJhLjc1My43NTMgMCAwIDEgMC0xLjEuODQyLjg0MiAwIDAgMSAxLjE1MiAwbDMuNzk0IDMuNjIyVi43NzdDNS4xODUuMzQ4IDUuNTUgMCA2IDBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);background-position:right 1rem center;background-size:12px 14px}.form input[type=file]{font-size:1rem}.form input[type=submit],.form button{padding:.5rem 1rem;border:0;background-color:var(--clr-green);transition:background-color .3s ease;justify-self:start}.form input[type=submit]:hover,.form button:hover{background-color:var(--clr-yellow)}.form input::file-selector-button{padding:.5rem 1rem;border:1px solid var(--clr-blue-dark);background-color:var(--clr-blue-light)}.form label{font-variation-settings:"wght" 800;display:inline-block;margin-bottom:.25rem;color:var(--clr-blue-text)}.form sup{color:var(--clr-orange)}.form .form__section{margin-bottom:var(--space-40)}.form .form__footer{margin-top:var(--space-64);display:grid;gap:var(--space-24)}.form .form__success{min-height:25vh;display:flex;align-items:center;justify-content:center}.form .form__error{padding:1rem;margin-bottom:1rem;border:1px solid var(--clr-orange);font-size:clamp(.88rem,.19vw + .83rem,1rem)}.form .form__error p{margin-bottom:1rem;font-variation-settings:"wght" 800}.form .form__legal{font-size:12px}.form .form__description{font-size:clamp(.88rem,.19vw + .83rem,1rem);margin:.5rem 0 1rem}.form :focus-visible{outline-color:var(--clr-blue-dark);outline-width:2px;outline-offset:0;border-radius:0}.form :focus:not(:focus-visible){outline:none}.form ::-moz-placeholder{opacity:.4;font-size:clamp(.88rem,.38vw + .78rem,1.13rem)}.form ::placeholder{opacity:.4;font-size:clamp(.88rem,.38vw + .78rem,1.13rem)}a{color:inherit;text-decoration:none}button,input[type=submit]{cursor:pointer}header{padding:var(--site-pad)}header a{display:inline-block}header a:focus-visible{outline:4px solid;outline-offset:8px}header svg{max-width:94px}#ccc[data-v-c4165a10]{display:grid}#bars[data-v-c4165a10]{width:100%;padding-left:max(var(--site-pad),50vw - 1024px / 2);padding-right:max(var(--site-pad),50vw - 1024px / 2);padding-top:var(--space-96);padding-bottom:var(--space-96)}#bars .bars__wrapper[data-v-c4165a10]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-48)}#bars .bars__column[data-v-c4165a10]{position:relative;display:grid}#bars .bars__column label[data-v-c4165a10]{font-size:14px;padding:.25rem .5rem;background-color:var(--clr-charcoal);color:var(--clr-offwhite);justify-self:start}#bars input[type=text][data-v-c4165a10]{display:block;background-color:#fff;border-radius:0;border:1px solid var(--clr-charcoal);text-align:center;font-size:clamp(1.5rem,.77vw + 1.31rem,2rem);padding:1rem 1.25rem;width:100%}#bars .colour-actions[data-v-c4165a10]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}#bars .colour-actions button[data-v-c4165a10]{padding:.5rem 1rem;font-size:1rem;transition:background-color .3s ease,color .3s ease,opacity .3s ease;border:1px solid var(--clr-charcoal);background:#fff;color:var(--clr-charcoal)}#bars .colour-actions button[data-v-c4165a10]:hover:not(:disabled){background-color:var(--clr-charcoal);color:var(--clr-offwhite)}#bars .colour-actions button[data-v-c4165a10]:disabled{opacity:.45;cursor:not-allowed}#bars[data-v-c4165a10] :focus-visible{outline:2px solid;outline-offset:0}#output[data-v-c4165a10]{width:100%;padding-left:max(var(--site-pad),50vw - 1024px / 2);padding-right:max(var(--site-pad),50vw - 1024px / 2);padding-bottom:var(--space-96)}#output .reset__wrapper[data-v-c4165a10]{margin-top:var(--space-48);display:flex;justify-content:flex-end}#output .reset__wrapper button[data-v-c4165a10]{padding:.5rem 1rem;font-size:1rem;transition:background-color .3s ease,color .3s ease}#output .reset__wrapper button[data-v-c4165a10]:hover{background-color:var(--clr-charcoal);color:var(--clr-offwhite)}#output .reset__wrapper[data-v-c4165a10] :focus-visible{outline:2px solid;outline-offset:0}#output .output__top[data-v-c4165a10]{margin-bottom:var(--space-48)}#output .output__top .results__wcag[data-v-c4165a10]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-48)}#output .output__top .results__wcag .result[data-v-c4165a10]{font-size:1rem;text-align:center;padding:.5rem;background:#b5f8b2;border:1px solid var(--clr-charcoal);transition:background .3s ease}#output .output__top .results__wcag .result p[data-v-c4165a10]:after{content:" ✓"}#output .output__top .results__wcag .result[data-grade=fail][data-v-c4165a10]{background:#f77}#output .output__top .results__wcag .result[data-grade=fail] p[data-v-c4165a10]:after{content:" ✕"}#output .output__bottom[data-v-c4165a10]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-48)}#output .output__bottom #ratio .ratio__label[data-v-c4165a10]{font-size:14px;padding:.25rem .5rem;background-color:var(--clr-charcoal);color:var(--clr-offwhite);display:inline-block}#output .output__bottom #ratio #ratio-number[data-v-c4165a10]{font-size:clamp(2.5rem,2.31vw + 1.92rem,4rem);font-variation-settings:"wght" 700}#output .output__bottom #sample .sample__label[data-v-c4165a10]{font-size:14px;padding:.25rem .5rem;background-color:var(--clr-charcoal);color:var(--clr-offwhite);display:inline-block}#output .output__bottom #sample #sample-text[data-v-c4165a10]{padding:2rem;background:#fff;color:#000;border-radius:0;display:flex;flex-direction:column;gap:1rem}#output .output__bottom #sample #sample-text .sample__large[data-v-c4165a10]{font-size:32px}#output .output__bottom #sample #sample-text .sample__normal[data-v-c4165a10]{font-size:16px}#info[data-v-c4165a10]{width:100%;padding-left:max(var(--site-pad),50vw - 1024px / 2);padding-right:max(var(--site-pad),50vw - 1024px / 2);padding-top:var(--space-96);padding-bottom:var(--space-96);background-color:var(--clr-black);color:var(--clr-offwhite)}#info .info__text[data-v-c4165a10]{display:grid;gap:var(--space-24);font-size:1rem}