.bottom-bar{background:white;font-size:14px;border-radius:40px;padding:8px 12px;justify-content:space-between;width:100%;gap:4px}.bottom-bar,.tab{display:flex;align-items:center}.tab{justify-content:center;gap:5px;padding:10px 8px;border-radius:30px;background-color:transparent;color:#000;cursor:pointer;flex:1;min-width:0;transition:all .3s ease;overflow:hidden;white-space:nowrap}.tab svg{width:20px;height:20px;stroke:#000;stroke-width:2;fill:none;flex-shrink:0;transition:stroke .3s ease}.tab p{opacity:0;max-width:0;overflow:hidden;transition:all .3s ease}.tab.active{background-color:#e5d9ff;color:#5c2eb5;padding:5px 10px}.tab.active svg{stroke:#5c2eb5}.tab.active p{opacity:1;max-width:100px}