.toggle-button{--first-option-width:0;--second-option-width:0;--third-option-width:0;--active-option-width:0;align-items:center;display:flex}.toggle-button .header{font-family:var(--regular-font-family);color:var(--color-icon);font-size:var(--normal-font-size);margin-right:12px}.toggle-button .body{background-color:var(--color-background-header);-webkit-user-select:none;user-select:none;border:1px solid var(--color-border);border-radius:100px;display:flex;position:relative}.toggle-button .body .option{z-index:2;white-space:nowrap;width:100%;font-family:var(--medium-font-family);font-size:var(--small-font-size);color:var(--color-text-1);cursor:pointer;justify-content:center;padding:5px 14px;text-decoration:none;transition:color .3s;display:flex}.toggle-button .body .option.activated{color:var(--color-text-inverse)}.toggle-button .body .option.disabled{pointer-events:none;opacity:.5}.toggle-button .body .switch-selection{z-index:1;background-color:var(--color-brand);border:1px solid var(--color-border);border-radius:100px;height:100%;transition:all .3s;position:absolute;left:0}.toggle-button .body .switch-selection.first{left:0%}.toggle-button .body .switch-selection.two-options{width:var(--active-option-width)}.toggle-button .body .switch-selection.two-options.second{left:var(--first-option-width)}.toggle-button .body .switch-selection.three-options{width:var(--active-option-width)}.toggle-button .body .switch-selection.three-options.second{left:var(--first-option-width)}.toggle-button .body .switch-selection.three-options.third{left:calc(var(--first-option-width) + var(--second-option-width))}