.styleguide-section .page-content{padding:30px 0}.styleguide-navigation{background:var(---background-color--content-2);box-shadow:0 0 5px rgba(0,0,0,.1);margin-bottom:2em;padding:1em;position:-webkit-sticky;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}.Rte--preview,.rte--preview{--background:var(---background-color--content-1);background:var(---background-color--content-1);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:3px solid var(---color--white);border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.1);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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-1);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-2);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-3);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-4);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-5);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-6);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-7);--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-border-color:var(---color-line--light);--swatch-color:var(---color--brand-8);--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-border-color:var(--color-swatch);--swatch-color:var(---color--default);--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-border-color:var(--color-swatch);--swatch-color:var(---color--primary);--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-border-color:var(--color-swatch);--swatch-color:var(---color--secondary);--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-border-color:var(--color-swatch);--swatch-color:var(---color--tertiary);--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-border-color:var(--color-swatch);--swatch-color:var(---color--success);--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-border-color:var(--color-swatch);--swatch-color:var(---color--warning);--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-border-color:var(--color-swatch);--swatch-color:var(---color--danger);--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-border-color:var(--color-swatch);--swatch-color:var(---color--info);--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-border-color:var(--color-swatch);--swatch-color:var(---color--disabled);--swatch-color--hover:var(---color--disabled-hover);--swatch-color--active:var(---color--disabled-active)}.styleguide-logos{background:var(---background-color--content-2);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>div{background:var(---background-color--content-1);outline:1px solid #e6e6e6;padding:20px;position:relative}.styleguide-logos>div svg{height:100%;width:100%}.styleguide-logos>div svg *{stroke:var(---color--black);stroke-width:1px;fill:var(---color--default)}.styleguide-logos>div:hover{transform:scale(1.5);z-index:1}.styleguide-logos>div:hover svg *{stroke:var(---color--primary);fill:var(---background-color--primary)}
/*# sourceMappingURL=style-guide.css.map */