/**
 * @name SquareStatus
 * @author Gibbu#1211
 * @version 1.0.0
 * @description Changes the status dot to go around the user's avatar. Temporary fix until Zerebos updates his.
 * @source https://github.com/Gibbu/BetterDiscord-Themes/tree/master/RadialStatus
 * @website
*/

:root {
    --rs-width: 2px;    /* Width/thickness of status border */
    --rs-online-color: #43b581;    /* color for online status */
    --rs-idle-color: #faa61a;    /* color for idle status */
    --rs-dnd-color: #f04747;    /* color for dnd status */
    --rs-offline-color: #636b75;    /* color for offline status */
    --rs-invisible-color: #747f8d;    /* color for invisible status - Note this will only show for your own invisibility */
    --rs-streaming-color: #643da7;    /* color for streaming status */
}

#app-mount .wrapper-3t9DeA * { overflow: visible; mask: none; }
#app-mount .wrapper-3t9DeA .dots-3Bkt3k { position: relative; z-index: 2; }
#app-mount .wrapper-3t9DeA .dots-3Bkt3k [cx="2.5"] { cy: -8; cx: -8.5; }
#app-mount .wrapper-3t9DeA .dots-3Bkt3k [cx="8.75"] { cy: -8; cx: -2.25; }
#app-mount .wrapper-3t9DeA .dots-3Bkt3k [cx="15"] { cy: -8; cx: 4; }
#app-mount .wrapper-3t9DeA .mask-1l8v16 > rect[x="22"] { x: 0; y: 0; }
#app-mount .wrapper-3t9DeA .cursorDefault-dsQJ1n rect { x: -49; y: -53; }
#app-mount .wrapper-3t9DeA .pointerEvents-2zdfdO[x="14.5"] { fill: rgba(0, 0, 0, 0.5); width: 30px; height: 30px; x: 1; y: 1; }
#app-mount .wrapper-3t9DeA[style*="width: 80px;"] { position: relative; margin-right: 0 !important; }
#app-mount .wrapper-3t9DeA[style*="width: 80px;"] rect { width: 80px; height: 80px; }
#app-mount .wrapper-3t9DeA[style*="width: 80px;"][style*="width: 80px;"]:after { left: unset; right: -2px; top: unset; bottom: -2px; transform: none; }
#app-mount .wrapper-3t9DeA[style*="width: 32px;"] rect { width: 32px; height: 32px; overflow: visible; x: -14.5; y: -17; }
#app-mount .wrapper-3t9DeA img { border-radius: 0%; }
#app-mount .wrapper-3t9DeA[aria-label*="mobile"]:before { content: ""; background: rgba(12, 12, 12, 0.3); border-radius: 0%; height: 30px; width: 30px; top: 50%; transform: translateY(-50%); display: block; position: absolute; right: -180px; }
#app-mount .wrapper-3t9DeA[aria-label*="mobile"]:after { content: ""; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZD0iTTE1LjUgMWgtOEM2LjEyIDEgNSAyLjEyIDUgMy41djE3QzUgMjEuODggNi4xMiAyMyA3LjUgMjNoOGMxLjM4IDAgMi41LTEuMTIgMi41LTIuNXYtMTdDMTggMi4xMiAxNi44OCAxIDE1LjUgMXptLTQgMjFjLS44MyAwLTEuNS0uNjctMS41LTEuNXMuNjctMS41IDEuNS0xLjUgMS41LjY3IDEuNSAxLjUtLjY3IDEuNS0xLjUgMS41em00LjUtNEg3VjRoOXYxNHoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg=="); -webkit-mask-size: 16px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; display: block; position: absolute; width: 12px; height: 16px; top: 50%; transform: translateY(-50%); right: -171px; background: var(--rs-online-color); z-index: 1; }
#app-mount .wrapper-3t9DeA rect { x: 0; y: 0; width: 100%; height: 100%; fill: transparent; stroke-width: var(--rs-width); }
#app-mount .wrapper-3t9DeA rect[fill="#43b581"], #app-mount .wrapper-3t9DeA rect[fill="rgba(67, 181, 129, 1)"], #app-mount .wrapper-3t9DeA rect[mask*="online"] { stroke: var(--rs-online-color); }
#app-mount .wrapper-3t9DeA rect[fill="#faa61a"], #app-mount .wrapper-3t9DeA rect[fill="rgba(250, 166, 26, 1)"], #app-mount .wrapper-3t9DeA rect[mask*="idle"] { stroke: var(--rs-idle-color); }
#app-mount .wrapper-3t9DeA rect[fill="#f04747"], #app-mount .wrapper-3t9DeA rect[fill="rgba(240, 71, 71, 1)"], #app-mount .wrapper-3t9DeA rect[mask*="dnd"] { stroke: var(--rs-dnd-color); }
#app-mount .wrapper-3t9DeA rect[fill="#593695"], #app-mount .wrapper-3t9DeA rect[mask*="streaming"] { stroke: var(--rs-streaming-color); }
#app-mount .wrapper-3t9DeA rect[fill="#747f8d"], #app-mount .wrapper-3t9DeA rect[mask*="offline"] { stroke: var(--rs-offline-color); }
#app-mount .wrapper-3t9DeA rect[mask*="invisible"], #app-mount .wrapper-3t9DeA rect[fill="rgba(116, 127, 141, 1)"] { stroke: var(--rs-invisible-color); }
#app-mount .wrapper-3t9DeA rect[x="16"] { width: 24px; height: 24px; }
#app-mount .wrapper-3t9DeA rect[x="28"] { width: 40px; height: 40px; overflow: visible; }
#app-mount .avatarHint-1qgaV3 foreignObject { mask: none; }
#app-mount .avatarHint-1qgaV3 .avatarHintInner-Dco91E { border-radius: 50% !important; }
#app-mount .message-1PNnaP .mask-1l8v16 img { clip-path: circle(calc(19px - var(--rs-small-spacing))); }
#app-mount .memberOffline-2lN7gt img { clip-path: none !important; }
#app-mount .header-QKLPzZ .wrapper-3t9DeA { margin-right: 20px !important; }