.docs-menu ul{background:#f2f2f2;display:flex;padding:0}.docs-menu ul li{list-style:none}.docs-menu ul li a{background:var(---background-color--secondary);color:var(---color--secondary);padding:1em 1.5em}.docs-menu ul li a:after{content:none}.docs-menu ul li a:hover{background:var(---background-color--secondary-hover)}.grid__demo-block{background-color:var(---background-color--secondary);color:var(---color--secondary);margin:10px 0;padding:20px}.docs-title{border-top:1px solid var(---color-line);margin-bottom:1em;margin-top:1em;padding-top:1em}.rte--preview{border:1px solid var(---color--secondary);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__swatch{background:currentColor;border-radius:100%;color:var(---background-color--content-2);height:50px;margin:.5em;width:50px}.docs-color-swatch.docs-color-swatch--brand-1 .docs-color-swatch__swatch{color:var(---color--brand-1)}.docs-color-swatch.docs-color-swatch--brand-2 .docs-color-swatch__swatch{color:var(---color--brand-2)}.docs-color-swatch.docs-color-swatch--brand-3 .docs-color-swatch__swatch{color:var(---color--brand-3)}.docs-color-swatch.docs-color-swatch--brand-4 .docs-color-swatch__swatch{color:var(---color--brand-4)}.docs-color-swatch.docs-color-swatch--brand-5 .docs-color-swatch__swatch{color:var(---color--brand-5)}.docs-color-swatch.docs-color-swatch--brand-6 .docs-color-swatch__swatch{color:var(---color--brand-6)}.docs-color-swatch.docs-color-swatch--brand-7 .docs-color-swatch__swatch{color:var(---color--brand-7)}.docs-color-swatch.docs-color-swatch--brand-8 .docs-color-swatch__swatch{color:var(---color--brand-8)}.docs-color-swatch.docs-color-swatch--primary .docs-color-swatch__swatch{color:var(---color--primary)}.docs-color-swatch.docs-color-swatch--primary:hover .docs-color-swatch__swatch{color:var(---color--primary-hover)}.docs-color-swatch.docs-color-swatch--secondary .docs-color-swatch__swatch{color:var(---color--secondary)}.docs-color-swatch.docs-color-swatch--secondary:hover .docs-color-swatch__swatch{color:var(---color--secondary-hover)}.docs-color-swatch.docs-color-swatch--tertiary .docs-color-swatch__swatch{color:var(---color--tertiary)}.docs-color-swatch.docs-color-swatch--tertiary:hover .docs-color-swatch__swatch{color:var(---color--tertiary-hover)}.docs-color-swatch.docs-color-swatch--success .docs-color-swatch__swatch{color:var(---color--success)}.docs-color-swatch.docs-color-swatch--success:hover .docs-color-swatch__swatch{color:var(---color--success-hover)}.docs-color-swatch.docs-color-swatch--warning .docs-color-swatch__swatch{color:var(---color--warning)}.docs-color-swatch.docs-color-swatch--warning:hover .docs-color-swatch__swatch{color:var(---color--warning-hover)}.docs-color-swatch.docs-color-swatch--danger .docs-color-swatch__swatch{color:var(---color--danger)}.docs-color-swatch.docs-color-swatch--danger:hover .docs-color-swatch__swatch{color:var(---color--danger-hover)}.docs-color-swatch.docs-color-swatch--info .docs-color-swatch__swatch{color:var(---color--info)}.docs-color-swatch.docs-color-swatch--info:hover .docs-color-swatch__swatch{color:var(---color--info-hover)}.docs-color-swatch.docs-color-swatch--default .docs-color-swatch__swatch{color:var(---color--default)}.docs-color-swatch.docs-color-swatch--default:hover .docs-color-swatch__swatch{color:var(---color--default-hover)}.docs-color-swatch.docs-color-swatch--disabled .docs-color-swatch__swatch{color:var(---color--disabled)}.docs-color-swatch.docs-color-swatch--disabled:hover .docs-color-swatch__swatch{color:var(---color--disabled-hover)}.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=/cdn/shop/t/10/assets/style-guide.css.map */