@keyframes tabsActivate{to{opacity:1}}@keyframes maintIconActivate{0%{box-shadow:0 0 0 transparent;opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1);box-shadow:0 4px 10px rgba(255,255,255,.2),0 2px 6px #000}}@keyframes centerIconActivate{0%{transform:scale(1);box-shadow:0 0 0 transparent}to{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.3)}}.tabs{opacity:0;animation:tabsActivate .4s ease forwards}.tab>.fa,.tab>.fa.fa-highlight{margin-top:-3px;margin-bottom:-3px;border-radius:50%;display:flex;align-items:center;justify-content:center}.tab>.fa{background:0 0;color:#000;border:5px solid transparent}.tab>.fa.fa-highlight{background:var(--box-color);color:var(--box-text-color);border:5px solid var(--box-color)}.tab.active>.fa{color:#fff;animation:maintIconActivate .8s ease forwards}.tab.active>.fa-highlight{background:var(--box-color);color:var(--box-text-color);border:5px solid var(--box-color)}.overflow-text{line-height:14px;font-size:12px}.icon-item-d{position:relative}.overflow-menu{display:none;position:absolute;bottom:100%;right:0;border:1px solid #ddd;border-radius:3px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:10;padding:10px;min-width:150px;background-color:#fff}.overflow-item{display:flex;align-items:center;padding:8px 14px;cursor:pointer;border-radius:3px;transition:background-color .3s ease}.overflow-item:hover{background-color:#f0f0f0}.overflow-item span,.tab span{margin-right:10px}.tab.active .overflow-menu{display:block}.tab,.tabs{display:flex}.tabs{gap:5px;background-color:#f5f5f5;padding-left:15px;border-radius:0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tab{align-items:center;padding:8px 14px;cursor:pointer;border-radius:3px;transition:background-color .3s ease,color .3s ease;border:1px solid transparent;box-shadow:0 4px 8px transparent}.tab span{font-size:14px}.tab-text{display:inline;font-weight:600}.tab:hover{background-color:#e0e4e8}.tab.active{background:linear-gradient(145deg,#4a4a4a,#333);color:#fff;border:1px solid #333;box-shadow:0 4px 8px rgba(0,0,0,.2)}@media (max-width:600px){.tab{padding:10px;justify-content:center}.tab span{font-size:20px;margin-right:0}.tab-text{display:none}}#overflowmenu{width:200px}.overflow-menu-d{background-color:#fff;display:none;position:fixed;top:100px;left:200px;transform:translateX(-50%);z-index:9999;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:10px;border-radius:4px}@media (max-width:767px){.overflow-menu{padding:4px}.overflow-item{padding:4px 0}.overflow-item>.tab{padding:6px;width:100%;display:flex;align-items:center;justify-content:flex-start}.overflow-text{font-size:13px!important;padding-left:6px}.overflow-item>.tab.active{background:linear-gradient(145deg,#4a4a4a,#333);color:#fff;border:1px solid #333;box-shadow:0 4px 8px rgba(0,0,0,.2)}}.icon-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(255,255,255,.9);border-radius:0;position:fixed;bottom:0;left:0;box-shadow:0-1px 5px rgba(0,0,0,.1);z-index:10000}.icon-item{text-align:center;position:relative;flex:1;max-width:60px}.icon-item .fa{font-size:19px}.icon-item.active{font-weight:700}.icon-item.active>span.fa{text-shadow:1px 1px 0 rgba(0,0,0,.2)}.icon-text{display:block;font-size:12px;margin-top:4px;color:#000}.center-icon-item{background-color:var(--box-color);color:var(--box-text-color);border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;margin-top:-47px;transition:transform 1s ease,box-shadow 2s ease}.center-icon-item.active{font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.3);transform:scale(1.1);z-index:2;animation:centerIconActivate .5s ease forwards}.center-icon-item .fa{color:var(--box-text-color);font-size:24px}.center-icon-item .icon-text{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:12px;color:#000;margin:0}.icon-bar .icon-item:nth-child(2){margin-right:10px}.icon-bar .icon-item:nth-child(4){margin-left:10px}