.styleguide-navigation{background:var(---background-color--content-2);box-shadow:0 0 5px rgba(0,0,0,.1);margin-bottom:2em;padding:1em;position:sticky;top:0}.styleguide-color-swatches{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0}.styleguide-color-swatches a{margin:.25em}.styleguide-color-swatches a:after{content:none}.docs-color-swatches{grid-row-gap:30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.docs-color-swatch{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 20px;text-align:center}.docs-color-swatch .docs-color-swatch__background{background-color:var(--swatch-background-color);border-radius:100%;box-shadow:inset 0 0 3px rgba(0,0,0,.1);cursor:pointer;height:100px;transition:background .25s,color .25s;width:100px}.docs-color-swatch .docs-color-swatch__background:focus .docs-color-swatch__swatch,.docs-color-swatch .docs-color-swatch__background:hover .docs-color-swatch__swatch{color:var(--swatch-color--hover)}.docs-color-swatch .docs-color-swatch__background:active .docs-color-swatch__swatch{color:var(--swatch-color--active)}.docs-color-swatch .docs-color-swatch__swatch{background:currentColor;border-radius:100%;box-shadow:inset 0 0 3px rgba(0,0,0,.1);color:var(--swatch-color);height:60px;margin:20px;transition:background .25s,color .25s;width:60px}.docs-color-swatch.docs-color-swatch--text{--swatch-background-color:var(---background-color--content-1);align-items:center;display:flex;height:unset;justify-content:center;margin:unset;width:unset}.docs-color-swatch.docs-color-swatch--text .docs-color-swatch__swatch{background:transparent;box-shadow:none}.docs-color-swatch.docs-color-swatch--text.docs-color-swatch--reversed{--swatch-background-color:var(---background-color--content-1--reversed)}.docs-color-swatch .docs-color-swatch__title{margin-top:.5em}.docs-color-swatch.docs-color-swatch--brand-1{--swatch-background-color:var(---background-color--brand-1);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-1);--swatch-color--hover:var(---color--brand-1--light);--swatch-color--active:var(---color--brand-1--dark)}.docs-color-swatch.docs-color-swatch--brand-2{--swatch-background-color:var(---background-color--brand-2);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-2);--swatch-color--hover:var(---color--brand-2--light);--swatch-color--active:var(---color--brand-2--dark)}.docs-color-swatch.docs-color-swatch--brand-3{--swatch-background-color:var(---background-color--brand-3);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-3);--swatch-color--hover:var(---color--brand-3--light);--swatch-color--active:var(---color--brand-3--dark)}.docs-color-swatch.docs-color-swatch--brand-4{--swatch-background-color:var(---background-color--brand-4);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-4);--swatch-color--hover:var(---color--brand-4--light);--swatch-color--active:var(---color--brand-4--dark)}.docs-color-swatch.docs-color-swatch--brand-5{--swatch-background-color:var(---background-color--brand-5);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-5);--swatch-color--hover:var(---color--brand-5--light);--swatch-color--active:var(---color--brand-5--dark)}.docs-color-swatch.docs-color-swatch--brand-6{--swatch-background-color:var(---background-color--brand-6);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-6);--swatch-color--hover:var(---color--brand-6--light);--swatch-color--active:var(---color--brand-6--dark)}.docs-color-swatch.docs-color-swatch--brand-7{--swatch-background-color:var(---background-color--brand-7);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-7);--swatch-color--hover:var(---color--brand-7--light);--swatch-color--active:var(---color--brand-7--dark)}.docs-color-swatch.docs-color-swatch--brand-8{--swatch-background-color:var(---background-color--brand-8);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-8);--swatch-color--hover:var(---color--brand-8--light);--swatch-color--active:var(---color--brand-8--dark)}.docs-color-swatch.docs-color-swatch--brand-9{--swatch-background-color:var(---background-color--brand-9);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--brand-9);--swatch-color--hover:var(---color--brand-9--light);--swatch-color--active:var(---color--brand-9--dark)}.docs-color-swatch.docs-color-swatch--default{--swatch-background-color:var(---background-color--default);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--default);--swatch-color--hover:var(---color--default--light);--swatch-color--active:var(---color--default--dark)}.docs-color-swatch.docs-color-swatch--primary{--swatch-background-color:var(---background-color--primary);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--primary);--swatch-color--hover:var(---color--primary--light);--swatch-color--active:var(---color--primary--dark)}.docs-color-swatch.docs-color-swatch--secondary{--swatch-background-color:var(---background-color--secondary);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--secondary);--swatch-color--hover:var(---color--secondary--light);--swatch-color--active:var(---color--secondary--dark)}.docs-color-swatch.docs-color-swatch--tertiary{--swatch-background-color:var(---background-color--tertiary);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--tertiary);--swatch-color--hover:var(---color--tertiary--light);--swatch-color--active:var(---color--tertiary--dark)}.docs-color-swatch.docs-color-swatch--success{--swatch-background-color:var(---background-color--success);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--success);--swatch-color--hover:var(---color--success--light);--swatch-color--active:var(---color--success--dark)}.docs-color-swatch.docs-color-swatch--warning{--swatch-background-color:var(---background-color--warning);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--warning);--swatch-color--hover:var(---color--warning--light);--swatch-color--active:var(---color--warning--dark)}.docs-color-swatch.docs-color-swatch--danger{--swatch-background-color:var(---background-color--danger);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--danger);--swatch-color--hover:var(---color--danger--light);--swatch-color--active:var(---color--danger--dark)}.docs-color-swatch.docs-color-swatch--info{--swatch-background-color:var(---background-color--info);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--info);--swatch-color--hover:var(---color--info--light);--swatch-color--active:var(---color--info--dark)}.docs-color-swatch.docs-color-swatch--disabled{--swatch-background-color:var(---background-color--disabled);--swatch-border-color:var(---color-line--light);--swatch-color:var(---color--disabled);--swatch-color--hover:var(---color--disabled--light);--swatch-color--active:var(---color--disabled--dark)}.docs-color-swatch.docs-color-swatch--body{--swatch-color:var(---color-text)}.docs-color-swatch.docs-color-swatch--body--strong{--swatch-color:var(---color-text--dark)}.docs-color-swatch.docs-color-swatch--body--light{--swatch-color:var(---color-text--light)}.docs-color-swatch.docs-color-swatch--body--dark{--swatch-color:var(---color-text--dark)}.docs-color-swatch.docs-color-swatch--body--link{--swatch-color:var(---color-link);--swatch-color--hover:var(---color-link--hover)}.docs-color-swatch.docs-color-swatch--heading{--swatch-color:var(---color-heading)}.docs-color-swatch.docs-color-swatch--subheading{--swatch-color:var(---color-subheading)}.docs-color-swatch.docs-color-swatch--subheading--light{--swatch-color:var(---color-subheading--light)}.docs-color-swatch.docs-color-swatch--subheading--dark{--swatch-color:var(---color-subheading--dark)}.docs-color-swatch.docs-color-swatch--background-body{--swatch-border-color:var(---color-line--light);--swatch-color:var(---background-color--body)}.docs-color-swatch.docs-color-swatch--background-content-1{--swatch-border-color:var(---color-line--light);--swatch-color:var(---background-color--content-1)}.docs-color-swatch.docs-color-swatch--background-content-2{--swatch-border-color:var(---color-line--light);--swatch-color:var(---background-color--content-2)}.docs-color-swatch.docs-color-swatch--background-content-3{--swatch-border-color:var(---color-line--light);--swatch-color:var(---background-color--content-3)}.docs-color-swatch.docs-color-swatch--background-reversed-1{--swatch-border-color:var(---color-line--light);--swatch-color:var(---background-color--content-reversed-1)}.docs-color-swatch.docs-color-swatch--background-reversed-2{--swatch-border-color:var(---color-line--light);--swatch-color:var(---background-color--content-reversed-2)}.docs-color-swatch.docs-color-swatch--gradient-primary{--swatch-border-color:var(---color-line--light);--swatch-background-color:linear-gradient(115deg,var(---color--primary--light) 20%,var(---color--primary--dark) 80%);--swatch-color:transparent}.docs-color-swatch.docs-color-swatch--gradient-secondary{--swatch-border-color:var(---color-line--light);--swatch-background-color:linear-gradient(115deg,var(---color--secondary--light) 20%,var(---color--secondary--dark) 80%);--swatch-color:transparent}.docs-color-swatch.docs-color-swatch--gradient-tertiary{--swatch-border-color:var(---color-line--light);--swatch-background-color:linear-gradient(115deg,var(---color--tertiary--light) 20%,var(---color--tertiary--dark) 80%);--swatch-color:transparent}.docs-color-swatch.docs-color-swatch--gradient-quarternary{--swatch-border-color:var(---color-line--light);--swatch-background-color:linear-gradient(115deg,var(---color--quarternary--light) 20%,var(---color--quarternary--dark) 80%);--swatch-color:transparent}.styleguide-logos{display:flex;flex-wrap:wrap;padding:var(--spacing-6)}.styleguide-logos.styleguide-icons--small{grid-template-columns:5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%!important}.styleguide-logos>div{padding:10px;position:relative}.styleguide-logos>div svg{height:60px;width:60px}.styleguide-logos>div:hover{transform:scale(1.5);z-index:1}
/*# sourceMappingURL=style-guide.css.map */