.pills-container{background-color:var(--color-neutral-80);border-radius:var(--border-radius-3);white-space:nowrap;width:100%;height:41px;position:relative;overflow:hidden}.pills-container:before,.pills-container:after{content:"";background-color:var(--color-neutral-80);z-index:1;pointer-events:none;border-radius:24px;width:32px;display:none;position:absolute;top:0;bottom:0}.pills-container--left-overlay:before{display:block;left:0}.pills-container--right-overlay:after{display:block;right:-4px}.pills-container--small{height:32px}.pills-container--small .pills-button{min-width:60px;padding:3.5px 6px}.pills-content{justify-content:space-between;align-items:center;display:flex;position:relative;overflow:auto hidden}.pills-content::-webkit-scrollbar{background:0 0}.pills-content::-webkit-scrollbar-thumb{background:0 0}.pills-arrow{cursor:pointer;border-radius:var(--border-radius-3);background-color:var(--color-neutral-70);z-index:9;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:50%;transform:scale(0)translateY(-50%)}.pills-arrow--primary{border:1px solid var(--color-primary-100)}.pills-arrow--secondary{border:1px solid var(--color-secondary-100);box-shadow:0 0 4px #a30bae3d}.pills-arrow--left{left:4px}.pills-arrow--right{right:4px}.pills-arrow--active{transform:scale(1)translateY(-50%)}.pills-button{border-radius:var(--border-radius-3);white-space:nowrap;width:100%;min-width:108px;font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid #0000;padding:8px 14px;transition:all .4s}.pills-button--active{background-color:var(--color-neutral-70)}.pills-button--primary{color:var(--color-primary-100);border:1px solid var(--color-primary-100)}.pills-button--secondary{color:var(--color-secondary-100);border:1px solid var(--color-secondary-100);box-shadow:0 0 4px #a30bae3d}.pills-button:hover.primary{background-color:var(--color-primary-100);color:var(--color-primary-70)}.pills-button:hover.secondary{background-color:var(--color-secondary-70);color:var(--color-secondary-100)}