.switcher{display:flex;justify-content:flex-start;align-items:center;gap:.25rem;padding:.25rem;border-radius:2rem;background:var(--gray-medium);position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:100%;overflow-x:auto;scrollbar-width:none}.switcher::-webkit-scrollbar{display:none}.switcher .switcherTab{display:flex;justify-content:center;align-items:center;white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:300;color:var(--black);background:none;border:none;box-shadow:none;padding:.75rem 1.5rem;border-radius:1.75rem;cursor:pointer;transition:opacity .3s;position:relative;z-index:3}.switcher .switcherTab:after{content:none}.switcher .switcherTab:before{content:"";position:absolute;width:100%;height:100%;border-radius:1.75rem;background:var(--black);transform:scale(0);transition:transform .3s;opacity:1;-webkit-clip-path:none;clip-path:none;z-index:-1}.switcher .switcherTab:hover{color:var(--white)}.switcher .switcherTab:hover:before{transform:scale(1)}.switcher .switcherTab:first-of-type{margin-left:auto}.switcher .switcherTab:last-of-type{margin-right:auto}.switcher .tabIndicator{position:absolute;left:0;height:calc(100% - .5rem);border-radius:1.5rem;background:var(--white);transition:transform .3s,width .3s;pointer-events:none;z-index:2}