.App{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-align:center;margin:auto}.card-info{font-size:.85em;padding:2em 2.5em .75em;text-align:left;background-color:#fff;margin:.25em;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.1);width:20em;border-radius:.33em}.card-title{font-size:1rem;font-weight:600}.button{color:#000;font-size:.85em;text-decoration:none;background-color:hsla(0,0%,100%,.6);padding:calc(1em + 2px) 2em 1em;margin:3em 2em 2em;display:inline-block;border-radius:2em;box-shadow:0 1px 2px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1),inset 0 2px 1px 0 hsla(0,0%,100%,.8),0 0 1px 1px rgba(0,0,0,.5);transition:all .2s ease-out;text-transform:uppercase;letter-spacing:.06125em;font-weight:500}.button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);background-color:hsla(0,0%,100%,.7);box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.07),inset 0 2px 1px 0 hsla(0,0%,100%,.8),0 0 1px 1px rgba(0,0,0,.3)}.button:active{-webkit-transform:translateY(0);transform:translateY(0);background-color:hsla(0,0%,100%,.5);box-shadow:0 1px 2px 0 transparent,0 2px 4px 0 transparent,inset 0 2px 1px 0 hsla(0,0%,100%,.8),0 0 1px 1px rgba(0,0,0,.5)}.picker-layout{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2em}.picker-wrapper{margin:1em;text-align:left}.picker-label{font-size:.7em;text-transform:uppercase;letter-spacing:.125em;margin:1em 0 .5em}.evaluation{font-size:.5em;display:inline-block;padding:.125em .75em;border-radius:1em;margin:.5em 0 .5em .75em;top:-.35em;position:relative;border:1px solid #000;font-weight:500}.fail{color:#960000;border-color:#b40000;background-color:#ffdcdc}.success{color:#005a00;border-color:#007800;background-color:#c8ffb4}.large{color:#821400;border-color:#a02800;background-color:#fff08c}.canvas{line-height:1.4;padding:2em}.layout{max-width:60em;margin:auto}.examples{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}.example--text{font-size:1em;text-align:left;margin-top:1em}.example--text p{margin:0 auto;max-width:20rem}.example--text p.larger{font-size:24px}.example--text p.bolder{font-size:19px;font-weight:700;margin-bottom:2rem}.example--control{width:20rem}.example--control div{padding:1em 2em;display:inline-block;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.0625em;margin:1em}.contrast-info{font-size:2em;padding:.25em 0 .75em;font-weight:600}.small-print{font-size:.9em;color:rgba(0,0,0,.65)}.source{margin:2em;line-height:1.6}
/*# sourceMappingURL=main.b7a54287.chunk.css.map */