.styleguide-section{padding:20px 0}@media only screen and (min-width:1009px){.styleguide-section{padding:40px 0}}.styleguide-section .page-width{margin:auto;max-width:1000px}.styleguide-navigation{box-shadow:0 0 5px rgba(0,0,0,.1);padding:1em}.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}.Rte--preview,.rte--preview{background:var(---background-color--content-1);border:1px solid var(---color-line);margin-bottom:50px;padding:40px}.docs-color-swatches{display:grid;grid-template-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%}.docs-color-swatch{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;margin:0 1em;text-align:center}.docs-color-swatch .docs-color-swatch__background{background-color:var(--swatch-background-color);border:1px solid var(--swatch-border-color);border-radius:100%;cursor:pointer;transition:background .25s,color .25s}.docs-color-swatch .docs-color-swatch__background:focus,.docs-color-swatch .docs-color-swatch__background:hover{background-color:var(--swatch-background-color--hover)}.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%;color:var(--swatch-color);height:50px;margin:1em;transition:background .25s,color .25s;width:50px}.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-background-color--hover:var(---background-color--brand-1-hover);--swatch-color:var(---color--brand-1);--swatch-border-color:var(---background-color--brand-1-active);--swatch-color--hover:var(---color--brand-1-hover);--swatch-color--active:var(---color--brand-1-active)}.docs-color-swatch.docs-color-swatch--brand-2{--swatch-background-color:var(---background-color--brand-2);--swatch-background-color--hover:var(---background-color--brand-2-hover);--swatch-color:var(---color--brand-2);--swatch-border-color:var(---background-color--brand-2-active);--swatch-color--hover:var(---color--brand-2-hover);--swatch-color--active:var(---color--brand-2-active)}.docs-color-swatch.docs-color-swatch--brand-3{--swatch-background-color:var(---background-color--brand-3);--swatch-background-color--hover:var(---background-color--brand-3-hover);--swatch-color:var(---color--brand-3);--swatch-border-color:var(---background-color--brand-3-active);--swatch-color--hover:var(---color--brand-3-hover);--swatch-color--active:var(---color--brand-3-active)}.docs-color-swatch.docs-color-swatch--brand-4{--swatch-background-color:var(---background-color--brand-4);--swatch-background-color--hover:var(---background-color--brand-4-hover);--swatch-color:var(---color--brand-4);--swatch-border-color:var(---background-color--brand-4-active);--swatch-color--hover:var(---color--brand-4-hover);--swatch-color--active:var(---color--brand-4-active)}.docs-color-swatch.docs-color-swatch--brand-5{--swatch-background-color:var(---background-color--brand-5);--swatch-background-color--hover:var(---background-color--brand-5-hover);--swatch-color:var(---color--brand-5);--swatch-border-color:var(---background-color--brand-5-active);--swatch-color--hover:var(---color--brand-5-hover);--swatch-color--active:var(---color--brand-5-active)}.docs-color-swatch.docs-color-swatch--brand-6{--swatch-background-color:var(---background-color--brand-6);--swatch-background-color--hover:var(---background-color--brand-6-hover);--swatch-color:var(---color--brand-6);--swatch-border-color:var(---background-color--brand-6-active);--swatch-color--hover:var(---color--brand-6-hover);--swatch-color--active:var(---color--brand-6-active)}.docs-color-swatch.docs-color-swatch--brand-7{--swatch-background-color:var(---background-color--brand-7);--swatch-background-color--hover:var(---background-color--brand-7-hover);--swatch-color:var(---color--brand-7);--swatch-border-color:var(---background-color--brand-7-active);--swatch-color--hover:var(---color--brand-7-hover);--swatch-color--active:var(---color--brand-7-active)}.docs-color-swatch.docs-color-swatch--brand-8{--swatch-background-color:var(---background-color--brand-8);--swatch-background-color--hover:var(---background-color--brand-8-hover);--swatch-color:var(---color--brand-8);--swatch-border-color:var(---background-color--brand-8-active);--swatch-color--hover:var(---color--brand-8-hover);--swatch-color--active:var(---color--brand-8-active)}.docs-color-swatch.docs-color-swatch--default{--swatch-background-color:var(---background-color--default);--swatch-background-color--hover:var(---background-color--default-hover);--swatch-color:var(---color--default);--swatch-border-color:var(---background-color--default-active);--swatch-color--hover:var(---color--default-hover);--swatch-color--active:var(---color--default-active)}.docs-color-swatch.docs-color-swatch--primary{--swatch-background-color:var(---background-color--primary);--swatch-background-color--hover:var(---background-color--primary-hover);--swatch-color:var(---color--primary);--swatch-border-color:var(---background-color--primary-active);--swatch-color--hover:var(---color--primary-hover);--swatch-color--active:var(---color--primary-active)}.docs-color-swatch.docs-color-swatch--secondary{--swatch-background-color:var(---background-color--secondary);--swatch-background-color--hover:var(---background-color--secondary-hover);--swatch-color:var(---color--secondary);--swatch-border-color:var(---background-color--secondary-active);--swatch-color--hover:var(---color--secondary-hover);--swatch-color--active:var(---color--secondary-active)}.docs-color-swatch.docs-color-swatch--tertiary{--swatch-background-color:var(---background-color--tertiary);--swatch-background-color--hover:var(---background-color--tertiary-hover);--swatch-color:var(---color--tertiary);--swatch-border-color:var(---background-color--tertiary-active);--swatch-color--hover:var(---color--tertiary-hover);--swatch-color--active:var(---color--tertiary-active)}.docs-color-swatch.docs-color-swatch--success{--swatch-background-color:var(---background-color--success);--swatch-background-color--hover:var(---background-color--success-hover);--swatch-color:var(---color--success);--swatch-border-color:var(---background-color--success-active);--swatch-color--hover:var(---color--success-hover);--swatch-color--active:var(---color--success-active)}.docs-color-swatch.docs-color-swatch--warning{--swatch-background-color:var(---background-color--warning);--swatch-background-color--hover:var(---background-color--warning-hover);--swatch-color:var(---color--warning);--swatch-border-color:var(---background-color--warning-active);--swatch-color--hover:var(---color--warning-hover);--swatch-color--active:var(---color--warning-active)}.docs-color-swatch.docs-color-swatch--danger{--swatch-background-color:var(---background-color--danger);--swatch-background-color--hover:var(---background-color--danger-hover);--swatch-color:var(---color--danger);--swatch-border-color:var(---background-color--danger-active);--swatch-color--hover:var(---color--danger-hover);--swatch-color--active:var(---color--danger-active)}.docs-color-swatch.docs-color-swatch--info{--swatch-background-color:var(---background-color--info);--swatch-background-color--hover:var(---background-color--info-hover);--swatch-color:var(---color--info);--swatch-border-color:var(---background-color--info-active);--swatch-color--hover:var(---color--info-hover);--swatch-color--active:var(---color--info-active)}.docs-color-swatch.docs-color-swatch--disabled{--swatch-background-color:var(---background-color--disabled);--swatch-background-color--hover:var(---background-color--disabled-hover);--swatch-color:var(---color--disabled);--swatch-border-color:var(---background-color--disabled-active);--swatch-color--hover:var(---color--disabled-hover);--swatch-color--active:var(---color--disabled-active)}.styleguide-logos{background:#f7f7f7;display:grid;grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%}.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 svg{height:100%;width:100%}.styleguide-logos svg *{fill:var(---color--default)}.styleguide-logos>div{background:#fff;outline:1px solid #e6e6e6;padding:20px;position:relative}.styleguide-logos>div:hover{transform:scale(1.5);z-index:1}.styleguide-logos>div:hover svg *{fill:var(---color--primary)}
/*# sourceMappingURL=style-guide.css.map */