#social{position:fixed;z-index:999;left:var(--left,inherit);right:var(--right,inherit);bottom:var(--bottom,inherit);display:none;}
#social .btn-frame{position:relative;margin:30px 0px;}
#social .btn-frame i{background-color:var(--background);}
#social .btn-frame img{border-radius:50%;}
#social .btn-frame .kenit-alo-circle{border:2px solid var(--background);border-color:var(--background);}
#social .btn-frame .kenit-alo-circle-fill{background-color:var(--background);}
/* TODO: Toolbar */
.toolbar{background:var(--background);width:100%;padding:10px;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;max-height:65px;display:none;}
.toolbar ul{list-style:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%;}
.toolbar ul li a{display:flex;width:100%;cursor:pointer;text-align:center;flex-direction:column;align-items: center;justify-content: center;}
.toolbar ul li a img{height:20px;width:20px;-webkit-animation:tada 1.2s infinite;-moz-animation:tada 1.2s infinite;-o-animation:tada 1.2s infinite;animation:tada 1.2s infinite;}
.toolbar ul li a span{color:var(--color);font-size:10px;display: block;text-align: center;margin-top: 5px;}