.basic-nav-container{position:relative;z-index:100;box-sizing:border-box}.basic-nav-indicator{position:absolute;top:0;left:0;height:100%;background-color:var(--bg-white);border-radius:100px;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;will-change:transform,width,opacity;z-index:0;pointer-events:none;box-sizing:border-box}.basic-nav-item{padding:8px 16px;gap:8px;border-radius:100px;cursor:pointer;font-size:13px;font-style:normal;font-weight:500;line-height:18px;position:relative;z-index:1;box-sizing:border-box}.basic-nav-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:100px;font-size:9px;font-weight:600;letter-spacing:.3px;line-height:1.5;text-transform:uppercase;background:var(--primary-color);color:#000}.basic-nav-white .basic-nav-badge{background:var(--accent-green);color:#fff}.basic-nav-item-inactive{color:inherit}.basic-nav-black{border-radius:100px}.basic-nav-black .basic-nav-item{color:#fff;transition:color .2s ease}.basic-nav-black .basic-nav-item-active{color:#000}.basic-nav-white{border-radius:100px}.basic-nav-white .basic-nav-item{color:#000;transition:color .2s ease}.basic-nav-white .basic-nav-item-active{color:#000}