.demo{overflow:hidden;margin-bottom:1rem}.demo .gi,.demo .demo-block{background:#ddd;color:gray;text-align:center;margin-bottom:.5em;padding:1em !important}.demo .gi:nth-of-type(2n),.demo .demo-block:nth-of-type(2n){color:#ddd;background:gray}.demo .gi .gi,.demo .demo-block .gi{background:rgba(0,0,0,0.1);color:#ddd}.demo .gi .gi:nth-of-type(2n),.demo .demo-block .gi:nth-of-type(2n){background:rgba(0,0,0,0.3)}.demo-animate{background:#ddd;padding:1em;margin-bottom:1em;text-align:center}.animate-move{position:relative}.animate-move .demo-shape{position:absolute;top:0;left:0;bottom:0;width:20px;background:gray}.animate-move:hover>.demo-shape{left:100%;margin-left:-20px}.sg-colors{overflow:hidden}.sg-colors li{overflow:hidden;border:1px solid #ddd;padding:0.3em;margin:0 0.2em 0.2em 0}@media all and (min-width: 30em){.sg-colors li{float:left;width:5em}}.sg-swatch{display:block;height:1.5em;width:50%}@media all and (max-width: 30em){.sg-swatch{float:left;margin-right:0.3em}}@media all and (min-width: 30em){.sg-swatch{width:100%;height:4em;margin-bottom:0.2em}}.sg-label{line-height:1}

/*# sourceMappingURL=styleguide-specific.css.map */