.wenzi-tabbar{width:100%;display:flex}.wenzi-tabbar--center{justify-content:center}.wenzi-tabbar--start{justify-content:flex-start}.wenzi-tabbar__group{--tabbar-bg:gold;--tabbar-text-light:#fff;--tabbar-text-dark:#000;--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;width:min(100%,var(--tabbar-max-width));border:4px solid var(--tabbar-text-dark);background:var(--tabbar-bg);isolation:isolate;border-radius:20px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-style:italic;font-weight:500;display:flex;position:relative;overflow:hidden}.wenzi-tabbar__group--with-icons{-webkit-backdrop-filter:blur(18px)saturate(145%);perspective:960px;transform-style:preserve-3d;background:linear-gradient(#ffffff29 0%,#ffffff14 100%),linear-gradient(135deg,#223056d1 0%,#121725e0 55%,#090c14eb 100%);border-radius:20px 20px 0 0;overflow:visible;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff0f,0 18px 38px #04091657}.wenzi-tabbar__group--with-icons .wenzi-tabbar__glider{border-radius:16px 16px 0 0}.wenzi-tabbar__group--with-icons .wenzi-tabbar__link,.wenzi-tabbar__group--with-icons .wenzi-tabbar__button{color:#eef4ff;text-shadow:-2px -2px #070a12eb,2px -2px #070a12eb,-2px 2px #070a12eb,2px 2px #070a12eb}.wenzi-tabbar__group--with-icons .wenzi-tabbar__button-content{position:relative;left:-4px;transform:translateY(0)}.wenzi-tabbar__group--with-icons .wenzi-tabbar__icon:not(.is-active){transform:translateY(-2px)rotateX(0)scale(1)}.wenzi-tabbar__link{z-index:2;letter-spacing:1px;min-width:0;color:var(--tabbar-text-dark);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);flex:1 1 0;justify-content:center;align-items:center;padding:.04rem 1rem;font-size:24px;text-decoration:none;transition:color .3s ease-in-out,transform .2s ease-in-out;display:flex;position:relative}.wenzi-tabbar__button{font:inherit;background:0 0;border:0}.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{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;min-width:0;transition:transform .35s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translateY(0)}.wenzi-tabbar__icon{width:var(--tabbar-icon-size);height:var(--tabbar-icon-size);object-fit:contain;transform-origin:bottom;filter:drop-shadow(0 6px #0000002e)drop-shadow(0 10px 12px #00000029);flex-shrink:0;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .45s;transform:translate(0,0)rotateX(0)scale(1)}.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 #00000047)drop-shadow(0 22px 18px #00000042);animation:2.4s ease-in-out infinite wenzi-tabbar-icon-float}.wenzi-tabbar__label{min-width:0;transition:transform .35s cubic-bezier(.22,1,.36,1),letter-spacing .25s}.wenzi-tabbar__link:hover,.wenzi-tabbar__button: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{letter-spacing:1.3px;transform:translateY(0)scale(1.03)}.wenzi-tabbar__link.is-active,.wenzi-tabbar__button.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{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);transform:translateX(calc(100%*var(--tabbar-active-index)));border-radius:16px;transition:transform .5s cubic-bezier(.37,1.95,.66,.56),background .4s ease-in-out,box-shadow .4s ease-in-out;position:absolute;top:0;bottom:0;left:0}.wenzi-tabbar__glider.is-red{background-color:#e43e87;background-image:radial-gradient(circle at 4px 4px,#bf2f6c 2px,#0000 0);background-size:8px 8px;box-shadow:inset 0 0 10px #00000080}.wenzi-tabbar__glider.is-blue{background-color:#3498db;background-image:radial-gradient(circle at 4px 4px,#2980b9 2px,#0000 0);background-size:8px 8px;box-shadow:inset 0 0 10px #00000080}.wenzi-tabbar__glider.is-green{background-color:#2ecc71;background-image:radial-gradient(circle at 4px 4px,#27ae60 2px,#0000 0);background-size:8px 8px;box-shadow:inset 0 0 10px #00000080}@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__link,.wenzi-tabbar__button{letter-spacing:.6px;padding:0 .55rem;font-size:17px}.wenzi-tabbar__button-content{gap:.35rem}.wenzi-tabbar__icon{width:var(--tabbar-icon-size);height:var(--tabbar-icon-size)}}