.wenzi-tabbar{display:flex;width:100%}.wenzi-tabbar--center{justify-content:center}.wenzi-tabbar--start{justify-content:flex-start}.wenzi-tabbar__group{--tabbar-bg:#ffd700;--tabbar-text-light:#ffffff;--tabbar-text-dark:#000000;--tabbar-count:3;--tabbar-active-index:0;--tabbar-max-width:560px;--tabbar-icon-size:52px;--tabbar-icon-active-scale:1.4;--tabbar-icon-active-lift:-8px;--tabbar-icon-active-z:42px;position:relative;display:flex;width:min(100%,var(--tabbar-max-width));overflow:hidden;border:4px solid var(--tabbar-text-dark);border-radius:20px;background:var(--tabbar-bg);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-style:italic;font-weight:500;isolation:isolate}.wenzi-tabbar__group--with-icons{overflow:visible;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08)),linear-gradient(135deg,rgba(34,48,86,.82),rgba(18,23,37,.88) 55%,rgba(9,12,20,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.06),0 18px 38px rgba(4,9,22,.34);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);perspective:960px;transform-style:preserve-3d}.wenzi-tabbar__group--with-icons .wenzi-tabbar__glider{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-left-radius:0;border-bottom-right-radius:0}.wenzi-tabbar__group--with-icons .wenzi-tabbar__button,.wenzi-tabbar__group--with-icons .wenzi-tabbar__link{color:#eef4ff;text-shadow:-2px -2px 0 rgba(7,10,18,.92),2px -2px 0 rgba(7,10,18,.92),-2px 2px 0 rgba(7,10,18,.92),2px 2px 0 rgba(7,10,18,.92)}.wenzi-tabbar__group--with-icons .wenzi-tabbar__button-content{position:relative;left:-4px;box-sizing:border-box;width:auto;max-width:calc(100% - .7rem);padding:0 .25rem;transform:translateY(0)}.wenzi-tabbar__group--with-icons .wenzi-tabbar__icon:not(.is-active){transform:translate3d(0,-2px,0) rotateX(0deg) scale(1)}.wenzi-tabbar__link{position:relative;z-index:2;display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;padding:.04rem 1rem;font-size:24px;letter-spacing:1px;color:var(--tabbar-text-dark);text-decoration:none;text-align:center;text-shadow:-1px -1px 0 var(--tabbar-text-light),1px -1px 0 var(--tabbar-text-light),-1px 1px 0 var(--tabbar-text-light),1px 1px 0 var(--tabbar-text-light);transition:color .3s ease-in-out,transform .2s ease-in-out}.wenzi-tabbar__button{border:0;background:transparent;font:inherit}.wenzi-tabbar__button--with-icons{transform-style:preserve-3d;transition:color .3s ease-in-out,transform .35s cubic-bezier(.22,1,.36,1)}.wenzi-tabbar__button-content{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;max-width:100%;white-space:nowrap;transform:translateY(0);transition:transform .35s cubic-bezier(.22,1,.36,1)}.wenzi-tabbar__icon{width:var(--tabbar-icon-size);height:var(--tabbar-icon-size);flex-shrink:0;object-fit:contain;transform-origin:center bottom;transform:translateZ(0) rotateX(0deg) scale(1);filter:drop-shadow(0 6px 0 rgba(0,0,0,.18)) drop-shadow(0 10px 12px rgba(0,0,0,.16));transition:transform .55s cubic-bezier(.22,1,.36,1),filter .45s ease}.wenzi-tabbar__icon.is-active{transform:translate3d(0,var(--tabbar-icon-active-lift),var(--tabbar-icon-active-z)) rotateX(14deg) scale(var(--tabbar-icon-active-scale));filter:drop-shadow(0 12px 0 rgba(0,0,0,.28)) drop-shadow(0 22px 18px rgba(0,0,0,.26));animation:wenzi-tabbar-icon-float 2.4s ease-in-out infinite}.wenzi-tabbar__label{min-width:0;white-space:nowrap;transition:transform .35s cubic-bezier(.22,1,.36,1),letter-spacing .25s ease}.wenzi-tabbar__group--with-icons .wenzi-tabbar__label{flex:0 1 auto;letter-spacing:0}.wenzi-tabbar__group--truncate-labels .wenzi-tabbar__label{max-width:100%;overflow:hidden;text-overflow:ellipsis}.wenzi-tabbar__button:hover,.wenzi-tabbar__link:hover{transform:translateY(-1px)}.wenzi-tabbar__button--with-icons.is-active{z-index:4;transform:translateY(0)}.wenzi-tabbar__button--with-icons.is-active .wenzi-tabbar__button-content{transform:translateY(0)}.wenzi-tabbar__button--with-icons.is-active .wenzi-tabbar__label{transform:translateY(0);letter-spacing:0}.wenzi-tabbar__button.is-active,.wenzi-tabbar__link.is-active{color:var(--tabbar-text-light);text-shadow:-2px -2px 0 var(--tabbar-text-dark),2px -2px 0 var(--tabbar-text-dark),-2px 2px 0 var(--tabbar-text-dark),2px 2px 0 var(--tabbar-text-dark)}.wenzi-tabbar__glider{position:absolute;top:0;bottom:0;left:0;z-index:1;width:calc(100% / var(--tabbar-count));border-right:4px solid var(--tabbar-text-dark);border-left:4px solid var(--tabbar-text-dark);border-radius:16px;transform:translateX(calc(100% * var(--tabbar-active-index)));transition:transform .5s cubic-bezier(.37,1.95,.66,.56),background .4s ease-in-out,box-shadow .4s ease-in-out}.wenzi-tabbar__glider.is-red{background-color:#e43e87;background-image:radial-gradient(circle at 4px 4px,#bf2f6c 2px,transparent 0)}.wenzi-tabbar__glider.is-blue,.wenzi-tabbar__glider.is-red{background-size:8px 8px;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.wenzi-tabbar__glider.is-blue{background-color:#3498db;background-image:radial-gradient(circle at 4px 4px,#2980b9 2px,transparent 0)}.wenzi-tabbar__glider.is-green{background-color:#2ecc71;background-image:radial-gradient(circle at 4px 4px,#27ae60 2px,transparent 0);background-size:8px 8px;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}@keyframes wenzi-tabbar-icon-float{0%,to{transform:translate3d(0,var(--tabbar-icon-active-lift),var(--tabbar-icon-active-z)) rotateX(14deg) scale(var(--tabbar-icon-active-scale))}50%{transform:translate3d(0,calc(var(--tabbar-icon-active-lift) - 6px),calc(var(--tabbar-icon-active-z) + 14px)) rotateX(17deg) scale(calc(var(--tabbar-icon-active-scale) + .05))}}@media (max-width:640px){.wenzi-tabbar__group{--tabbar-icon-size:44px;--tabbar-icon-active-scale:1.3;--tabbar-icon-active-lift:-6px;--tabbar-icon-active-z:28px;width:100%}.wenzi-tabbar__button,.wenzi-tabbar__link{padding:0 .55rem;font-size:17px;letter-spacing:.6px}.wenzi-tabbar__button-content{gap:.35rem}.wenzi-tabbar__icon{width:var(--tabbar-icon-size);height:var(--tabbar-icon-size)}}