.white-box{background-color:#fff;border-radius:8px}.switch-button{grid-template-columns:repeat(var(--tabs-count), 1fr);height:var(--height);align-items:center;display:grid;position:relative}.switch-button--squared{background:#e0e0e0;border-radius:9px}.switch-button--squared .switch-button__tab{color:#424242}.switch-button--squared .switch-button__tab.active{color:#424242;font-weight:600}.switch-button--squared .switch-button__thumb{box-shadow:0 3px 8px #0006}.switch-button--squared-inverted{background:#000;border:1px solid #9e9e9e;border-radius:9px}.switch-button--squared-inverted .switch-button__tab{color:#e6e6e6}.switch-button--squared-inverted .switch-button__tab.active{color:#00a3ff;font-family:Poppins,serif;font-weight:600}.switch-button--rounded{border-radius:calc(var(--height) / 2);background:#e0e0e0}.switch-button--rounded .switch-button__tab{color:#828282;font-weight:400}.switch-button--rounded .switch-button__tab.active{color:#fff}.switch-button--rounded .switch-button__thumb{border-radius:calc(var(--height) / 2 - 4px);background:#4392f1}.switch-button__thumb{width:calc((100% - 4px * 2) / var(--tabs-count));height:calc(var(--height) - 8px);transform:translateX(calc(var(--thumb-index) * 100%));z-index:0;pointer-events:none;will-change:transform;background:#fff;border-radius:6px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}.switch-button__tab{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:9px;outline:none;justify-content:center;align-items:center;width:100%;font-size:14px;transition:color .18s;display:flex;position:relative}