#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: 999; 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: block; width: 100%; cursor: pointer; }
.toolbar ul li a img { height: 35px; width: 35px; -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; }