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