.tab-bar-container{position:fixed;right:0;bottom:30px;left:0;z-index:50;display:flex;justify-content:center;width:100vw;height:0;pointer-events:none}.tab-bar{position:fixed;isolation:isolate;overflow:hidden;width:min(80%,400px);bottom:30px;height:55px;background:transparent;backdrop-filter:blur(12px);display:flex;align-items:center;gap:6px;box-shadow:0 -8px 24px #0f172a0f;z-index:50;border-radius:56px;pointer-events:auto}.tab-bar:after{position:absolute;pointer-events:none;content:""}.tab-bar-gradient{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;background:linear-gradient(64deg,#2b00ff,#00d1ff);pointer-events:none}.tab-bar:after{z-index:1;inset:2px;border-radius:54px;background:#fffffffa}.tab-item{position:relative;z-index:2;flex:1;color:var(--unprint-slate);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:10px;font-weight:600;letter-spacing:.4px;text-decoration:none}.tab-item svg{width:20px;height:20px}.tab-bar--customer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0}.tab-bar--customer .tab-item{width:100%;height:100%;justify-content:center}.tab-bar--customer .tab-item span{font-size:11px}.tab-item.active{color:var(--unprint-black)}.tab-item.active svg{color:var(--unprint-black)}.tab-item--primary .tab-item-circle{display:flex;width:min(120px,calc(100% - 12px));height:42px;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:#363636;color:var(--cta-text, #fff);transition:transform .15s ease}.tab-item--primary .tab-item-circle svg{width:24px;height:24px;color:inherit}.tab-item--primary:active .tab-item-circle{transform:scale(.95)}.tab-item--primary span{font-weight:700}