.switcher{gap:.25rem;padding:.25rem;border-radius:2rem;background:var(--gray-medium);z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switcher,.switcher .switcherTab{display:flex;justify-content:center;align-items:center;position:relative}.switcher .switcherTab{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;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 .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}