*,:after,:before{box-sizing:border-box}html[focus-within]{scroll-behavior:smooth}html:focus-within{scroll-behavior:smooth}body{-webkit-text-size-adjust:100%;text-rendering:optimizespeed}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol[class],ol[role=list],ul[class],ul[role=list]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a:not([href]),a:not([href]):hover{color:inherit;text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}code,kbd,pre,samp{font-size:1em}pre{display:block;margin:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{word-wrap:break-word}a>code{color:inherit}kbd kbd{font-size:1em;padding:0}img,svg{vertical-align:middle}img,picture{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0;caption-side:bottom}caption{text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}label{display:inline-block}button{border-radius:0}button,input,select,textarea{font:inherit}button,input,optgroup,select,textarea{font-size:inherit;line-height:inherit}button:focus:not(.focus-visible){outline:0}button:focus:not(:focus-visible){outline:0}[role=button],button{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{float:left;line-height:inherit;width:100%}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){html[focus-within]{scroll-behavior:auto}html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} 
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:200;src:url(/fonts/SourceSansPro-ExtraLight.ttf) format("ttf");unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:italic;font-weight:200;src:url(/fonts/SourceSansPro-ExtraLightItalic.ttf) format("ttf");unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:300;src:url(/fonts/SourceSansPro-Light.ttf) format("ttf");unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:italic;font-weight:300;src:url(/fonts/SourceSansPro-LightItalic.ttf) format("ttf");unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(/fonts/SourceSansPro-Regular.ttf) format("ttf");unicode-range:u+000-5ff}@font-face{font-display:swap;font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(/fonts/SourceSansPro-Italic.ttf) format("ttf");unicode-range:u+000-5ff}:root{--token-color-brand-120:#082854;--token-color-brand-100:#1e274a;--token-color-black-100:#000;--token-color-black-50:rgba(0,0,0,.5);--token-color-black-24:rgba(0,0,0,.24);--token-color-black-16:rgba(0,0,0,.16);--token-color-black-08:rgba(0,0,0,.08);--token-color-black-04:rgba(0,0,0,.04);--token-color-neutral-100:#1b262e;--token-color-neutral-80:#555d63;--token-color-neutral-50:#858a8e;--token-color-neutral-25:#c2c5c7;--token-color-neutral-10:#e7e8e9;--token-color-neutral-04:#fafafa;--token-color-neutral-00:#fff;--token-color-neutral-00-50:hsla(0,0%,100%,.5);--token-color-neutral-0:--token-color-neutral-00;--token-color-positive-100:#3a990b;--token-color-positive-10:#dfeddc;--token-color-negative-100:#a5093e;--token-color-negative-10:#f3dde5;--token-font-family-primary:Source Sans Pro,Arial,sans-serif;--token-font-family-secondary: ;--token-h1-font-family:var(--token-font-family-primary);--token-h1-font-weight:200;--token-h1-font-size:3.5rem;--token-h1-font-height:1;--token-h2-font-family:var(--token-font-family-primary);--token-h2-font-weight:200;--token-h2-font-size:2.5rem;--token-h2-font-height:130%;--token-h3-font-family:var(--token-font-family-primary);--token-h3-font-weight:200;--token-h3-font-size:1.5rem;--token-h3-font-height:130%;--token-h4-font-family:var(--token-font-family-primary);--token-h4-font-weight:200;--token-h4-font-size:1.5rem;--token-h4-font-height:130%;--token-h5-font-family:var(--token-font-family-primary);--token-h5-font-weight:200;--token-h5-font-size:1.125rem;--token-h5-font-height:140%;--token-h6-font-family:var(--token-font-family-primary);--token-h6-font-weight:200;--token-h6-font-size:1rem;--token-h6-font-height:140%;--token-p-font-family:var(--token-font-family-primary);--token-p-font-weight:200;--token-p-font-size:1rem;--token-p-font-height:140%}html{font-size:16px;scroll-behavior:smooth}body{font-family:Source Sans Pro,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:100}h1{font-family:var(--token-h1-font-family);font-size:var(--token-h1-font-size);font-weight:var(--token-h1-font-weight);line-height:var(--token-h1-font-height);margin:0}h2{font-family:var(--token-h2-font-family);font-size:var(--token-h2-font-size);font-weight:var(--token-h2-font-weight);line-height:var(--token-h2-font-height)}h3{font-family:var(--token-h3-font-family);font-size:var(--token-h3-font-size);font-weight:var(--token-h3-font-weight);line-height:var(--token-h3-font-height)}h4{font-family:var(--token-h4-font-family);font-size:var(--token-h4-font-size);font-weight:var(--token-h4-font-weight);line-height:var(--token-h4-font-height)}h5{font-family:var(--token-h5-font-family);font-size:var(--token-h5-font-size);font-weight:var(--token-h5-font-weight);line-height:var(--token-h5-font-height)}h6{font-family:var(--token-h6-font-family);font-size:var(--token-h6-font-size);font-weight:var(--token-h6-font-weight);line-height:var(--token-h6-font-height)}p{font-family:var(--token-p-font-family);font-size:var(--token-p-font-size);font-weight:var(--token-p-font-weight);line-height:var(--token-p-font-height);margin-top:0}body,html{min-height:100dvh}.page-padding{padding-left:7.5rem;padding-right:7.5rem}@media screen and (max-width:991px){.page-padding{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (max-width:767px){.page-padding{padding-left:1rem;padding-right:1rem}}.header__container{grid-gap:1rem;display:grid;grid-template-areas:"logo logo . . . . . .";grid-template-columns:repeat(8,1fr);margin:3rem auto;max-width:64rem;width:100%}.header__logo{grid-area:logo}.footer{margin:2rem 0}.footer__container{border-top:1px solid var(--token-color-neutral-10)}.footer__container,.page{margin:3rem auto;max-width:64rem;width:100%}.page{grid-gap:1rem;display:grid;grid-template-areas:"sidebar sidebar content content content content content content";grid-template-columns:repeat(8,1fr)}.sidebar{grid-area:sidebar}.content,.sidebar{border-top:1px solid var(--token-color-neutral-10);padding-top:2rem}.content{grid-area:content}.navigation li{margin:.25rem 0}.navigation a{color:inherit;text-decoration:none}.navigation li.active>a{color:var(--token-color-brand-100)}.grid{grid-gap:1rem;display:grid;grid-template-columns:repeat(6,1fr)}.grid--colors{grid-template-columns:repeat(4,1fr)}.grid--assets{grid-template-columns:repeat(1,1fr)}.grid--examples,.grid--gallery{grid-template-columns:repeat(2,1fr)}.grid--text:has(>div:first-child:last-child){grid-template-columns:repeat(1,1fr)}.grid--text:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.grid--text:has(>div:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.section{display:flex;flex-direction:column;margin:2rem 0;row-gap:.5rem}.section:first-child{margin-top:0}.section--text~.section--textcolumns{border:1px solid red}.divider{background:var(--token-color-neutral-10);border:0;height:1px;margin-block-end:0;margin-block-start:0;width:100%}.colorswatch{border:1px solid var(--token-color-neutral-10);border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden}.colorswatch__color{aspect-ratio:1/1;background:var(--swatch-color);border-radius:.25rem;margin:.5rem}.colorswatch__info{flex-grow:1;font-size:.75rem;padding:.5rem}.colorswatch__title{font-weight:400;margin-bottom:.5rem}.colorswatch__values{display:grid;grid-template-columns:40% auto;line-height:150%}.colorswatch__values dt{grid-column:1}.colorswatch__values dd{grid-column:2}.asset{border:1px solid var(--token-color-neutral-10);border-radius:.5rem;overflow:hidden}.asset__image{box-shadow:inset 0 0 1px 1px var(--token-color-neutral-10);margin:.5rem}.asset__title{margin:0 .5rem .5rem}.asset__info{margin:.5rem}.asset__variants{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin:1rem .5rem .5rem}.asset__downloads{display:flex;flex-direction:row;gap:.5rem;margin-bottom:.5rem}.asset__downloads li{margin-top:.5rem}.asset__downloads li a{background:var(--token-color-brand-100);border:1px solid var(--token-color-brand-100);border-radius:.25rem;color:var(--token-color-neutral-00);font-size:.8rem;font-weight:500;padding:.5rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.asset__downloads li a:hover{background:var(--token-color-neutral-00);color:var(--token-color-brand-100)}.example{border:1px solid var(--token-color-neutral-10);border-radius:.5rem;overflow:hidden}.example__image{align-items:center;aspect-ratio:600/400;display:flex;justify-content:center;padding:1rem}.example__judgement{padding:.5rem;text-transform:uppercase}.example__judgement--do{background:var(--token-color-positive-10);color:var(--token-color-positive-100)}.example__judgement--dont{background:var(--token-color-negative-10);color:var(--token-color-negative-100)}.picture{background:var(--token-color-neutral-10);overflow:hidden}.picture--gallery{aspect-ratio:600/400;border-radius:.5rem}.picture__image{animation:picture__image 1s ease-in .25s;height:100%;object-fit:cover;width:100%}@keyframes picture__image{0%{opacity:0}to{opacity:1}}