html{height:100%;min-height:100%}body{height:100%;min-height:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;color:#444}.c-color-list{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;margin-bottom:1.5rem}@media (min-width: 760px){.c-color-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 990px){.c-color-list{grid-template-columns:repeat(4, minmax(0, 1fr))}}.c-color-list__item{display:flex;flex-direction:column;flex-shrink:0;min-width:120px;text-align:center}@media (min-width: 760px){.c-color-list__item{min-width:150px}}.c-color-list__item__value{display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:3px;border-width:1px;border-color:#efefef;border-style:solid}.c-color-list__item--light .c-color-list__item__value{color:#444}.c-color-list__item--dark .c-color-list__item__value{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.c-color-list__item__name{font-size:0.75rem}.c-component{display:grid;grid-column-gap:3rem;grid-template-columns:280px minmax(0, 1fr)}@media (min-width: 760px){.c-component{grid-template-columns:50% minmax(0, 1fr)}}.c-component.c-component--full{grid-template-columns:280px minmax(0, 1fr)}@media (min-width: 760px){.c-component.c-component--full{grid-template-columns:400px minmax(0, 1fr)}}.c-component__code{overflow:auto;padding:0.25rem;background-color:#efefef;border-color:#f0f0f0;border-style:solid;border-width:1px;border-radius:3px;font-size:0.65rem}.c-component__title{margin-bottom:0.75rem;line-height:1.25}.c-component__description{margin-bottom:1.5rem}.c-component__view{grid-column:1 / -1;margin-bottom:15px}@media (min-width: 990px){.c-component__view{grid-column:1 / 1;position:relative;margin-bottom:80px}}.c-component__view--full{grid-column:1 / -1;margin-bottom:15px}.c-component__view--dark{padding:1rem;border-radius:3px;background-color:#444}.c-component__meta{margin-bottom:80px}.c-component__meta--full{grid-column:1 / -1;max-width:80vw}@media (min-width: 760px){.c-component__meta--full{max-width:50vw}}.c-component--typograph{max-width:980px}.c-content{display:block;min-height:calc(100vh - 100px)}@media (min-width: 760px){.c-content{display:flex;min-height:calc(100vh - 52px);padding:0 3rem 0 0}}.c-content__aside{position:absolute;width:275px;min-height:calc(100vh - 100px);padding:3rem 0;background-color:#f7f7f7;transform:translateX(-275px);transition:transform 500ms cubic-bezier(0.165, 0.84, 0.44, 1);z-index:666}@media (min-width: 760px){.c-content__aside{position:relative;width:215px;min-height:calc(100vh - 52px);flex-shrink:0;transform:translateX(0)}}@media (min-width: 990px){.c-content__aside{width:275px}}.c-content__toggle__checkbox{display:none}.c-content__toggle__checkbox:checked ~ .c-content__aside{transform:translateX(0)}.c-content__toggle__checkbox:checked ~ .c-content__aside .c-content__toggle__trigger{left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' height='20px' width='20px' preserveAspectRatio='xMidYMid meet'%3E%3Cpolygon points='30,3.8 28.3,2 16,14.3 3.8,2 2,3.8 14.3,16 2,28.3 3.8,30 16,17.8 28.3,30 30,28.3 17.8,16 '/%3E%3C/svg%3E");transform:translateX(0)}.c-content__toggle__checkbox:checked ~ .c-content__nav__overlay{right:0;opacity:1;pointer-events:none}@media (min-width: 760px){.c-content__toggle__checkbox:checked ~ .c-content__nav__overlay{opacity:0}}.c-content__nav__overlay{position:fixed;top:0;right:100%;bottom:0;left:0;background-color:rgba(0,0,0,0.5);opacity:0;z-index:665;pointer-events:auto;transition:opacity 500ms cubic-bezier(0.165, 0.84, 0.44, 1)}@media (min-width: 760px){.c-content__nav__overlay{opacity:0}}.c-content__toggle__trigger{position:absolute;display:block;width:44px;height:44px;top:0;right:0;background-color:#f7f7f7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' height='20px' width='20px' preserveAspectRatio='xMidYMid meet'%3E%3Cg fill='currentColor'%3E%3Crect x='2' y='2.5' width='28' height='4'/%3E%3Crect x='2' y='14' width='28' height='4'/%3E%3Crect x='2' y='25.5' width='28' height='4'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;transform:translateX(44px);cursor:pointer}@media (min-width: 760px){.c-content__toggle__trigger{display:none}}.c-content__main{width:100%;padding:3rem 2rem 7rem}@media (min-width: 760px){.c-content__main{padding:3rem 0 7rem 3rem}}@media (min-width: 1440px){.c-content__main{padding:3rem 0 7rem 6rem}}.c-copy--h1{margin-bottom:3rem;border-width:0 0 1px;border-style:solid;border-color:#444;font-size:1.9rem}.c-copy--h2{text-transform:uppercase;margin-bottom:3rem;border-width:0 0 1px;border-style:solid;border-color:#444;font-size:1.5rem}.c-copy--h3{text-transform:uppercase;font-size:1.1rem;margin-bottom:0.5rem}.c-copy--body{margin-bottom:1rem}.c-copy--body:last-of-type{margin-bottom:3rem}.c-copy--h2+.c-copy--body:first-of-type{margin-top:-2rem}.c-icon-list{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));grid-gap:2rem}.c-icon-list__item{text-align:center}.c-icon-list__item__name{margin-bottom:2rem;font-size:0.75rem}.c-navigation__list{list-style-type:none}.c-navigation__item{position:relative}.c-navigation__item--current::after{content:"";position:absolute;width:3px;height:100%;top:0;left:0;background-color:#e94481}.c-navigation__link{position:relative;display:block;padding:1rem 1.5rem;transition:color 100ms ease;color:#444;text-decoration:none;font-size:1.1rem;font-weight:600}.c-navigation__link:hover{text-decoration:underline}.c-navigation__link--current{background-color:#efefef}.c-page-header{display:flex;flex-direction:column;height:100px;padding:0 1rem;background-color:#444;color:#fff}@media (min-width: 760px){.c-page-header{flex-direction:row;align-items:center;height:52px}}.c-page-header__brand{display:flex;flex-direction:column;order:2}@media (min-width: 760px){.c-page-header__brand{flex-direction:row;width:100%}}.c-page-header__title{order:2;margin-top:0.5rem;margin-right:2rem;margin-bottom:0.9rem;font-size:1.2rem;text-transform:uppercase}@media (min-width: 760px){.c-page-header__title{order:1;margin-bottom:0.5rem;font-size:1.5rem}}.c-page-header__subtitle{order:1;max-width:300px;margin-top:0.9rem;margin-bottom:0.5rem;font-size:1.2rem;vertical-align:top}.c-page-header__subtitle *{display:block}@media (min-width: 760px){.c-page-header__subtitle{order:2;align-self:flex-end;margin-left:auto}}.c-page-header__nav-toggle{align-self:flex-end;order:1;margin-top:0.9rem;margin-right:1.8rem;margin-bottom:0.8rem}@media (min-width: 760px){.c-page-header__nav-toggle{display:none}}.c-page-header__toggle__trigger{cursor:pointer}.c-page-header__toggle__trigger__icon{vertical-align:top}.c-page-header__link{transition:color 100ms ease;color:#fff;text-decoration:none}.c-page-header__link:hover{color:rgba(255,255,255,0.75)}.c-sub-navigation__list{list-style-type:none;padding-bottom:0.5rem;background-color:#efefef}.c-sub-navigation__item{border-color:#dedede;border-style:solid;border-width:0 0 1px}.c-sub-navigation__item:last-of-type{border-width:0}.c-sub-navigation__link{display:block;padding:0.5rem 2rem;transition:color 100ms ease;text-decoration:none;font-size:0.8rem;color:#444}.c-sub-navigation__link:hover{text-decoration:underline}.c-sub-navigation__link--current{font-weight:700}