.container{display:flex;justify-content:center;align-items:start}.toggle-container{display:flex;cursor:pointer;background:#fff;border:1px solid #4040401a;height:max-content;min-height:48px;padding:4px;overflow:hidden;justify-content:space-between}.toggle-container,.toggle-item{border-radius:40px;position:relative}.toggle-item{padding:10px 20px;font-size:15px;font-weight:500;transition:color .3s}.toggle-item:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0a1a16;transition:transform .3s;z-index:-1}.toggle-item.active{color:#fff;background:#0a1a16}.toggle-item.active:before{transform:scaleX(1)}.toggle-item:not(.active):before{transform:scaleX(0)}.toggle-item:first-child:before,.toggle-item:nth-child(2):before,.toggle-item:nth-child(3):before{background-color:#0a1a16}.toggle-item.electric.active{background:#2563eb}.toggle-item.electric:before{background-color:#2563eb}