*{box-sizing:border-box;}.button{display:inline-block;padding:0.5em 1.0em;background-color:#fff;border:1px solid #ced4da;color:#222;text-shadow:0 1px white;cursor:pointer;}.button:hover{background-color:#e9ecef;text-shadow:0 1px hsla(0,0%,100%,0.5);color:#222;}.button:focus{border:none;}.button:active,.button.is-checked{background-color:#0068b3;}.button.is-checked{color:white;text-shadow:0 -1px hsla(0,0%,0%,0.8);}.button:active{box-shadow:inset 0 1px 10px hsla(0,0%,0%,0.8);}.button-group{}.button-group:after{content:'';display:block;clear:both;}.button-group .button{float:left;border-radius:0;margin-left:0;margin-right:1px;}@media (min-width:992px){.button-group .button+.button{border-left-width:0;}}.grid{}.grid:after{content:'';display:block;clear:both;}.icon{width:20px;}.element-item{position:relative;float:left;width:100%;margin:5px 0;}.element-item > *{margin:0;padding:0;}.element-item .info{}.element-item.alkali{background:#F00;background:hsl(0,100%,50%);}.element-item.alkaline-earth{background:#F80;background:hsl(36,100%,50%);}.element-item.lanthanoid{background:#FF0;background:hsl(72,100%,50%);}.element-item.actinoid{background:#0F0;background:hsl(108,100%,50%);}.element-item.transition{background:#0F8;background:hsl(144,100%,50%);}.element-item.post-transition{background:#0FF;background:hsl(180,100%,50%);}.element-item.metalloid{background:#08F;background:hsl(216,100%,50%);}.element-item.diatomic{background:#00F;background:hsl(252,100%,50%);}.element-item.halogen{background:#F0F;background:hsl(288,100%,50%);}.element-item.noble-gas{background:#F08;background:hsl(324,100%,50%);}