.filter-code-bar{width:94%;margin:auto;padding:12px 0;margin-bottom:12px}.toggle-search-bar{display:flex;align-items:center}.btn-toggle{margin:0 1rem;padding:0;position:relative;border:none;height:1.5rem;width:3rem;border-radius:1.5rem;color:#6b7381;background:#bdc1c8}.btn-toggle:focus,.btn-toggle.focus,.btn-toggle.active:focus,.btn-toggle.focus.active{outline:none}.before,.after{line-height:1.5rem;width:auto;text-align:center;font-weight:600;font-size:0.8rem;text-transform:uppercase;letter-spacing:2px;transition:opacity 0.25s}.btn-toggle>.handle{position:absolute;top:0.1875rem;left:0.1875rem;width:1.125rem;height:1.125rem;border-radius:1.125rem;background:#fff;transition:left 0.25s}.btn-toggle.active{transition:background-color 0.25s}.btn-toggle.active>.handle{left:1.6875rem;transition:left 0.25s}.before,.after{color:#6b7381}.text-active{opacity:1}.text-not-active{opacity:0.5}.btn-toggle.active{background-color:#007bff}@media (max-width: 393px){.filter-code-bar{padding:8px 0;margin-bottom:8px}.before,.after{letter-spacing:1.5px}.btn-toggle.active>.handle{left:1.6175rem}}@media (max-width: 358px){.btn-toggle.active>.handle{left:1.4875rem}}@media (max-width: 340px){.btn-toggle.active>.handle{left:1.3875rem}}@media (max-width: 334px){.btn-toggle.active>.handle{left:1.2875rem}}@media (max-width: 320px){.btn-toggle.active>.handle{left:1.1875rem}}