.nav-pills{position:relative;display:flex;min-width:120px;height:0;min-height:48px;background:#d9e2e7;border:.25rem solid #d9e2e7;border-radius:.5rem}.nav-pills .nav-link{z-index:1;display:flex;flex-basis:50%;align-items:center;justify-content:center;padding:.5rem 1rem;color:rgba(26,26,26,.7);background:transparent;border:none;border-radius:.25rem;outline:none;cursor:pointer;transition:color .3s ease-in-out,fill .3s ease-in-out;fill:rgba(26,26,26,.7)}.nav-pills .nav-link:hover{color:#1a1a1a;fill:#1a1a1a}.nav-pills .nav-link.active{color:#1a1a1a;background-color:transparent;fill:#1a1a1a}.nav-pills .nav-pill{position:absolute;height:100%;margin-left:0;background:#fff;border-radius:.5rem;transition:width .3s cubic-bezier(.65,.05,.36,1),left .3s cubic-bezier(.65,.05,.36,1)}.nav-pills.dark{background:#333;border:.25rem solid #333}.nav-pills.dark .nav-link{color:hsla(0,0%,100%,.7);fill:hsla(0,0%,100%,.7)}.nav-pills.dark .nav-link:hover{color:#fff;fill:#fff}.nav-pills.dark .nav-link.active{color:#fff;background-color:transparent;fill:#fff}.nav-pills.dark .nav-pill{background:#595959}