.palette{display:flex;flex-wrap:wrap;margin:0 -0.25em}.color{flex:1 1 4em;position:relative;margin:0 .25em 1.5em}.color:before{content:"";display:block;width:100%;height:5em;background-color:currentColor}.color code{display:inline-block;color:red}.color span{display:block;position:absolute;top:.5rem;left:.5rem;font-style:normal;color:#fff;font:.75em/1em Hack,Consolas,Monaco,monospace;text-shadow:0 0 2px #000}.color--base{flex:1 1 12em;margin-right:1em;order:-1}.contrast-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(16rem, 1fr));gap:1rem;margin:1rem 0 2.5em}.contrast-card{border:1px solid #d5dce1;font-size:.875rem}.contrast-card__sample{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;font-size:1rem;line-height:1.5}.contrast-card__sample--undefined{background:#f2f2f2;color:#555;font-style:italic}.contrast-card__result{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .2rem .15rem .5rem;background:#fff;color:#111c23;font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.contrast-card__meta{padding:.5rem .75rem;border-top:1px solid #d5dce1}.contrast-card__proposal{padding:.1em .5em;font-size:.8em;background:#4b3f8c;color:#fff}.contrast-level{display:inline-block;padding:.1em .5em;font-size:.8em;font-weight:bold;color:#fff}.contrast-level--aaa{background:#1b5e20}.contrast-level--aa{background:#2e7d32}.contrast-level--large{background:#8a4b00}.contrast-level--fail{background:#b3261e}.foehn-example{position:relative;overflow:hidden;border:1px solid #bfc1c3;margin-top:1em;margin-bottom:1em;padding-top:2em;padding-right:1em;padding-bottom:1em;padding-left:1em}.foehn-example::before{content:"EXAMPLE";position:absolute;top:0;left:0;padding:.21053em .78947em .21053em .78947em;text-transform:none;font-size:12px;line-height:1.25;background:#bfc1c3;color:#fff}.component-example{display:flex;flex-direction:column;border:1px solid gray}.component-example__preview-link{font-size:.8em;padding:.5em;background:#d3d3d3}.component-example__iframe{display:block;padding:1rem;width:100%;height:300px;resize:both;outline:1px solid gray;max-width:100%}/*# sourceMappingURL=styleguide.css.map */