.react-toggle{touch-action:pan-x;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:#0000;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;padding:0;display:inline-block;position:relative}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;width:50px;height:24px;padding:0;transition:all .2s}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#10b981}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#0d9467}.react-toggle-track-check{opacity:0;width:14px;height:10px;margin-top:auto;margin-bottom:auto;line-height:0;transition:opacity .25s;position:absolute;top:0;bottom:0;left:8px}.react-toggle--checked .react-toggle-track-check{opacity:1;transition:opacity .25s}.react-toggle-track-x{opacity:1;width:10px;height:10px;margin-top:auto;margin-bottom:auto;line-height:0;transition:opacity .25s;position:absolute;top:0;bottom:0;right:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{box-sizing:border-box;transition:all .5s cubic-bezier(.23,1,.32,1);background-color:#f9f9f9;border:1px solid #4d4d4d;border-radius:50%;width:22px;height:22px;transition:all .25s;position:absolute;top:1px;left:1px}.react-toggle--checked .react-toggle-thumb{border-color:#10b981;left:27px}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0 0 3px 2px #725aff;-moz-box-shadow:0 0 3px 2px #725aff;box-shadow:0 0 2px 3px #725aff}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #725aff}.active-purple.react-toggle--checked .react-toggle-track,.active-purple.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#4f31ff}.compact-toggle{width:32px;height:16px}.compact-toggle .react-toggle-track{background-color:#e6e6e6;border-radius:12px;width:32px;height:16px;padding:2px}.compact-toggle .react-toggle-track-check,.compact-toggle .react-toggle-track-x{display:none}.compact-toggle .react-toggle-thumb{background-color:#fff;border:0;width:12px;height:12px;top:2px;left:2px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}.compact-toggle.react-toggle--checked .react-toggle-thumb{border:0;left:18px}@keyframes heartAnimation{25%{height:18px;padding-top:3px}50%{width:18px;height:25px;margin-top:-1px;padding-top:0}to{height:18px;padding-top:3px}}@keyframes emojiReactionContainerAnimation{0%{background-color:var(--inbox-surface-raised)}50%{background-color:var(--signal-negative-soft)}to{background-color:var(--signal-negative-soft)}}.inbox-heart-icon{height:18px;padding-top:3px}.inbox-heart-icon.active{animation-name:heartAnimation;animation-duration:1s}.inbox-heart-active{animation-name:emojiReactionContainerAnimation;animation-duration:1s}