code{display:inline-block;background-color:#f2f2f2;border:1px solid #e5e5e5;padding:0 4px}pre.white-space--pre-line{white-space:pre-line}pre.avoid,pre.consider,pre.do,pre.dont{margin-top:1rem;text-transform:none;font-size:.75rem;font-weight:400;color:#000;position:relative;background-color:#f2f2f2;border:1px solid #e5e5e5;padding:10px 0;min-width:0;min-height:55px;overflow-y:hidden;overflow-x:auto}pre.avoid:after,pre.avoid:before,pre.consider:after,pre.consider:before,pre.do:after,pre.do:before,pre.dont:after,pre.dont:before{content:" ";background:#009ee3;height:5px;position:absolute}pre.avoid:before,pre.consider:before,pre.do:before,pre.dont:before{width:15px;left:8px;top:24px;transform:rotate(35deg)}pre.avoid:after,pre.consider:after,pre.do:after,pre.dont:after{width:25px;left:13px;top:19px;transform:rotate(-55deg)}pre.avoid code,pre.consider code,pre.do code,pre.dont code{display:block;padding:0 10px 0 50px;border:none}pre.avoid,pre.dont{color:#e41a1a}pre.avoid:after,pre.avoid:before,pre.dont:after,pre.dont:before{background:#e41a1a;width:25px}pre.avoid:before,pre.dont:before{height:5px;left:8px;top:24px;transform:rotate(45deg)}pre.avoid:after,pre.dont:after{height:5px;left:8px;top:24px;transform:rotate(-45deg)}[role=contentinfo],body{background-color:#fff}.ready-for-backend{position:relative}.ready-for-backend:before{content:"ready for backend";margin-right:.625rem;padding:.3125rem;vertical-align:bottom;font-size:.625rem;font-weight:500;text-transform:uppercase;border:2px solid #5d707e}.colour-palette table{margin-top:0}.colour-palette table td{vertical-align:baseline;padding-bottom:.25rem;width:33%}.colour-palette table td.js-copy-inner{font-family:Consolas,Liberation Mono,Courier New,monospace}.colour-palette table td .swatch{display:inline-block;float:left;margin:-.5rem .5rem 0 0;width:40px;height:40px;border-radius:50%}.colour-palette table .kleenheat-blue .swatch{background-color:#009ee3}.colour-palette table .brand-dark-blue .swatch{background-color:#12273e}.colour-palette table .kleenheat-dark-blue .swatch{background-color:#00457c}.colour-palette table .brand-mid-blue .swatch{background-color:#0096d0}.colour-palette table .brand-light-blue .swatch{background-color:#87cde8}.colour-palette table .brand-pale-blue .swatch{background-color:#eef7fc;border:1px solid #e5e5e5}.colour-palette table .brand-purple .swatch{background-color:#7869a7}.colour-palette table .brand-pink .swatch{background-color:#c72969}.colour-palette table .brand-yellow .swatch{background-color:#fc0}.colour-palette table .brand-green .swatch{background-color:#30773f}.colour-palette table .brand-grey .swatch{background-color:#e4e6d4}.colour-palette table .brand-white .swatch{background-color:#fff;border:1px solid #e5e5e5}.colour-palette table .brand-grey-2 .swatch{background-color:#fafafa;border:1px solid #e5e5e5}.colour-palette table .brand-grey-5 .swatch{background-color:#f2f2f2;border:1px solid #e5e5e5}.colour-palette table .brand-grey-10 .swatch{background-color:#e5e5e5}.colour-palette table .brand-grey-15 .swatch{background-color:#d9d9d9}.colour-palette table .brand-grey-20 .swatch{background-color:#ccc}.colour-palette table .brand-grey-30 .swatch{background-color:#b2b2b2}.colour-palette table .brand-grey-40 .swatch{background-color:#999}.colour-palette table .brand-grey-50 .swatch{background-color:#7f7f7f}.colour-palette table .brand-grey-60 .swatch{background-color:#666}.colour-palette table .brand-grey-70 .swatch{background-color:#4c4c4c}.colour-palette table .brand-grey-80 .swatch{background-color:#333}.colour-palette table .brand-grey-90 .swatch{background-color:#191919}.colour-palette table .brand-black .swatch{background-color:#000}.icon-examples:after{content:"";display:table;clear:both}.icon-examples figure{width:140px;margin:1rem 2rem;float:left;text-align:center}.icon-examples figure img{display:inline-block}.icon-examples figure figcaption{border-top:1px solid #e5e5e5}aside nav ol{margin:0;padding-left:1.5rem}aside nav ol.lightweight li a{font-weight:400}aside nav ol li a{display:inline-block}aside nav ol li a:hover{border-left-color:#e5e5e5;text-decoration:none}aside nav ol li ul{margin-left:0;padding-left:1rem}aside nav ol li ul li{list-style-type:none;margin:0}aside nav ol li ul li a{font-weight:400;border-left:none}@media (max-width:47.9375rem){aside nav li ul{display:none}}ol.compact,ol.compact li,ul.compact,ul.compact li{margin-top:0}.prominent figure.typography{margin-left:2rem;margin-right:2rem}.prominent figure.typography p{font-size:1.5rem;letter-spacing:2px;margin:0}.prominent figure.typography figcaption{display:inline-block;border-top:1px solid #ccc}.prominent figure.typography.asap-regular p{font-family:Asap}.prominent figure.typography.asap-bold p{font-family:Asap;font-weight:bolder}.prominent figure.typography.besom p{font-size:3rem;font-family:Besom;line-height:2.5rem}body.grid .grid-display .row p{margin:0;padding:.5rem 0;border:1px solid #ccc;background:#e5e5e5;text-align:center;font-size:.8rem;height:100%}body.grid .grid-display.slim p{color:#7f7f7f;margin:0;padding:0}body.grid .bd-example{background:#fff;position:relative;padding:1rem;margin:1rem 0 0;border:1px solid #e5e5e5;border-width:1px 1px 0}body.grid .bd-example-row .row>.col,body.grid .bd-example-row .row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}body.grid .bd-example-row .row+.row{margin-top:1rem}body.grid .bd-example-row-flex-cols .row{min-height:10rem;background-color:rgba(255,0,0,.1)}body.grid figure.highlight{margin-top:0}body.grid figure.highlight code{display:block;font-size:.8125rem;padding:.5rem 1rem}@media (min-width:45rem){body.grid .bd-example,body.grid figure.highlight code{padding-left:2rem;padding-right:2rem}}.avoid,.consider,.do,.dont{text-transform:uppercase;font-weight:700;font-size:.9375rem}.consider,.do{color:#009ee3}.avoid,.dont{color:#e41a1a}.personality-traits li strong{display:block}figure.kleenheat-logo img{display:inline-block;padding:.5rem;width:100%;max-width:400px}figure.kleenheat-logo figcaption{padding:0 .5rem}figure.kleenheat-logo.reversed img{background-color:#009ee3}.prominent section{padding-top:51px}body.has-appbar .prominent section{padding-top:53px}.prominent section>h2{border-top:1px solid #e5e5e5;margin-top:0;padding-top:20px}.prominent .example{margin-left:2rem}.prominent .example strong{color:#666;font-size:.75rem;text-transform:uppercase}.js-copy-inner{cursor:pointer;position:relative}.js-copy-inner:after{position:absolute;top:34%;right:12px;display:block;content:" ";background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22561%22%20height%3D%22561%22%20fill%3D%22%23cccccc%22%3E%3Cpath%20d%3D%22M395.25%2C0h-306c-28.05%2C0-51%2C22.95-51%2C51v357h51V51h306V0z%20M471.75%2C102h-280.5c-28.05%2C0-51%2C22.95-51%2C51v357%20c0%2C28.05%2C22.95%2C51%2C51%2C51h280.5c28.05%2C0%2C51-22.95%2C51-51V153C522.75%2C124.95%2C499.8%2C102%2C471.75%2C102z%20M471.75%2C510h-280.5V153h280.5V510%20z%22%2F%3E%3C%2Fsvg%3E");background-size:15px 15px;height:15px;width:15px}.js-copy-inner:hover:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22561%22%20height%3D%22561%22%20fill%3D%22%230096d0%22%3E%3Cpath%20d%3D%22M395.25%2C0h-306c-28.05%2C0-51%2C22.95-51%2C51v357h51V51h306V0z%20M471.75%2C102h-280.5c-28.05%2C0-51%2C22.95-51%2C51v357%20c0%2C28.05%2C22.95%2C51%2C51%2C51h280.5c28.05%2C0%2C51-22.95%2C51-51V153C522.75%2C124.95%2C499.8%2C102%2C471.75%2C102z%20M471.75%2C510h-280.5V153h280.5V510%20z%22%2F%3E%3C%2Fsvg%3E")}
/*# sourceMappingURL=style-guide.min.css.map */