BetterDiscordAddons/Plugins/ThemeRepo/res/DiscordPreview.html

2107 lines
206 KiB
HTML
Raw Normal View History

2019-09-23 12:01:10 +02:00
<html class="theme-dark platform-win">
2018-10-11 10:21:26 +02:00
<head>
2019-04-07 19:02:55 +02:00
<script type="text/javascript" src="https://unpkg.com/react@16/umd/react.development.js"></script>
2019-04-07 19:07:10 +02:00
<script type="text/javascript" src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script type="text/javascript" src="https://mwittrien.github.io/BetterDiscordAddons/Plugins/ThemeRepo/res/DiscordPreview.js"></script>
2019-09-23 13:38:23 +02:00
<link rel="stylesheet" href="https://rauenzi.github.io/BetterDiscordApp/css/main.min.css">
2018-10-11 10:21:26 +02:00
</head>
<body>
2019-01-20 19:46:19 +01:00
<div id="app-mount" class="appMount-3lHmkl" style="display: none;">
2019-09-23 12:01:10 +02:00
<svg viewBox="0 0 1 1" style="position: absolute; pointer-events: none; top: -1px; left: -1px; width: 1px; height: 1px;"><mask id="svg-mask-squircle" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><path fill="white" d="M0 0.464C0 0.301585 0 0.220377 0.0316081 0.158343C0.0594114 0.103776 0.103776 0.0594114 0.158343 0.0316081C0.220377 0 0.301585 0 0.464 0H0.536C0.698415 0 0.779623 0 0.841657 0.0316081C0.896224 0.0594114 0.940589 0.103776 0.968392 0.158343C1 0.220377 1 0.301585 1 0.464V0.536C1 0.698415 1 0.779623 0.968392 0.841657C0.940589 0.896224 0.896224 0.940589 0.841657 0.968392C0.779623 1 0.698415 1 0.536 1H0.464C0.301585 1 0.220377 1 0.158343 0.968392C0.103776 0.940589 0.0594114 0.896224 0.0316081 0.841657C0 0.779623 0 0.698415 0 0.536V0.464Z"></path></mask><mask id="svg-mask-header-bar-badge" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><rect fill="white" x="0" y="0" width="1" height="1"></rect><circle fill="black" cx="0.75" cy="0.75" r="0.25"></circle></mask><mask id="svg-mask-voice-user-summary-item" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><rect fill="white" width="1" height="1"></rect><circle fill="black" cx="1.2083333333333333" cy="0.5" r="0.5416666666666666"></circle></mask><mask id="svg-mask-vertical-fade" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><linearGradient id="svg-mask-vertical-fade-gradient" gradientTransform="rotate(90)" x1="0" x2="1" y1="0" y2="0"><stop offset="0%" stop-color="white"></stop><stop offset="100%" stop-color="black"></stop></linearGradient><rect fill="url(#svg-mask-vertical-fade-gradient)" x="0" y="0" width="1" height="1"></rect></mask><mask id="svg-mask-panel-button" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><rect fill="white" x="0" y="0" width="1" height="1"></rect><circle fill="black" cx="0.75" cy="0.75" r="0.25"></circle></mask><mask id="svg-mask-avatar-default" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle></mask><mask id="svg-mask-avatar-status-round-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><circle fill="black" cx="0.8125" cy="0.8125" r="0.3125"></circle></mask><mask id="svg-mask-avatar-status-mobile-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><rect fill="black" x="0.5" y="0.3125" width="0.625" height="0.8125" rx="0.1625" ry="0.1625"></rect></mask><mask id="svg-mask-avatar-status-typing-16" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><rect fill="black" x="0.21875" y="0.5" width="1.1875" height="0.625" rx="0.3125" ry="0.3125"></rect></mask><mask id="svg-mask-avatar-status-round-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><circle fill="black" cx="0.8333333333333334" cy="0.8333333333333334" r="0.2916666666666667"></circle></mask><mask id="svg-mask-avatar-status-mobile-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><rect fill="black" x="0.5416666666666666" y="0.375" width="0.5833333333333334" height="0.75" rx="0.15" ry="0.15"></rect></mask><mask id="svg-mask-avatar-status-typing-24" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><rect fill="black" x="0.2916666666666667" y="0.5416666666666666" width="1.0833333333333333" height="0.5833333333333334" rx="0.2916666666666667" ry="0.2916666666666667"></rect></mask><mask id="svg-mask-avatar-status-round-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><circle fill="black" cx="0.84375" cy="0.84375" r="0.25"></circle></mask><mask id="svg-mask-avatar-status-mobile-32" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1"><circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle><rect fill="black" x="0.59375" y="0.4375" width="0.5" height="0.65625" rx
<div class="preview-titlebar"></div>
<div class="app-19_DXt">
2019-01-20 19:46:19 +01:00
<div class="app-2rEoOp vertical-V37hAW flex-1O1GKY directionColumn-35P_nr theme-light">
<div class="layers-3iHuyZ vertical-V37hAW flex-1O1GKY directionColumn-35P_nr spacer-1fA9zc">
2019-09-23 12:01:10 +02:00
<div role="dialog" aria-hidden="false" class="layer-3QrUeG baseLayer-35bLyl">
<div class="container-2lgZY8">
<div class="wrapper-1Rf91z guilds-1SWlCJ">
2018-10-11 10:21:26 +02:00
<div class="unreadMentionsIndicatorTop-gA6RCh">
2019-04-29 10:23:27 +02:00
<div class="bar-30k2ka unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(-180%);">
<span class="text-2e2ZyG"></span>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-01-14 19:14:01 +01:00
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerWrap-1IAIlv scrollerThemed-2oenus themeGhostHairline-DBD-2d">
2019-03-08 11:51:55 +01:00
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl scroller-2TZvBN">
2019-04-29 10:23:27 +02:00
<div class="listItem-2P_4kh">
2019-09-23 12:01:10 +02:00
<div class="pill-2uzAFe wrapper-sa6paO"></div>
2019-06-06 17:36:56 +02:00
<div class="listItemWrapper-3X98Pc">
2019-06-08 15:44:29 +02:00
<div class="wrapper-25eVIn">
2019-06-06 17:36:56 +02:00
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
</mask>
<foreignObject mask="url(#DiscordPreviewMask)" x="0" y="0" width="48" height="48">
2019-09-23 12:01:10 +02:00
<a class="wrapper-1BJsBx" aria-label="Home" href="">
<div class="childWrapper-anI2G9">
<svg name="Nova_Discord" class="homeIcon-tEMBK1" aria-hidden="false" width="28" height="20" viewBox="0 0 28 20">
<path fill="currentColor" d="M20.6644 20C20.6644 20 19.8014 18.9762 19.0822 18.0714C22.2226 17.1905 23.4212 15.2381 23.4212 15.2381C22.4384 15.881 21.5034 16.3334 20.6644 16.6429C19.4658 17.1429 18.3151 17.4762 17.1884 17.6667C14.887 18.0953 12.7774 17.9762 10.9795 17.6429C9.61301 17.381 8.43836 17 7.45548 16.6191C6.90411 16.4048 6.30479 16.1429 5.70548 15.8096C5.63356 15.7619 5.56164 15.7381 5.48973 15.6905C5.44178 15.6667 5.41781 15.6429 5.39384 15.6191C4.96233 15.381 4.7226 15.2143 4.7226 15.2143C4.7226 15.2143 5.87329 17.1191 8.91781 18.0238C8.19863 18.9286 7.31164 20 7.31164 20C2.0137 19.8333 0 16.381 0 16.381C0 8.7144 3.45205 2.50017 3.45205 2.50017C6.90411 -0.07123 10.1884 0.000197861 10.1884 0.000197861L10.4281 0.285909C6.11301 1.52399 4.12329 3.40493 4.12329 3.40493C4.12329 3.40493 4.65068 3.11921 5.53767 2.71446C8.10274 1.59542 10.1404 1.2859 10.9795 1.21447C11.1233 1.19066 11.2432 1.16685 11.387 1.16685C12.8493 0.976379 14.5034 0.92876 16.2295 1.11923C18.5068 1.38114 20.9521 2.0478 23.4452 3.40493C23.4452 3.40493 21.5514 1.61923 17.476 0.381146L17.8116 0.000197861C17.8116 0.000197861 21.0959 -0.07123 24.5479 2.50017C24.5479 2.50017 28 8.7144 28 16.381C28 16.381 25.9623 19.8333 20.6644 20ZM9.51712 8.88106C8.15068 8.88106 7.07192 10.0715 7.07192 11.5239C7.07192 12.9763 8.17466 14.1667 9.51712 14.1667C10.8836 14.1667 11.9623 12.9763 11.9623 11.5239C11.9863 10.0715 10.8836 8.88106 9.51712 8.88106ZM18.2671 8.88106C16.9007 8.88106 15.8219 10.0715 15.8219 11.5239C15.8219 12.9763 16.9247 14.1667 18.2671 14.1667C19.6336 14.1667 20.7123 12.9763 20.7123 11.5239C20.7123 10.0715 19.6336 8.88106 18.2671 8.88106Z"></path>
</svg>
</div>
2019-06-06 17:36:56 +02:00
</a>
</foreignObject>
</svg>
</div>
2019-01-14 19:14:01 +01:00
</div>
</div>
2019-09-23 12:01:10 +02:00
<div class="listItem-2P_4kh" id="bd-pub-li" style="">
<div class="wrapper-25eVIn circleButtonMask-2VNJsN" id="bd-pub-button">public</div>
</div>
2019-04-29 12:26:00 +02:00
<div style="opacity: 1; height: 56px; transform: scale(1);">
<div class="listItem-2P_4kh">
<div class="pill-1m5BUr wrapper-sa6paO">
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"/>
</div>
2019-06-06 17:15:42 +02:00
<div class="listItemWrapper-3X98Pc">
2019-06-08 15:44:29 +02:00
<div class="wrapper-25eVIn">
2019-06-06 17:15:42 +02:00
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask0" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"/>
2019-07-29 19:04:32 +02:00
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></rect>
2019-06-06 17:15:42 +02:00
</mask>
<foreignObject mask="url(#DiscordPreviewMask0)" x="0" y="0" width="48" height="48">
<a class="wrapper-1BJsBx" href="">
2019-07-29 18:26:48 +02:00
<img class="icon-27yU2q" src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt="Server Icon" width="48" height="48"></img>
2019-06-06 17:15:42 +02:00
</a>
</foreignObject>
</svg>
<div class="badgeWrapper-3e8pMZ">
<div class="lowerBadge-29hYVK" style="opacity: 1; transform: translate(0px, 0px);">
<div class="numberBadge-2s8kKX base-PmTxvP" style="background-color: rgb(240, 71, 71); width: 16px; padding-right: 1px;">2</div>
</div>
2019-04-29 12:26:00 +02:00
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-03-08 11:51:55 +01:00
</div>
2019-06-06 16:47:01 +02:00
<div class="listItem-2P_4kh bd-guild-separator">
2019-04-29 12:26:00 +02:00
<div class="guildSeparator-3s64Iy"></div>
</div>
2019-06-06 16:47:01 +02:00
<div class="listItem-2P_4kh bd-guild">
2019-09-23 12:01:10 +02:00
<div class="pill-31IEus wrapper-sa6paO"></div>
2019-04-29 12:26:00 +02:00
<div class="blobContainer-239gwq" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask1" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
</mask>
<foreignObject mask="url(#DiscordPreviewMask1)" x="0" y="0" width="48" height="48">
<a class="wrapper-1BJsBx" aria-label="" href="">
<img class="icon-27yU2q" src="https://cdn.discordapp.com/icons/86004744966914048/292e7f6bfff2b71dfd13e508a859aedd.webp?" alt="Server Icon" width="48" height="48"></img>
</a>
</foreignObject>
</svg>
2018-10-11 10:21:26 +02:00
</div>
2019-07-29 18:56:15 +02:00
<div class="wrapper-2B2Wx1" aria-hidden="true">
<span class="edge-1OJQxL"/>
<span class="middle-3rAgAl"/>
<span class="edge-1OJQxL"/>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 16:47:01 +02:00
<div class="listItem-2P_4kh bd-guild bd-unread">
<div class="pill-31IEus wrapper-sa6paO bd-unread">
2019-04-29 12:26:00 +02:00
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"></span>
</div>
<div class="blobContainer-239gwq" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask2" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></rect>
</mask>
<foreignObject mask="url(#DiscordPreviewMask2)" x="0" y="0" width="48" height="48">
<a class="wrapper-1BJsBx" aria-label="" href="">
<img class="icon-27yU2q" src="https://cdn.discordapp.com/icons/410787888507256842/c8941576782dd171cf2b82dd1ffc0f76.webp?" alt="Server Icon" width="48" height="48"></img>
</a>
</foreignObject>
</svg>
<div class="badgeWrapper-3e8pMZ">
<div class="lowerBadge-29hYVK" style="opacity: 1; transform: translate(0px, 0px);">
<div class="numberBadge-2s8kKX base-PmTxvP" style="background-color: rgb(240, 71, 71); width: 16px; padding-right: 1px;">3</div>
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-07-29 18:56:15 +02:00
<div class="wrapper-2B2Wx1" aria-hidden="true">
<span class="edge-1OJQxL"/>
<span class="middle-3rAgAl"/>
<span class="edge-1OJQxL"/>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 13:42:11 +02:00
<div class="listItem-2P_4kh bd-guild bd-selected bd-audio">
2019-06-06 16:47:01 +02:00
<div class="pill-31IEus wrapper-sa6paO bd-selected">
2019-04-29 12:26:00 +02:00
<span class="item-2hkk8m" style="opacity: 1; height: 40px; transform: translate3d(0px, 0px, 0px);"></span>
</div>
<div class="blobContainer-239gwq" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask3" fill="black" x="0" y="0" width="48" height="48">
2019-09-24 10:20:53 +02:00
<path d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z" fill="white"></path>
2019-09-23 23:26:44 +02:00
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></rect>
2019-07-29 19:04:32 +02:00
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
2019-04-29 12:26:00 +02:00
</mask>
<foreignObject mask="url(#DiscordPreviewMask3)" x="0" y="0" width="48" height="48">
2019-09-23 23:26:44 +02:00
<a class="wrapper-1BJsBx selected-bZ3Lue" aria-label="" href="" style="font-size: 18px;">
<div class="childWrapper-anI2G9 acronym-2mOFsV" aria-label="Server Acronym">S</div>
2019-04-29 12:26:00 +02:00
</a>
</foreignObject>
</svg>
<div class="badgeWrapper-3e8pMZ">
<div class="upperBadge-2XnnGB" style="opacity: 1; transform: translate(0px, 0px);">
<div class="iconBadge-2wi9r4 iconBadge-2NuvG9 base-PmTxvP">
<svg name="Nova_Speaker" class="icon-3s6X1M" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
</svg>
</div>
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-07-29 18:56:15 +02:00
<div class="wrapper-2B2Wx1" aria-hidden="true">
<span class="edge-1OJQxL"/>
<span class="middle-3rAgAl"/>
<span class="edge-1OJQxL"/>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 16:47:01 +02:00
<div class="listItem-2P_4kh bd-guild bd-unread bd-video">
<div class="pill-31IEus wrapper-sa6paO bd-unread">
2019-04-29 12:26:00 +02:00
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"></span>
</div>
<div class="blobContainer-239gwq" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask5" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
2019-07-29 19:04:32 +02:00
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(0 0)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
2019-04-29 12:26:00 +02:00
</mask>
<foreignObject mask="url(#DiscordPreviewMask5)" x="0" y="0" width="48" height="48">
2019-05-03 21:47:02 +02:00
<a class="wrapper-1BJsBx" aria-label="" href="" style="font-size: 18px;">
2019-09-23 13:42:11 +02:00
<div class="childWrapper-anI2G9 acronym-2mOFsV" aria-label="Server Acronym">1</div>
2019-04-29 12:26:00 +02:00
</a>
</foreignObject>
</svg>
<div class="badgeWrapper-3e8pMZ">
<div class="upperBadge-2XnnGB" style="opacity: 1; transform: translate(0px, 0px);">
<div class="iconBadge-2wi9r4 iconBadge-2NuvG9 base-PmTxvP">
<svg name="Nova_Camera" class="icon-3s6X1M" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M20.526 8.149C20.231 7.966 19.862 7.951 19.553 8.105L17 9.382V8C17 6.897 16.103 6 15 6H6C4.897 6 4 6.897 4 8V16C4 17.104 4.897 18 6 18H15C16.103 18 17 17.104 17 16V14.618L19.553 15.894C19.694 15.965 19.847 16 20 16C20.183 16 20.365 15.949 20.526 15.851C20.82 15.668 21 15.347 21 15V9C21 8.653 20.82 8.332 20.526 8.149Z"></path>
</svg>
</div>
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-07-29 18:56:15 +02:00
<div class="wrapper-2B2Wx1" aria-hidden="true">
<span class="edge-1OJQxL"/>
<span class="middle-3rAgAl"/>
<span class="edge-1OJQxL"/>
</div>
</div>
</div>
<div class="wrapper-21YSNc">
2019-07-29 19:04:32 +02:00
<span class="expandedFolderBackground-2sPsd-"></span>
2019-07-29 18:56:15 +02:00
<div class="listItem-2P_4kh">
2019-09-23 12:01:10 +02:00
<div class="pill-31IEus wrapper-sa6paO"></div>
2019-07-29 18:56:15 +02:00
<div class="" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask6" fill="black" x="0" y="0" width="48" height="48">
2019-07-29 19:04:32 +02:00
<path d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
2019-07-29 18:56:15 +02:00
</mask>
<foreignObject mask="url(#DiscordPreviewMask6)" x="0" y="0" width="48" height="48">
<div tabindex="0" class="folder-21wGz3" role="button">
<div class="folderIconWrapper-226oVY" style="">
<div class="expandedFolderIconWrapper-1xLaU-" style="">
<svg name="Folder" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24" style="color: rgb(114, 137, 218);">
2019-07-29 19:04:32 +02:00
<path fill="currentColor" d="M20 7H12L10.553 5.106C10.214 4.428 9.521 4 8.764 4H3C2.447 4 2 4.447 2 5V19C2 20.104 2.895 21 4 21H20C21.104 21 22 20.104 22 19V9C22 7.896 21.104 7 20 7Z"></path>
2019-07-29 18:56:15 +02:00
</svg>
</div>
</div>
</div>
</foreignObject>
</svg>
</div>
</div>
<div class="wrapper-2B2Wx1" aria-hidden="true">
2019-07-29 19:04:32 +02:00
<span class="edge-1OJQxL"></span>
<span class="half-1OBsd2"></span>
2019-07-29 18:56:15 +02:00
</div>
</div>
<div class="expandedGuilds-1JMD4M" style="height: 112px;">
<div class="listItem-2P_4kh bd-guild bd-unread">
<div class="pill-31IEus wrapper-sa6paO bd-unread">
2019-07-29 19:04:32 +02:00
<span class="item-2hkk8m" style="opacity: 0.7; height: 8px; transform: translate3d(0px, 0px, 0px);"></span>
2019-07-29 18:56:15 +02:00
</div>
<div class="blobContainer-239gwq" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask7" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
2019-07-29 19:04:32 +02:00
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
2019-07-29 18:56:15 +02:00
</mask>
<foreignObject mask="url(#DiscordPreviewMask7)" x="0" y="0" width="48" height="48">
2019-07-29 19:14:23 +02:00
<a class="wrapper-1BJsBx" aria-label="" href="" style="font-size: 18px;">
2019-09-23 13:42:11 +02:00
<div class="childWrapper-anI2G9 acronym-2mOFsV nested-1eglu6" aria-hidden="true">2</div>
2019-07-29 18:56:15 +02:00
</a>
</foreignObject>
</svg>
</div>
</div>
<div class="wrapper-2B2Wx1" aria-hidden="true">
2019-07-29 19:04:32 +02:00
<span class="half-1OBsd2"></span>
<span class="half-1OBsd2"></span>
2019-07-29 18:56:15 +02:00
</div>
</div>
<div class="listItem-2P_4kh bd-guild">
2019-09-23 12:01:10 +02:00
<div class="pill-31IEus wrapper-sa6paO"></div>
2019-07-29 18:56:15 +02:00
<div class="blobContainer-239gwq" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
<mask id="DiscordPreviewMask8" fill="black" x="0" y="0" width="48" height="48">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
</mask>
<foreignObject mask="url(#DiscordPreviewMask8)" x="0" y="0" width="48" height="48">
2019-07-29 19:14:23 +02:00
<a class="wrapper-1BJsBx" aria-label="" href="" style="font-size: 18px;">
2019-09-23 13:42:11 +02:00
<div class="childWrapper-anI2G9 acronym-2mOFsV nested-1eglu6" aria-hidden="true">3</div>
2019-07-29 18:56:15 +02:00
</a>
</foreignObject>
</svg>
</div>
</div>
<div class="wrapper-2B2Wx1" aria-hidden="true">
2019-07-29 19:04:32 +02:00
<span class="half-1OBsd2"></span>
<span class="half-1OBsd2"></span>
</div>
</div>
</div>
</div>
<div class="wrapper-21YSNc">
2019-07-29 19:14:23 +02:00
<span class="expandedFolderBackground-2sPsd- collapsed-1GMuSb"></span>
2019-07-29 19:04:32 +02:00
<div class="listItem-2P_4kh">
2019-09-23 12:01:10 +02:00
<div class="pill-31IEus wrapper-sa6paO"></div>
2019-07-29 19:04:32 +02:00
<div class="" draggable="true">
<div class="wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
2019-07-29 19:44:10 +02:00
<mask id="DiscordPreviewMask9" fill="black" x="0" y="0" width="48" height="48">
2019-07-29 19:14:23 +02:00
<path d="M0 24C0 16.5449 0 12.8174 1.21793 9.87706C2.84183 5.95662 5.95662 2.84183 9.87706 1.21793C12.8174 0 16.5449 0 24 0C31.4551 0 35.1826 0 38.1229 1.21793C42.0434 2.84183 45.1582 5.95662 46.7821 9.87706C48 12.8174 48 16.5449 48 24C48 31.4551 48 35.1826 46.7821 38.1229C45.1582 42.0434 42.0434 45.1582 38.1229 46.7821C35.1826 48 31.4551 48 24 48C16.5449 48 12.8174 48 9.87706 46.7821C5.95662 45.1582 2.84183 42.0434 1.21793 38.1229C0 35.1826 0 31.4551 0 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
2019-07-29 19:04:32 +02:00
</mask>
2019-07-29 19:44:10 +02:00
<foreignObject mask="url(#DiscordPreviewMask9)" x="0" y="0" width="48" height="48">
2019-07-29 19:04:32 +02:00
<div tabindex="0" class="folder-21wGz3" role="button">
<div class="folderIconWrapper-226oVY" style="background-color: rgba(114, 137, 218, 0.2);">
<div class="closedFolderIconWrapper-15K9MK" style="">
2019-07-29 19:06:57 +02:00
<div class="icon-3o6xvg guildIcon-GuAC7C iconSizeSmol-2Dw61G iconInactive-98JN5i noIcon-1a_FrS" role="button" style="font-size: 8px; background-image: none;">5</div>
2019-07-29 19:14:23 +02:00
<div class="icon-3o6xvg guildIcon-GuAC7C iconSizeSmol-2Dw61G iconInactive-98JN5i" role="button" style="background-image: url(https://cdn.discordapp.com/icons/280806472928198656/cbdda04c041699d80689b99c4e5e89dc.webp?size=);"></div>
2019-07-29 19:04:32 +02:00
</div>
</div>
</div>
</foreignObject>
</svg>
2019-07-29 18:56:15 +02:00
</div>
</div>
2019-07-29 19:04:32 +02:00
<div class="wrapper-2B2Wx1" aria-hidden="true">
2019-07-29 19:14:23 +02:00
<span class="edge-1OJQxL"></span>
<span class="middle-3rAgAl"></span>
<span class="edge-1OJQxL"></span>
2019-07-29 19:04:32 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-04-29 10:23:27 +02:00
<div class="listItem-2P_4kh">
2019-09-23 12:01:10 +02:00
<div class="pill-3YxEhL wrapper-sa6paO"></div>
2019-06-06 17:36:56 +02:00
<div class="listItemWrapper-3X98Pc">
<div class="circleButtonMask-2VNJsN wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
2019-07-29 19:44:10 +02:00
<mask id="DiscordPreviewMask10" fill="black" x="0" y="0" width="48" height="48">
2019-06-06 17:36:56 +02:00
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
</mask>
2019-07-29 19:44:10 +02:00
<foreignObject mask="url(#DiscordPreviewMask10)" x="0" y="0" width="48" height="48">
2019-06-06 17:36:56 +02:00
<div tabindex="0" class="circleIconButton-jET_ig" aria-label="Server hinzufügen" role="button">
<svg name="Nova_Add" class="circleIcon-LvPL6c" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M21 11.001H13V3.00098H11V11.001H3V13.001H11V21.001H13V13.001H21V11.001Z"></path>
</svg>
</div>
</foreignObject>
2019-07-29 18:56:15 +02:00
<div class="wrapper-2B2Wx1" aria-hidden="true">
<span class="half-1OBsd2 higher-3RVLpi"/>
</div>
2019-06-06 17:36:56 +02:00
</svg>
</div>
2019-03-08 11:51:55 +01:00
</div>
</div>
2019-04-29 10:23:27 +02:00
<div class="listItem-2P_4kh">
2019-09-23 12:01:10 +02:00
<div class="pill-3YxEhL wrapper-sa6paO"></div>
2019-06-06 17:36:56 +02:00
<div class="listItemWrapper-3X98Pc">
<div class="circleButtonMask-2VNJsN wrapper-25eVIn">
<svg width="48" height="48" viewBox="0 0 48 48" class="svg-1X37T1">
2019-07-29 19:44:10 +02:00
<mask id="DiscordPreviewMask11" fill="black" x="0" y="0" width="48" height="48">
2019-06-06 17:36:56 +02:00
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="white"></path>
<rect x="28" y="-4" width="24" height="24" rx="12" ry="12" transform="translate(20 -20)" fill="black"></rect>
<rect x="28" y="28" width="24" height="24" rx="12" ry="12" transform="translate(20 20)" fill="black"></rect>
</mask>
2019-07-29 19:44:10 +02:00
<foreignObject mask="url(#DiscordPreviewMask11)" x="0" y="0" width="48" height="48">
2019-06-06 17:36:56 +02:00
<div tabindex="0" class="circleIconButton-jET_ig" aria-label="Server Discovery" role="button">
<svg name="Search" width="24" height="24" viewBox="0 0 18 18">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M3.60091481,7.20297313 C3.60091481,5.20983419 5.20983419,3.60091481 7.20297313,3.60091481 C9.19611206,3.60091481 10.8050314,5.20983419 10.8050314,7.20297313 C10.8050314,9.19611206 9.19611206,10.8050314 7.20297313,10.8050314 C5.20983419,10.8050314 3.60091481,9.19611206 3.60091481,7.20297313 Z M12.0057176,10.8050314 L11.3733562,10.8050314 L11.1492281,10.5889079 C11.9336764,9.67638651 12.4059463,8.49170955 12.4059463,7.20297313 C12.4059463,4.32933105 10.0766152,2 7.20297313,2 C4.32933105,2 2,4.32933105 2,7.20297313 C2,10.0766152 4.32933105,12.4059463 7.20297313,12.4059463 C8.49170955,12.4059463 9.67638651,11.9336764 10.5889079,11.1492281 L10.8050314,11.3733562 L10.8050314,12.0057176 L14.8073185,16 L16,14.8073185 L12.2102538,11.0099776 L12.0057176,10.8050314 Z"></path>
</g>
</svg>
</div>
</foreignObject>
</svg>
</div>
2019-03-08 11:51:55 +01:00
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-04-29 20:03:29 +02:00
<div class="listItem-2P_4kh">
2019-09-23 23:08:06 +02:00
<div class="listItemWrapper-3X98Pc">
<a aria-label="1 server is unavailable due to a temporary outage. Discord's Twitter should have more information." class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB guildsError-b7zR5H" href="" rel="noreferrer noopener" target="_blank">
<span aria-hidden="true" class="errorInner-19Rzk_">!</span>
</a>
</div>
2019-04-29 20:03:29 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
<div class="unreadMentionsIndicatorBottom-BXS58x">
2019-04-29 10:23:27 +02:00
<div class="bar-30k2ka unreadMentionsBar-1VrBNe unread-1xRYoj active-1SSsBb" style="transform: translateY(150%);">
<span class="text-2e2ZyG"></span>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-09-23 12:01:10 +02:00
<div class="base-3dtUhz">
2018-10-11 10:21:26 +02:00
<div class="flexChild-faoVW3" style="flex: 0 0 auto;">
<div>
<div class="noticeStreamerMode-2TSQpg notice-2FJMB4 size14-3iUx6q weightMedium-2iZe9B height36-36OHCc">
<div class="dismiss-SCAH9H"></div>
This is a Theme preview to allow you to choose the Theme of your liking. To show/hide the Theme Menu press "Ctrl"
<button class="button-1MICoQ size14-3iUx6q weightMedium-2iZe9B">Deactivate</button>
</div>
</div>
</div>
2019-09-23 12:01:10 +02:00
<div class="content-98HsJk">
<div class="sidebar-2K8pFh">
<div class="container-PNkimc">
<div class="container-2Rl01u clickable-2ap7je hasBanner-14PPlG bannerVisible-14J9lQ" aria-controls="popout_130" aria-expanded="false" role="button">
<header class="header-2o-2hj">
<div class="guildIconContainer-E1JUVt">
<div tabindex="0" aria-label="Level 1" role="button">
<div class="flowerStarContainer-3zDVtj iconBackgroundTierOne-2LhaMB">
<svg class="flowerStar-1GeTsn" width="16" height="16" viewBox="0 0 16 15.2">
<path fill="currentColor" fill-rule="evenodd" d="m16 7.6c0 .79-1.28 1.38-1.52 2.09s.44 2 0 2.59-1.84.35-2.46.8-.79 1.84-1.54 2.09-1.67-.8-2.47-.8-1.75 1-2.47.8-.92-1.64-1.54-2.09-2-.18-2.46-.8.23-1.84 0-2.59-1.54-1.3-1.54-2.09 1.28-1.38 1.52-2.09-.44-2 0-2.59 1.85-.35 2.48-.8.78-1.84 1.53-2.12 1.67.83 2.47.83 1.75-1 2.47-.8.91 1.64 1.53 2.09 2 .18 2.46.8-.23 1.84 0 2.59 1.54 1.3 1.54 2.09z"></path>
</svg>
<div class="childContainer-1wxZNh">
<svg class="premiumGuildIconGem-C4yUDR iconTierOne-BHC2T8" name="PremiumGuildTier1Simple" aria-hidden="false" width="6" height="11" viewBox="0 0 6 11">
<path fill="currentColor" d="M3 0.625244L0 3.62524V7.62524L3 10.6252L6 7.62524V3.62524L3 0.625244ZM5 7.24524L3 9.24524L1 7.24524V4.04524L3 2.04524L5 4.04524V7.24524Z"></path>
2019-06-06 16:43:49 +02:00
</svg>
</div>
</div>
</div>
2019-09-23 12:01:10 +02:00
</div>
<h1 class="name-3YKhmS">Selected Server</h1>
<svg width="18" height="18" class="button-1w5pas">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h18v18H0"/>
<path stroke="currentColor" d="M4.5 4.5l9 9" stroke-linecap="round"/>
<path stroke="currentColor" d="M13.5 4.5l-9 9" stroke-linecap="round"/>
</g>
</svg>
</header>
<div class="animatedContainer-1pJv5C" style="opacity: 1; transform: translateY(0px);">
<div class="bannerImage-1jOskm" style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABkAAAAMgCAIAAAD0ojkNAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAM29JREFUeNrs3WmUVPWBxuHe2ZtmUWwQRUEU0UgOiI4HI8YY3GDcUOMhYpxRMaK0EGSTbgHFoMyAiIALYgQiLgSDyyioQcGoeGDEIDtKwBZQ1gaapeju+WBWYzLQdFf9q+7zfOCwFV28dTi36setW+n5+flpAAAAABCqDBMAAAAAEDIBCwAAAICgCVgAAAAABE3AAgAAACBoAhYAAAAAQROwAAAAAAiagAUAAABA0AQsAAAAAIImYAEAAAAQNAELAAAAgKAJWAAAAAAETcACAAAAIGgCFgAAAABBE7AAAAAACJqABQAAAEDQBCwAAAAAgiZgAQAAAB
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-04-18 12:11:36 +02:00
<div class="positionedContainer-l-ZqRq">
<div class="unreadTop-73gZ2_ unread-1s3J68 container-35XQWE">
2019-09-23 12:01:10 +02:00
<div class="bar-30k2ka unreadBar-3YD_k9 unread-1xRYoj active-1SSsBb" style="transform: translateY(-180%);">
<span class="text-2e2ZyG">New Unreads</span>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-04-18 12:11:36 +02:00
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerThemed-2oenus themeGhostHairlineChannels-3G0x9_ scrollerFade-1Ijw5y">
2019-04-06 16:24:49 +02:00
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl scroller-2wx7Hm">
2019-09-23 12:01:10 +02:00
<div style="width: 100%; height: 84px; visibility: hidden;"></div>
2019-06-06 17:08:27 +02:00
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">default text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2019-03-08 13:24:53 +01:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2019-03-08 13:24:53 +01:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq selected-37j_iU" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeSelected-1zApJ_" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">selected text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"></path>
<path fill="currentColor" d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"></path>
</svg>
<div class="name-3_Dsmg">unlocked text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-05-21 15:45:43 +02:00
</svg>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2019-05-21 15:45:43 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeMuted-3osy7j" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">muted text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeUnread-1zpFdA" role="button">
<div class="unread-3zKkbm"></div>
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">unread text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" d="M14 8C14 7.44772 13.5523 7 13 7H9.76001L10.3657 3.58738C10.4201 3.28107 10.1845 3 9.87344 3H8.88907C8.64664 3 8.43914 3.17391 8.39677 3.41262L7.76001 7H4.18011C3.93722 7 3.72946 7.17456 3.68759 7.41381L3.51259 8.41381C3.45905 8.71977 3.69449 9 4.00511 9H7.41001L6.35001 15H2.77011C2.52722 15 2.31946 15.1746 2.27759 15.4138L2.10259 16.4138C2.04905 16.7198 2.28449 17 2.59511 17H6.00001L5.39427 20.4126C5.3399 20.7189 5.57547 21 5.88657 21H6.87094C7.11337 21 7.32088 20.8261 7.36325 20.5874L8.00001 17H14L13.3943 20.4126C13.3399 20.7189 13.5755 21 13.8866 21H14.8709C15.1134 21 15.3209 20.8261 15.3632 20.5874L16 17H19.5799C19.8228 17 20.0306 16.8254 20.0724 16.5862L20.2474 15.5862C20.301 15.2802 20.0655 15 19.7549 15H16.35L16.6758 13.1558C16.7823 12.5529 16.3186 12 15.7063 12C15.2286 12 14.8199 12.3429 14.7368 12.8133L14.3504 15H8.35045L9.41045 9H13C13.5523 9 14 8.55228 14 8Z"></path>
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M19.8914 3.80204L22.2438 8.55654C22.5726 9.22119 22.0891 9.99999 21.3475 10L16.6179 10C15.8745 10 15.391 9.21769 15.7235 8.55279L18.1007 3.79829C18.4701 3.05951 19.5251 3.06172 19.8914 3.80204ZM18.4998 5H19.4999V7.5H18.4999L18.4998 5ZM18.4998 8.49887C18.4998 8.77589 18.7238 9 18.9998 9C19.2759 9 19.4999 8.77589 19.4999 8.49887C19.4999 8.22224 19.2759 7.99773 18.9998 7.99773C18.7238 7.99773 18.4998 8.22224 18.4998 8.49887Z"></path>
</svg>
<div class="name-3_Dsmg">nsfw text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
</svg>
<div class="name-3_Dsmg">default voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeSelected-1zApJ_" role="button">
<div class="content-3at_AU">
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
</svg>
<div class="name-3_Dsmg">selected voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="list-2bwCXU list-19h6Fv listDefault-2y5Z9D">
<div draggable="true">
<div class="draggable-1KoBzC">
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
<div class="content-3xS9Lh">
2019-07-29 18:26:48 +02:00
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: url(REPLACE_AVATAR);"></div>
2019-06-06 17:08:27 +02:00
<div class="usernameFont-aFalyR username-lm8y6T">(default) REPLACE_USERNAME</div>
2019-08-29 10:44:05 +02:00
<div class="icons-3q-_6z"><div class="iconSpacing-3LzVxF"><div class="liveRed-lUmv1v live-2o_S8y liveSmall-HChhc3">Live</div></div></div>
2019-04-29 13:40:06 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-04-29 20:31:57 +02:00
</div>
2019-06-06 17:08:27 +02:00
</div>
<div draggable="true">
<div class="draggable-1KoBzC">
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
<div class="content-3xS9Lh">
2019-07-29 18:26:48 +02:00
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1 avatarSpeaking-3MqCHL" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=);"></div>
2019-06-06 17:08:27 +02:00
<div class="usernameFont-aFalyR username-lm8y6T usernameSpeaking-2xbKKh">(speaking) DevilBro</div>
2019-04-29 13:40:06 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div draggable="true">
<div class="draggable-1KoBzC">
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
<div class="content-3xS9Lh">
2019-07-29 18:26:48 +02:00
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png?size=);"></div>
2019-06-06 17:08:27 +02:00
<div class="usernameFont-aFalyR username-lm8y6T">(muted) Bad Bot</div>
<div class="icons-3q-_6z">
<div class="iconSpacing-3LzVxF">
<svg class="icon-3BcwQu" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M21 4.27L19.73 3L3 19.73L4.27 21L8.46 16.82L9.69 15.58L11.35 13.92L14.99 10.28L21 4.27Z"></path>
<path fill="currentColor" d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"></path>
<path fill="currentColor" d="M9.01 11.085C9.015 11.1125 9.02 11.14 9.02 11.17L15 5.18V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 11.03 9.005 11.0575 9.01 11.085Z"></path>
<path fill="currentColor" d="M11.7237 16.0927L10.9632 16.8531L10.2533 17.5688C10.4978 17.633 10.747 17.6839 11 17.72V21H13V17.72C16.28 17.23 19 14.41 19 11H17.3C17.3 14 14.76 16.1 12 16.1C11.9076 16.1 11.8155 16.0975 11.7237 16.0927Z"></path>
</svg>
</div>
<div class="iconSpacing-3LzVxF">
<svg class="icon-3BcwQu" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M6.16204 15.0065C6.10859 15.0022 6.05455 15 6 15H4V12C4 7.588 7.589 4 12 4C13.4809 4 14.8691 4.40439 16.0599 5.10859L17.5102 3.65835C15.9292 2.61064 14.0346 2 12 2C6.486 2 2 6.485 2 12V19.1685L6.16204 15.0065Z"></path>
<path fill="currentColor" d="M19.725 9.91686C19.9043 10.5813 20 11.2796 20 12V15H18C16.896 15 16 15.896 16 17V20C16 21.104 16.896 22 18 22H20C21.105 22 22 21.104 22 20V12C22 10.7075 21.7536 9.47149 21.3053 8.33658L19.725 9.91686Z"></path>
<path fill="currentColor" d="M3.20101 23.6243L1.7868 22.2101L21.5858 2.41113L23 3.82535L3.20101 23.6243Z"></path>
</svg>
2019-04-29 20:31:57 +02:00
</div>
</div>
</div>
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeConnected-2IEL4z" role="button">
<div class="content-3at_AU">
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
</svg>
<div class="name-3_Dsmg">connected voice (collapsed)</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 20:16:52 +02:00
</svg>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2019-04-29 20:16:52 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="list-2bwCXU collapsed-3x0tkj list-19h6Fv listCollapse-3fl5Gb">
<div draggable="true">
<div class="draggable-1KoBzC">
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
<div class="content-3xS9Lh">
2019-07-29 18:26:48 +02:00
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: url(REPLACE_AVATAR);"></div>
2019-04-29 20:16:52 +02:00
</div>
</div>
2019-04-29 20:31:57 +02:00
</div>
2019-06-06 17:08:27 +02:00
</div>
<div draggable="true">
<div class="draggable-1KoBzC">
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
<div class="content-3xS9Lh">
2019-07-29 18:26:48 +02:00
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1 avatarSpeaking-3MqCHL" style="background-image: url(https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=);"></div>
2019-04-29 20:16:52 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div draggable="true">
<div class="draggable-1KoBzC">
<div tabindex="0" class="voiceUser-14U_Ns clickable-23RaYz userSmall-2t9H7n" role="button">
<div class="content-3xS9Lh">
2019-07-29 18:26:48 +02:00
<div class="avatarContainer-2inGBK avatar-3elDyV avatarSmall-2CW6I1" style="background-image: url(https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png?size=);"></div>
2019-04-29 20:33:13 +02:00
</div>
</div>
</div>
2019-04-29 20:16:52 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
</svg>
<div class="name-3_Dsmg">limited voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
<div class="userLimit-64AFxe">
<div class="wrapper-pZmgj4">
<span class="users-i_3-kL">00</span>
<span class="total-3tKGEB">49</span>
2019-05-21 15:45:43 +02:00
</div>
</div>
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M15 12C15 12.0007 15 12.0013 15 12.002C15 12.553 14.551 13.002 14 13.002V15.002C15.654 15.002 17 13.657 17 12.002C17 12.0013 17 12.0007 17 12H15ZM19 12C19 12.0007 19 12.0013 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 12.0013 21 12.0007 21 12H19ZM10.293 3.29604C10.579 3.01004 11.009 2.92504 11.383 3.07904C11.757 3.23204 12 3.59904 12 4.00204V20.002C12 20.407 11.757 20.772 11.383 20.927C11.009 21.082 10.579 20.996 10.293 20.71L6 16.002H3C2.45 16.002 2 15.552 2 15.002V9.00204C2 8.45304 2.45 8.00204 3 8.00204H6L10.293 3.29604Z"></path>
<path fill="currentColor" d="M21.025 5V4C21.025 2.88 20.05 2 19 2C17.95 2 17 2.88 17 4V5C16.4477 5 16 5.44772 16 6V9C16 9.55228 16.4477 10 17 10H19H21C21.5523 10 22 9.55228 22 9V5.975C22 5.43652 21.5635 5 21.025 5ZM20 5H18V4C18 3.42857 18.4667 3 19 3C19.5333 3 20 3.42857 20 4V5Z"></path>
</svg>
<div class="name-3_Dsmg">unlocked voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
2018-12-18 19:57:10 +01:00
</div>
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div class="containerDefault-1ZnADq">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeLocked-SZJhTy" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" class="icon-1_QxNX" viewBox="0 0 24 24">
<path fill="currentColor" d="M17 11V7C17 4.243 14.756 2 12 2C9.242 2 7 4.243 7 7V11C5.897 11 5 11.896 5 13V20C5 21.103 5.897 22 7 22H17C18.103 22 19 21.103 19 20V13C19 11.896 18.103 11 17 11ZM12 18C11.172 18 10.5 17.328 10.5 16.5C10.5 15.672 11.172 15 12 15C12.828 15 13.5 15.672 13.5 16.5C13.5 17.328 12.828 18 12 18ZM15 11H9V7C9 5.346 10.346 4 12 4C13.654 4 15 5.346 15 7V11Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
2019-06-06 17:08:27 +02:00
<div class="name-3_Dsmg">locked voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-3GGEv_" draggable="true">
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 clickable-18m--O" role="button">
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
</svg>
2019-09-23 12:01:10 +02:00
<header class="name-IbjUBS container-2ax-kl">category</header>
2019-06-06 17:08:27 +02:00
<div class="children-13TY0l">
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
</svg>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
</button>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">default text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
</div>
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-04-29 13:40:06 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd modeUnread-1zpFdA" role="button">
<div class="unread-3zKkbm"></div>
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">unread text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
<div class="mentionsBadge-7f5lud iconBase-2IHuka">
<div class="numberBadge-2s8kKX base-PmTxvP" style="background-color: rgb(240, 71, 71); width: 16px; padding-right: 1px;">1</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
2019-06-06 17:08:27 +02:00
<div class="name-3_Dsmg">default voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div class="containerDefault-3GGEv_" draggable="true">
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 collapsed-4WdoJ7 clickable-18m--O" role="button">
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
</svg>
2019-09-23 12:01:10 +02:00
<header class="name-IbjUBS container-2ax-kl">collapsed category</header>
2019-06-06 17:08:27 +02:00
<div class="children-13TY0l">
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
</svg>
</div>
</button>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-3GGEv_" draggable="true">
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 muted-1NRuDm clickable-18m--O" role="button">
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
</svg>
2019-09-23 12:01:10 +02:00
<header class="name-IbjUBS container-2ax-kl">muted category</header>
2019-06-06 17:08:27 +02:00
<div class="children-13TY0l">
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
</svg>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
</button>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-1_QxNX">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
<div class="name-3_Dsmg">default text</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2019-04-29 13:40:06 +02:00
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-06-06 17:08:27 +02:00
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
<div class="containerDefault-1ZnADq" draggable="true">
<div tabindex="0" class="iconVisibility-1bOqu7 wrapper-1ucjTd" role="button">
<div class="content-3at_AU">
<svg name="Speaker" class="icon-1_QxNX" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
2019-06-06 17:08:27 +02:00
<div class="name-3_Dsmg">default voice</div>
<div class="children-Bmpf2Q">
<div class="iconItem-1-bXkn iconBase-2IHuka">
<div tabindex="0" role="button">
<svg name="Invite" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" d="M14 2H16V3H14V5H13V3H11V2H13V0H14V2Z"></path>
<path fill="currentColor" d="M6.5 8.00667C7.88 8.00667 9 6.88667 9 5.50667C9 4.12667 7.88 3.00667 6.5 3.00667C5.12 3.00667 4 4.12667 4 5.50667C4 6.88667 5.12 8.00667 6.5 8.00667Z"></path>
<path fill="currentColor" d="M6.5 8.34C3.26 8.34 1 9.98666 1 12.34V13.0067H12V12.34C12 9.98 9.74 8.34 6.5 8.34Z"></path>
2018-10-11 10:21:26 +02:00
</svg>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div tabindex="0" class="iconItem-1-bXkn iconBase-2IHuka" role="button">
<svg name="Gear" class="actionIcon-2Hi9ZG" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 7V9C14 9 12.5867 9 12.5733 9.00667C12.42 9.58667 12.1733 10.1267 11.84 10.6067L12.74 11.5067L11.4933 12.7533L10.5933 11.8533C10.1133 12.1867 9.57334 12.44 8.99334 12.5867V14H6.99334V12.58C6.41334 12.4333 5.87334 12.18 5.39334 11.8467L4.49333 12.7467L3.24667 11.5L4.14667 10.6C3.81333 10.1267 3.56 9.58 3.41333 9H2V7H3.41333C3.56 6.42 3.81333 5.88 4.14667 5.4L3.24667 4.5L4.5 3.24667L5.4 4.14667C5.87334 3.81333 6.42 3.56 7 3.41333V2H9V3.41333C9.58 3.56667 10.12 3.81333 10.6 4.14667L11.5067 3.25333L12.7533 4.5L11.8533 5.4C12.1867 5.87334 12.44 6.42 12.5867 7H14ZM8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"></path>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-06-06 17:08:27 +02:00
</div>
<div class="containerDefault-3GGEv_" draggable="true">
<div tabindex="0" class="iconVisibility-1yaA_k wrapper-CU3qI5 muted-1NRuDm collapsed-4WdoJ7 clickable-18m--O" role="button">
<svg class="icon-WnO6o2" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M16.59 8.59004L12 13.17L7.41 8.59004L6 10L12 16L18 10L16.59 8.59004Z"></path>
</svg>
2019-09-23 12:01:10 +02:00
<header class="name-IbjUBS container-2ax-kl">collapsed muted category</header>
2019-06-06 17:08:27 +02:00
<div class="children-13TY0l">
<button type="button" class="addButton-1BORro forceVisible-3iHxvH button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="PlusAlt" class="addButtonIcon-3u-3Hu" width="18" height="18" viewBox="0 0 18 18">
<polygon fill-rule="nonzero" fill="#ffffff" points="15 10 10 10 10 15 8 15 8 10 3 10 3 8 8 8 8 3 10 3 10 8 15 8"></polygon>
</svg>
</div>
</button>
</div>
</div>
</div>
<div style="width: 100%; height: 16px; visibility: hidden;"></div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:01:10 +02:00
<div class="unreadBottom-3hWQ7c unread-1s3J68 container-35XQWE">
<div class="bar-30k2ka unreadBar-3YD_k9 unread-1xRYoj active-1SSsBb" style="transform: translateY(180%);">
<span class="text-2e2ZyG">New Unreads</span>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-09-23 12:01:10 +02:00
<div class="panels-j1Uci_">
<div class="container-1giJp5">
<div class="inner-tyMogq">
<div class="rtcConnectionStatus-2-jIsi rtcConnectionQualityFine-2J6i8z">
<svg class="ping-2NgC8E" width="11" height="12" viewBox="0 0 11 12" aria-label="26 ms">
<rect class="active-2h1NLh" x="0" y="8" width="3" height="4" rx="1"></rect>
<rect class="active-2h1NLh" x="4" y="4" width="3" height="8" rx="1"></rect>
<rect class="active-2h1NLh" x="8" y="0" width="3" height="12" rx="1"></rect>
</svg>
<div class="labelWrapper-Pniq53">
<div class="size14-e6ZScH title-eS5yk3 rtcConnectionStatusConnected-VRZDjy">Voice Connected</div>
<a href="">
<div class="size10-tblYdA subtext-3CDbHg channel-1TmDQ6">selected voice / Selected Server</div>
</a>
</div>
2019-04-29 13:40:06 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-09-23 12:01:10 +02:00
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 0 auto;">
<div class="customStatusContainer-3MngWi">
<button aria-label="Set Voice Status" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="HappyBubble" aria-hidden="false" width="18" height="18" viewBox="0 0 18 18">
<path d="M14.9985 1.5H2.99853C2.17054 1.5 1.49854 2.17125 1.49854 3V12C1.49854 12.828 2.17054 13.5 2.99853 13.5H3.74853V16.5L6.74853 13.5H14.9985C15.8273 13.5 16.4985 12.828 16.4985 12V3C16.4985 2.17125 15.8273 1.5 14.9985 1.5ZM11.2485 4.3125C11.7653 4.3125 12.186 4.7325 12.186 5.25C12.186 5.7675 11.766 6.1875 11.2485 6.1875C10.7318 6.1875 10.311 5.7675 10.311 5.25C10.311 4.7325 10.7318 4.3125 11.2485 4.3125ZM6.74853 4.3125C7.26528 4.3125 7.68603 4.7325 7.68603 5.25C7.68603 5.7675 7.26528 6.1875 6.74853 6.1875C6.23178 6.1875 5.81103 5.7675 5.81103 5.25C5.81103 4.7325 6.23178 4.3125 6.74853 4.3125ZM8.99853 10.5C7.46103 10.5 6.14403 9.573 5.56503 8.25H12.432C11.853 9.573 10.536 10.5 8.99853 10.5Z" fill="currentColor"></path>
</svg>
</div>
</button>
</div>
<button aria-label="Disconnect" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
2019-06-16 17:13:08 +02:00
<div class="contents-18-Yxp">
2019-09-23 12:01:10 +02:00
<svg name="Nova_CallLeave" aria-hidden="false" width="18" height="18" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M21.1169 1.11603L22.8839 2.88403L19.7679 6.00003L22.8839 9.11603L21.1169 10.884L17.9999 7.76803L14.8839 10.884L13.1169 9.11603L16.2329 6.00003L13.1169 2.88403L14.8839 1.11603L17.9999 4.23203L21.1169 1.11603ZM18 22H13C6.925 22 2 17.075 2 11V6C2 5.447 2.448 5 3 5H7C7.553 5 8 5.447 8 6V10C8 10.553 7.553 11 7 11H6C6.063 14.938 9 18 13 18V17C13 16.447 13.447 16 14 16H18C18.553 16 19 16.447 19 17V21C19 21.553 18.553 22 18 22Z"></path>
2019-06-16 17:13:08 +02:00
</svg>
</div>
</button>
2019-04-29 13:40:06 +02:00
</div>
2019-09-23 12:01:10 +02:00
</div>
<div class="panel-24C3ux activityPanel-28dQGo">
<div class="body-GmmuPm">
<div class="gameWrapper-1jIQAX">
<svg class="gameIcon-gg34Dz medium-2wqF9d gameIcon-2YB8Et" width="24" height="24" viewBox="0 0 40 40">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" fill-opacity=".8" d="M21.226 30v-4.154h-3.755V30h3.755zm-.512-8.62c3.67-1.337 5.718-2.959 5.718-6.145 0-3.272-2.36-5.235-6.088-5.235-2.589 0-4.637.825-6.344 2.048l.484 3.3c1.621-1.251 3.47-2.162 5.49-2.162 1.707 0 2.845.854 2.845 2.305 0 1.593-1.08 2.475-3.812 3.442l-.882.342.342 4.523 2.076-.455.171-1.963z"></path>
<rect width="38" height="38" x="1" y="1" stroke="currentColor" stroke-opacity=".4" stroke-width="2" rx="5"></rect>
<circle cx="7" cy="7" r="2" fill="currentColor" fill-opacity=".4"></circle>
<circle cx="7" cy="33" r="2" fill="currentColor" fill-opacity=".4"></circle>
<circle cx="33" cy="7" r="2" fill="currentColor" fill-opacity=".4"></circle>
<circle cx="33" cy="33" r="2" fill="currentColor" fill-opacity=".4"></circle>
</g>
2019-06-16 17:13:08 +02:00
</svg>
2019-09-23 12:01:10 +02:00
<div class="size14-e6ZScH title-eS5yk3 gameName-13va7o" title="Game">Game</div>
</div>
<div class="actions-aUdUfC">
<button aria-label="Stop Streaming" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp buttonInner-37locn">
<svg name="StopStream" class="actionIcon-18tUO4" aria-hidden="false" width="18" height="18" viewBox="0 0 24 24">
<path d="M18,12v3H2V6H13V4H2A2,2,0,0,0,0,6V17a2,2,0,0,0,2,2H9v2H5v2H15V21H11V19h7a2,2,0,0,0,2-2V12H18Z" fill="currentColor"></path>
<polygon points="23 3.41 21.59 2 19.12 4.48 16.64 2 15.23 3.41 17.71 5.88 15.23 8.36 16.64 9.77 19.12 7.29 21.59 9.77 23 8.36 20.52 5.88 23 3.41" fill="currentColor"></polygon>
</svg>
</div>
</button>
2019-06-16 17:13:08 +02:00
</div>
2019-08-29 10:44:05 +02:00
</div>
2019-09-23 12:01:10 +02:00
</div>
<div class="container-3baos1">
<div tabindex="0" aria-controls="popout_47" aria-expanded="false" aria-label="Set status" role="button">
<div tabindex="0" aria-label="Set status" class="avatarWrapper-2yR4wp" role="button">
<div class="avatar-SmRMf2 wrapper-3t9DeA" role="img" aria-label="DevilBro, Online" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="REPLACE_AVATAR" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#43b581" mask="url(#svg-mask-status-online)" class="pointerEvents-2zdfdO"></rect>
2019-08-29 10:44:05 +02:00
</svg>
</div>
2019-07-29 20:11:04 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-09-23 12:01:10 +02:00
<div class="nameTag-3uD-yy">
<div class="colorStandard-2KCXvj size14-e6ZScH usernameContainer-1fp4nu">
<span class="size14-e6ZScH title-eS5yk3">REPLACE_USERNAME</span>
2019-06-16 17:13:08 +02:00
</div>
2019-09-23 12:01:10 +02:00
<div class="size10-tblYdA subtext-3CDbHg">#REPLACE_DISCRIMINATOR</div>
</div>
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 0 1 auto;">
<button aria-label="Mute" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="Nova_Microphone" aria-hidden="false" width="18" height="18" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V22H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1Z" fill="currentColor"/>
2019-06-16 17:13:08 +02:00
</svg>
2019-09-23 12:01:10 +02:00
</div>
</button>
<button aria-label="Disable Speakers" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="Nova_Headset" aria-hidden="false" width="18" height="18" viewBox="0 0 24 24">
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M12 2.00305C6.486 2.00305 2 6.48805 2 12.0031V20.0031C2 21.1071 2.895 22.0031 4 22.0031H6C7.104 22.0031 8 21.1071 8 20.0031V17.0031C8 15.8991 7.104 15.0031 6 15.0031H4V12.0031C4 7.59105 7.589 4.00305 12 4.00305C16.411 4.00305 20 7.59105 20 12.0031V15.0031H18C16.896 15.0031 16 15.8991 16 17.0031V20.0031C16 21.1071 16.896 22.0031 18 22.0031H20C21.104 22.0031 22 21.1071 22 20.0031V12.0031C22 6.48805 17.514 2.00305 12 2.00305Z" fill="currentColor"></path>
</svg>
</svg>
</div>
</button>
<button aria-label="Usersettings" type="button" class="button-14-BFJ enabled-2cQ-u7 button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<svg name="Gear" aria-hidden="false" width="18" height="18" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"></path>
</svg>
</div>
</button>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-09-23 12:08:54 +02:00
<div class="chat-3bRxxu">
<div class="title-3qD0b- container-1r6BKw themed-ANHk51">
2019-04-29 12:25:49 +02:00
<div class="children-19S4PO">
<div class="iconWrapper-2OrFZ1">
<svg width="24" height="24" viewBox="0 0 24 24" class="icon-22AiRD">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path>
</svg>
2018-10-11 10:21:26 +02:00
</div>
2019-04-29 12:25:49 +02:00
<h3 role="button" class="title-29uC1r base-1x0h_U size16-1P40sf">selected text</h3>
<div class="divider-3FBTu8"></div>
<div class="topic-TCb_qw expandable-9fI_e3">This is a Theme Preview inside a Dummy Version of Discord.</div>
</div>
<div class="toolbar-1t6TWx">
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_Bell" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M18 9V14C18 15.657 19.344 17 21 17V18H3V17C4.656 17 6 15.657 6 14V9C6 5.686 8.686 3 12 3C15.314 3 18 5.686 18 9ZM11.9999 21C10.5239 21 9.24793 20.19 8.55493 19H15.4449C14.7519 20.19 13.4759 21 11.9999 21Z"></path>
</svg>
</div>
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_Pin" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M22 12L12.101 2.10101L10.686 3.51401L12.101 4.92901L7.15096 9.87801V9.88001L5.73596 8.46501L4.32196 9.88001L8.56496 14.122L2.90796 19.778L4.32196 21.192L9.97896 15.536L14.222 19.778L15.636 18.364L14.222 16.95L19.171 12H19.172L20.586 13.414L22 12Z"></path>
</svg>
</div>
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn selected-1GqIat" role="button">
<svg x="0" y="0" name="Nova_People" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"></path>
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M14 8.00598C14 10.211 12.206 12.006 10 12.006C7.795 12.006 6 10.211 6 8.00598C6 5.80098 7.794 4.00598 10 4.00598C12.206 4.00598 14 5.80098 14 8.00598ZM2 19.006C2 15.473 5.29 13.006 10 13.006C14.711 13.006 18 15.473 18 19.006V20.006H2V19.006Z"></path>
<path fill="currentColor" d="M20.0001 20.006H22.0001V19.006C22.0001 16.4433 20.2697 14.4415 17.5213 13.5352C19.0621 14.9127 20.0001 16.8059 20.0001 19.006V20.006Z"></path>
<path fill="currentColor" d="M14.8834 11.9077C16.6657 11.5044 18.0001 9.9077 18.0001 8.00598C18.0001 5.96916 16.4693 4.28218 14.4971 4.0367C15.4322 5.09511 16.0001 6.48524 16.0001 8.00598C16.0001 9.44888 15.4889 10.7742 14.6378 11.8102C14.7203 11.8418 14.8022 11.8743 14.8834 11.9077Z"></path>
</svg>
</div>
<div class="search-36MZv-">
<div tabindex="0" class="search-2oPWTC" role="button">
<div class="searchBar-3dMhjb">
<div class="DraftEditor-root">
<div class="public-DraftEditorPlaceholder-root">
<div class="public-DraftEditorPlaceholder-inner" id="placeholder-37gul" style="white-space: pre-wrap;">Search</div>
</div>
<div class="DraftEditor-editorContainer">
<div aria-describedby="placeholder-37gul" class="notranslate public-DraftEditor-content" contenteditable="true" role="textbox" spellcheck="false" style="outline: none; user-select: text; white-space: pre-wrap; overflow-wrap: break-word;">
<div data-contents="true">
<div class="" data-block="true" data-editor="37gul" data-offset-key="bipru-0-0">
<div data-offset-key="bipru-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr">
<span data-offset-key="bipru-0-0">
<br data-text="true">
</span>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
</div>
2019-04-29 12:25:49 +02:00
</div>
<div tabindex="0" class="icon-38sknP iconLayout-1WxHy4 small-1lPjda" role="button">
<div class="iconContainer-O4O2CN">
<svg name="Search" class="icon-3cZ1F_ visible-3V0mGj" width="18" height="18" viewBox="0 0 18 18">
<g fill="none" fill-rule="evenodd">
<path fill="currentColor" d="M3.60091481,7.20297313 C3.60091481,5.20983419 5.20983419,3.60091481 7.20297313,3.60091481 C9.19611206,3.60091481 10.8050314,5.20983419 10.8050314,7.20297313 C10.8050314,9.19611206 9.19611206,10.8050314 7.20297313,10.8050314 C5.20983419,10.8050314 3.60091481,9.19611206 3.60091481,7.20297313 Z M12.0057176,10.8050314 L11.3733562,10.8050314 L11.1492281,10.5889079 C11.9336764,9.67638651 12.4059463,8.49170955 12.4059463,7.20297313 C12.4059463,4.32933105 10.0766152,2 7.20297313,2 C4.32933105,2 2,4.32933105 2,7.20297313 C2,10.0766152 4.32933105,12.4059463 7.20297313,12.4059463 C8.49170955,12.4059463 9.67638651,11.9336764 10.5889079,11.1492281 L10.8050314,11.3733562 L10.8050314,12.0057176 L14.8073185,16 L16,14.8073185 L12.2102538,11.0099776 L12.0057176,10.8050314 Z"></path>
</g>
</svg>
<svg name="Close" class="icon-3cZ1F_" width="12" height="12" viewBox="0 0 12 12">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h12v12H0"></path>
<path class="fill" fill="currentColor" d="M9.5 3.205L8.795 2.5 6 5.295 3.205 2.5l-.705.705L5.295 6 2.5 8.795l.705.705L6 6.705 8.795 9.5l.705-.705L6.705 6"></path>
</g>
</svg>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
</div>
2019-04-29 12:25:49 +02:00
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_At" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M12 2C6.486 2 2 6.486 2 12C2 17.515 6.486 22 12 22C14.039 22 15.993 21.398 17.652 20.259L16.521 18.611C15.195 19.519 13.633 20 12 20C7.589 20 4 16.411 4 12C4 7.589 7.589 4 12 4C16.411 4 20 7.589 20 12V12.782C20 14.17 19.402 15 18.4 15L18.398 15.018C18.338 15.005 18.273 15 18.209 15H18C17.437 15 16.6 14.182 16.6 13.631V12C16.6 9.464 14.537 7.4 12 7.4C9.463 7.4 7.4 9.463 7.4 12C7.4 14.537 9.463 16.6 12 16.6C13.234 16.6 14.35 16.106 15.177 15.313C15.826 16.269 16.93 17 18 17L18.002 16.981C18.064 16.994 18.129 17 18.195 17H18.4C20.552 17 22 15.306 22 12.782V12C22 6.486 17.514 2 12 2ZM12 14.599C10.566 14.599 9.4 13.433 9.4 11.999C9.4 10.565 10.566 9.399 12 9.399C13.434 9.399 14.6 10.565 14.6 11.999C14.6 13.433 13.434 14.599 12 14.599Z"></path>
</svg>
</div>
<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" href="https://support.discordapp.com" rel="noreferrer noopener" target="_blank">
<div tabindex="0" class="iconWrapper-2OrFZ1 clickable-3rdHwn" role="button">
<svg x="0" y="0" name="Nova_Help" class="icon-22AiRD" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" d="M12 2C6.486 2 2 6.487 2 12C2 17.515 6.486 22 12 22C17.514 22 22 17.515 22 12C22 6.487 17.514 2 12 2ZM12 18.25C11.31 18.25 10.75 17.691 10.75 17C10.75 16.31 11.31 15.75 12 15.75C12.69 15.75 13.25 16.31 13.25 17C13.25 17.691 12.69 18.25 12 18.25ZM13 13.875V15H11V12H12C13.104 12 14 11.103 14 10C14 8.896 13.104 8 12 8C10.896 8 10 8.896 10 10H8C8 7.795 9.795 6 12 6C14.205 6 16 7.795 16 10C16 11.861 14.723 13.429 13 13.875Z"></path>
</svg>
</div>
</a>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:08:54 +02:00
<div class="content-yTz4x3">
2019-01-22 12:31:03 +01:00
<div class="spacer-1fA9zc vertical-V37hAW flex-1O1GKY directionColumn-35P_nr" style="position: relative;">
2018-10-11 10:21:26 +02:00
<div class="messagesWrapper-3lZDfY">
2019-09-23 12:08:54 +02:00
<div class="newMessagesBar-mujexs barBase-39XTcM">
<button type="button" class="barButtonMain-1giYuj barButtonBase-3UKlW2" aria-label="Jump to last unread message" aria-describedby="NewMessagesBarJumpToNewMessages_199">
<span id="NewMessagesBarJumpToNewMessages_199" class="span-3ncFWM">10&nbsp;new messages since Forever</span>
</button>
<button type="button" class="barButtonAlt-3gIkIj barButtonBase-3UKlW2">Mark As Read
<svg name="Nova_ChatCheck" class="barButtonIcon-3FGqPD" aria-hidden="false" width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M12.291 5.70697L15.998 9.41397L21.705 3.70697L20.291 2.29297L15.998 6.58597L13.705 4.29297L12.291 5.70697ZM1.99805 7H11.088C11.564 9.837 14.025 12 16.998 12V18C16.998 19.103 16.102 20 14.998 20H8.33205L2.99805 24V20H1.99805C0.894047 20 -0.00195312 19.103 -0.00195312 18V9C-0.00195312 7.897 0.894047 7 1.99805 7Z"></path>
</svg>
</button>
2018-10-11 10:21:26 +02:00
</div>
2019-01-14 20:12:36 +01:00
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerWrap-2su1QI scrollerThemed-2oenus themedWithTrack-q8E3vB">
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl messages-3amgkR">
2018-10-11 10:21:26 +02:00
<div class="default-1VPH9n base-34jWEe">
<h1 class="old-h1">Welcome to the beginning of the <strong>#adsdas</strong> channel.</h1>
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;" user_by_bdfdb="278543574059057154">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Last Saturday at 3:25 PM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="markup-2BOw-j">Thanks for choosing to use my Theme Repo Plugin to find a Theme of your liking. If you have suggestions or are looking for more of my Plugins, feel free to visit my git at <a title="https://github.com/mwittrien/BetterDiscordAddons/" href="https://github.com/mwittrien/BetterDiscordAddons" target="_blank" rel="noreferrer">https://github.com/mwittrien/BetterDiscordAddons/</a></div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
2019-01-28 11:38:54 +01:00
<div class="embed-IeVjo6 embedWrapper-3AbfJJ">
<div class="embedPill-1Zntps" style="background-color: rgb(30, 35, 39);"></div>
<div class="embedInner-1-fpTo">
<div class="embedContent-3fnYWm">
<div class="embedContentInner-FBnk7v markup-2BOw-j">
<div class="">
<span class="embedProvider-3k5pfl">GitHub</span>
</div>
<div class="embedMargin-UO5XwE">
<a target="_blank" rel="noreferrer noopener" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://github.com/mwittrien/BetterDiscordAddons/">mwittrien/BetterDiscordAddons</a>
</div>
<div class="embedDescription-1Cuq9a embedMargin-UO5XwE">BetterDiscordAddons - A series of plugins and themes for BetterDiscord.</div>
</div>
<a target="_blank" rel="noreferrer noopener" class="imageWrapper-2p5ogY imageZoom-1n-ADA clickable-3Ya1ho embedThumbnail-2Y84-K" href="https://github.com/mwittrien/BetterDiscordAddons/" style="width: 80px; height: 80px;">
<img src="https://i.imgur.com/EZUorCa.png?1" style="width: 80px; height: 80px;"></img>
</a>
</div>
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
<hr class="divider-32i8lo">
</div>
<div class="divider-3gKybi divider-3zi9LO">
<span class="dividerContent-2L12VI">November 21, 2017</span>
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="REPLACE_AVATAR" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Last Tuesday at 7:06 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
2019-01-28 11:38:54 +01:00
<div class="markup-2BOw-j">
<code class="inline">Codeline</code>
<pre>
<code class="scrollbarGhost-2F9Zj2 scrollbar-3dvm_9 hljs">Normal CodeBlock<br>Second Line<br>Third Line</code>
</pre>
<pre>
<code class="scrollbarGhost-2F9Zj2 scrollbar-3dvm_9 hljs CSS"><span class="hljs-selector-tag">CSS CodeBlock</span><br><span class="hljs-selector-tag">Second Line</span><br><span class="hljs-selector-tag">Third Line</span></code>
</pre>
<span class="edited-DL9ECl">(edited)</span>
</div>
2018-10-11 10:21:26 +02:00
</div>
<div class="containerCozy-B4noqO container-1e22Ot"></div>
</div>
</div>
<hr class="divider-32i8lo">
</div>
<div class="divider-3gKybi divider-3zi9LO">
<span class="dividerContent-2L12VI">November 27, 2017</span>
</div>
<div class="messageGroupBlocked-3wrQQX">
<div class="messageGroupBlockedBtn-1PBBh-">1 Blocked Messages</div>
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="REPLACE_AVATAR" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 8:55 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="isMentionedCozy-3isp7y isMentioned-N-h9aa containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="markup-2BOw-j"><span class="mention wrapperHover-1GktnT wrapper-3WhCwL" style="color: rgb(26, 188, 156); background: rgba(26, 188, 156, 0.1);">@REPLACE_USERNAME</span></div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot"></div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="messageGroupBlocked-3wrQQX revealed-1_RKsf">
<div class="messageGroupBlockedBtn-1PBBh-">1 Blocked Message</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button">Anonymous</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 10:00 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="markup-2BOw-j">Revealed Blocked Message</div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot"></div>
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;" user_by_bdfdb="278543574059057154">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:10 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="markup-2BOw-j">Expired<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a></div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
<div class="content-2U5lSY">
<div class="guildIconExpired-2Qcq05 guildIcon-lQ0uiM"></div>
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="guildNameExpired-2Hp80V marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Invite Expired</div>
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">Ask DevilBro for a new invite!</div>
</div>
</div>
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookFilled-1Gx00P colorBrand-3pXr91 buttonSize-DbrWhv grow-q77ONN">
<div class="contents-18-Yxp buttonInner-1IRxqd">
<div class="buttonContent-18Mz6_">Mention</div>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png?size=?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(52, 152, 219);">Bad Bot</strong><span class="botTagRegular-2HEhHi botTag-2WPJ74 botTagCozy-1875JY botTag-2BhDSU">BOT</span>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:15 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="markup-2BOw-j">Valid<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a><span class="edited-DL9ECl">(edited)</span></div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
<div class="content-2U5lSY">
<div class="icon-3o6xvg guildIconImage-3qTk45 guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z" style="background-image: url(https://i.imgur.com/EZUorCa.png?1);"></div>
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">My Server</div>
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">
<i class="statusOnline-8PnF5L status-2L8Zc7"></i>
<span class="onlineCount-w6_WmG">50 Online</span>
<i class="statusOffline-37RKt7 status-2L8Zc7"></i>
<span>100 Member</span>
</div>
</div>
</div>
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookFilled-1Gx00P colorGreen-29iAKY buttonSize-DbrWhv grow-q77ONN">
<div class="contents-18-Yxp buttonInner-1IRxqd">
<div class="buttonContent-18Mz6_">Join</div>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="REPLACE_AVATAR" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 11:20 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="markup-2BOw-j">Accepted<br><a title="https://discord.gg/" target="_blank" rel="noreferrer">https://discord.gg/</a><span class="edited-DL9ECl">(edited)</span></div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
<div class="wrapper-35wsBm userSelectNone-Iy6XEP cursorDefault-331ZcI">
<h5 class="h5-18_1nd title-3sZWYQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi header-2BTCnc marginBottom8-AtZOdT">You've been invited to join a server</h5>
<div class="content-2U5lSY">
<div class="icon-3o6xvg guildIconJoined-1r7FRE guildIcon-lQ0uiM iconSizeLarge-161qtT iconActiveLarge-2nzn9z noIcon-1a_FrS" style="font-size: 18px;">A</div>
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignStretch-DpGPf3 noWrap-3jynv6 guildInfo-1STtYi" style="flex: 1 1 auto;">
<div class="guildNameJoined-H7D9uF guildName-2hvnt_ marginBottom4-2qk4Hy medium-zmzTW- size16-14cGz5 height20-mO2eIN weightSemiBold-NJexzi">Another Server</div>
<div class="guildDetail-1nRKNE small-29zrCQ size12-3R0845 height16-2Lv3qA weightSemiBold-NJexzi">
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 0 1 auto;">
<i class="statusOnline-8PnF5L status-2L8Zc7"></i>
<span class="onlineCount-w6_WmG">50 Online</span>
<i class="statusOffline-37RKt7 status-2L8Zc7"></i>
<span>100 Members</span>
</div>
</div>
</div>
<button type="button" class="button-3To2tQ height20-mO2eIN button-38aScr lookOutlined-3sRXeN colorPrimary-3b3xI6 buttonSize-DbrWhv grow-q77ONN">
<div class="contents-18-Yxp buttonInner-1IRxqd">
<div class="buttonContent-18Mz6_">Joined</div>
<svg name="Checkmark" class="buttonIcon-1pYT18" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<polyline stroke="currentColor" stroke-width="2" points="3.5 9.5 7 13 15 5"></polyline>
</g>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="container-3-pyIM">
<div class="icon-2Po-VO" style="background-image: url(https://discordapp.com/assets/4e4e1d9c907a3dc53d68f34e868fcb12.svg);"></div>
<div class="content-2M3n_H">
2019-07-11 12:50:33 +02:00
<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME </a>
2018-10-11 10:21:26 +02:00
pinned a message to this channel.
2019-04-18 12:23:50 +02:00
<a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" rel="noreferrer">See all the pins.</a>
2018-10-11 10:21:26 +02:00
<span class="timestamp-1E3uAL">Yesterday at 11:30 AM</span>
</div>
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;" user_by_bdfdb="278543574059057154">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 3:22 PM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
2019-01-22 12:56:16 +01:00
<div class="markup-2BOw-j"><a title="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" target="_blank" rel="noreferrer">https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png</a></div>
2018-10-11 10:21:26 +02:00
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
2019-01-22 12:56:16 +01:00
<div aria-hidden="false" class="embed-IeVjo6 embedWrapper-3AbfJJ">
<a class="imageWrapper-2p5ogY imageZoom-1n-ADA clickable-3Ya1ho embedImage-2W1cML embedWrapper-3AbfJJ" href="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 210px;">
<img alt="" src="https://discordapp.com/assets/ee7c382d9257652a88c8f7b7f22a994d.png" style="width: 400px; height: 210px;"></img>
2018-10-11 10:21:26 +02:00
</a>
</div>
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;" user_by_bdfdb="278543574059057154">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(255, 23, 189);">DevilBro</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Yesterday at 3:33 PM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
2019-01-22 12:56:16 +01:00
<div class="markup-2BOw-j"><a title="https://youtu.be/48Zh3h_SD-o" href="https://youtu.be/48Zh3h_SD-o" class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB" target="_blank" rel="noreferrer">https://youtu.be/48Zh3h_SD-o</a></div>
2018-10-11 10:21:26 +02:00
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
2019-01-22 12:32:07 +01:00
<div class="embed-IeVjo6 embedWrapper-3AbfJJ" style="max-width: 426px;"><div class="embedPill-1Zntps" style="background-color: rgb(255, 0, 0);"></div><div class="embedInner-1-fpTo"><div class="embedContent-3fnYWm"><div class="embedContentInner-FBnk7v markup-2BOw-j markup-2BOw-j"><div class=""><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedProviderLink-2Pq1Uw embedLink-1G1K1D embedProvider-3k5pfl" href="https://www.youtube.com/" rel="noreferrer noopener" target="_blank">YouTube</a></div><div class="embedAuthor-3l5luH flex-1O1GKY embedMargin-UO5XwE"><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedAuthorNameLink-1gVryT embedLink-1G1K1D embedAuthorName-3mnTWj" href="https://www.youtube.com/user/ChrisBrosTV" rel="noreferrer noopener" target="_blank">CHRISONTV</a></div><div class="embedMargin-UO5XwE"><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB embedTitleLink-1Zla9e embedLink-1G1K1D embedTitle-3OXDkz" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank">HOWTO | INSTALL BETTER DISCORD (WITH THEMES &amp; PLUGINS) | ENGLISH</a></div></div></div><div class="embedVideo-3nf0O9 embedMarginLarge-YZDCEs" style="width: 400px; height: 225px;"><a class="imageWrapper-2p5ogY clickable-3Ya1ho embedVideoImageComponent-34z3di" href="" rel="noreferrer noopener" target="_blank" style="width: 400px; height: 225px;"><img class="embedVideoImageComponentInner-2Ujh_1" alt="" src="https://images-ext-1.discordapp.net/external/sII8NgYjrqXEUjzhMwCs88bBx4DFSHCc5rWdE2LNNH8/https/i.ytimg.com/vi/48Zh3h_SD-o/maxresdefault.jpg?width=360&amp;height=203" style="width: 400px; height: 225px;"></img></a><div class="embedVideoActions-O6vR7W"><div class="centerContent-1dpMl0"><div class="wrapper-129saQ"><div tabindex="0" class="iconWrapperActive-12kkfE iconWrapper-21idzA" role="button"><svg name="Play" class="iconPlay-2kgvwV icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24"><polygon fill="currentColor" points="0 0 0 14 11 7" transform="translate(7 5)"></polygon></svg></div><a class="anchor-3Z-8Bb anchorUnderlineOnHover-2ESHQB iconWrapperActive-12kkfE iconWrapper-21idzA" href="https://youtu.be/48Zh3h_SD-o" rel="noreferrer noopener" target="_blank"><svg name="OpenExternal" class="iconExternalMargins-2v2mzg icon-3ZFEtL" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" transform="translate(3.000000, 4.000000)" d="M16 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h4v-2H2V4h14v10h-4v2h4c1.1 0 2-.9 2-2V2a2 2 0 0 0-2-2zM9 6l-4 4h3v6h2v-6h3L9 6z"></path></svg></a></div></div></div></div></div></div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
<hr class="divider-32i8lo">
</div>
<div class="divider-3gKybi dividerRed-MKoLlr divider-3zi9LO">
<span class="dividerContent-2L12VI">New Messages</span>
</div>
<div class="divider-3gKybi divider-3zi9LO">
<span class="dividerContent-2L12VI">November 16, 2017</span>
</div>
<div class="containerCozyBounded-1rKFAn containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png?size=?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(52, 152, 219);">Bad Bot</strong><span class="botTagRegular-2HEhHi botTag-2WPJ74 botTagCozy-1875JY botTag-2BhDSU">BOT</span>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Today at 11:52 AM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div class="containerCozy-336-Cz container-206Blv">
<div class="buttonContainer-KtQ8wc">
<div class="buttonContainer-37UsAw">
2018-10-21 14:27:04 +02:00
<div class="reactionBtn-2na4rd"></div>
2018-10-11 10:21:26 +02:00
<div class="button-3Jq0g9"></div>
</div>
</div>
<div class="markup-2BOw-j"></div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot">
2019-07-29 18:26:48 +02:00
<div class="embed-IeVjo6 embedWrapper-3AbfJJ"><div class="embedPill-1Zntps"></div><div class="embedInner-1-fpTo"><div class="embedContent-3fnYWm"><div class="embedContentInner-FBnk7v markup-2BOw-j"><div class="embedAuthor-3l5luH"><img class="embedAuthorIcon--1zR3L" src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png?size="></img><span class="embedAuthorName-3mnTWj weightMedium-2iZe9B size14-3iUx6q">Bad Bot</span></div><div class="embedDescription-1Cuq9a embedMargin-UO5XwE">Embed Preview</div></div></div><div class="embedFooter-3yVop- embedMarginLarge-YZDCEs"><span class="embedFooterText-28V_Wb">in #general<span class="embedFooterSeparator-3klTIQ"></span>01/01/2017</span></div></div></div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
<div class="containerCozy-jafyvG container-1YxwTf">
<div class="messageCozy-2JPAPA message-1PNnaP">
<div class="headerCozy-2N9HOL">
2019-07-29 18:26:48 +02:00
<div class="avatar-17mtNa" aria-hidden="true">
<div class="wrapper-3t9DeA" role="img" aria-hidden="true" style="width: 40px; height: 40px;">
<svg width="49" height="40" viewBox="0 0 49 40" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="40" height="40" mask="url(#svg-mask-avatar-default)">
<img src="REPLACE_AVATAR" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
2018-10-11 10:21:26 +02:00
</div>
<h2 class="headerCozyMeta-rdohGq">
<span class="usernameWrapper-1S-G5O">
<strong tabindex="0" class="username-_4ZSMR" role="button" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</strong>
</span>
<time class="timestampCozy-2hLAPV" datetime="">Today at 5:02 PM</time>
</h2>
</div>
<div class="contentCozy-3XX413 content-3dzVd8">
<div>
<div class="channelTextArea-1LDbYG margin-top-8 charcounter-added">
<div class="inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO">
<div class="uploadInput-2lNPSo">
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
</div>
<textarea rows="1" tabindex="1" class="textArea-2Spzkt textAreaEdit-bNLDk3 textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="height: auto;">Edit Message</textarea>
2019-01-14 19:14:01 +01:00
<div class="buttons-205you">
<button tabindex="4" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw button-2vd_v_ button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
2018-12-18 19:47:32 +01:00
<div class="contents-18-Yxp">
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
</div>
</button>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
<div class="operations-36ENbA">escape to <a tabindex="0" class="anchor-3Z-8Bb" role="button">cancel</a> • enter to <a tabindex="0" class="anchor-3Z-8Bb" role="button">save</a></div>
</div>
</div>
<div class="containerCozy-B4noqO container-1e22Ot"></div>
</div>
<hr class="dividerEnabled-2TTlcf divider-32i8lo">
</div>
</div>
</div>
2019-09-23 12:08:54 +02:00
<div class="jumpToPresentBar-9P20AM barBase-39XTcM">
<button type="button" class="barButtonMain-1giYuj barButtonBase-3UKlW2">You're viewing older messages</button>
<button type="button" class="barButtonAlt-3gIkIj barButtonBase-3UKlW2">Jump To Present
<svg class="barButtonIcon-3FGqPD transition-27fFQS directionDown-26e7eE" width="24" height="24" viewBox="0 0 24 24">
<path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 10L12 15 17 10"></path>
</svg>
</button>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:08:54 +02:00
<form class="form-2fGMdU">
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto;">
<div class="channelTextArea-1LDbYG channelTextArea-rNsIhG">
<div class="inner-zqa7da flex-1O1GKY innerNoAutocomplete-1WpcVO">
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY directionRow-3v3tfG justifyStart-2NDFzi alignStretch-DpGPf3 noWrap-3jynv6" style="flex: 1 1 auto;">
<button tabindex="3" type="button" class="attachButton-1UjEWA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp attachButtonInner-1iyZ9F">
<svg width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" class="attachButtonPlus-rUdX-B" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
2019-01-14 19:14:01 +01:00
</svg>
</div>
</button>
2019-09-23 12:08:54 +02:00
<div class="attachButtonDivider-3Glu60" style="max-height:inherit;"></div>
2019-01-14 19:14:01 +01:00
</div>
2019-09-23 12:08:54 +02:00
<div class="uploadInput-2lNPSo">
<div class="file-input" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;"></div>
</div>
<textarea rows="1" placeholder="Message to #general" class="textArea-2Spzkt textArea-2Spzkt scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9"></textarea>
<div class="buttons-205you">
<button tabindex="2" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
<svg name="Gift" class="icon-3D60ES" width="16" height="16" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.9499381,4.97031408 L15,4.97031408 C15.5522847,4.97031408 16,5.42245961 16,5.98020939 L16,8 L0,8 L0,5.98020939 C-6.76353751e-17,5.42245961 0.44771525,4.97031408 1,4.97031408 L1.97920984,4.97031408 C1.01782154,3.76290607 1.11036555,1.99225385 2.23546762,0.895004171 C3.42730882,-0.267332482 5.32651446,-0.233853688 6.47746213,0.969781151 C7.07300942,1.59259093 7.63216429,2.52072721 7.97475156,3.47225991 C8.3157709,2.50516262 8.88309781,1.55764854 9.48796509,0.925092131 C10.6389128,-0.278542708 12.5381184,-0.312021502 13.7299596,0.85031515 C14.8690241,1.96118164 14.9497436,3.76226816 13.9499381,4.97031408 Z M10.635938,5 C10.734461,4.96362465 10.837387,4.92192897 10.9436159,4.87518066 C11.6535979,4.56273792 12.4171451,4.06075227 12.7190202,3.74012812 C13.103105,3.33218843 13.0920422,2.68213425 12.6943108,2.28819147 C12.2965794,1.8942487 11.6627922,1.90559543 11.2787075,2.31353512 C10.9768324,2.63415927 10.514354,3.43434591 10.2346934,4.17301099 C10.1162728,4.48579438 10.0363609,4.77004854 10,5 L10.635938,5 Z M5.25139448,5 L6,5 C5.96063336,4.77507371 5.88337351,4.50341724 5.77235412,4.20642989 C5.49198082,3.45640483 5.02832378,2.64391205 4.72567933,2.318357 C4.34061573,1.90414358 3.7052133,1.89262234 3.30646827,2.29262359 C2.90772324,2.69262485 2.89663225,3.35267626 3.28169585,3.76688968 C3.58434031,4.09244473 4.34983347,4.60215046 5.06162485,4.91939828 C5.12617993,4.94817069 5.18951835,4.97505811 5.25139448,5 Z M1,10 L7,10 L7,16 L2,16 C1.44771525,16 1,15.5522847 1,15 L1,10 Z M9,10 L15,10 L15,15 C15,15.5522847 14.5522847,16 14,16 L9,16 L9,10 Z"></path>
</svg>
</div>
</button>
<div class="buttonContainer-21MN7J">
<button tabindex="3" type="button" class="buttonWrapper-1ZmCpA button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp button-3AYNKb button-2vd_v_">
<svg class="icon-3D60ES gifPickerIcon-132le6" width="24" height="18" viewBox="0 0 24 18">
<path fill="currentColor" d="M3,0 L21,0 C22.6568542,-3.04359188e-16 24,1.34314575 24,3 L24,15 C24,16.6568542 22.6568542,18 21,18 L3,18 C1.34314575,18 2.02906125e-16,16.6568542 0,15 L0,3 C-2.02906125e-16,1.34314575 1.34314575,-5.83819232e-16 3,-8.8817842e-16 Z M11,5 L11,13 L13,13 L13,5 L11,5 Z M8,5 L4,5 C3.28,5 3,5.33333333 3,6 L3,12 C3,12.6666667 3.28,13 4,13 L8,13 C8.72,13 9,12.6666667 9,12 L9,8 L6,8 L6,10 L7,10 L7,11 L5,11 L5,7 L9,7 L9,6 C9,5.33333333 8.72,5 8,5 Z M21,7 L21,5 L15,5 L15,13 L17,13 L17,10 L20,10 L20,8 L17,8 L17,7 L21,7 Z"></path>
</svg>
</div>
</button>
2018-12-18 19:47:32 +01:00
</div>
2019-09-23 12:08:54 +02:00
<button tabindex="4" type="button" class="emojiButtonNormal-TdumYh emojiButton-3uL3Aw button-2vd_v_ button-38aScr lookBlank-3eh9lL colorBrand-3pXr91 grow-q77ONN">
<div class="contents-18-Yxp">
<div class="spriteNormal-1wvG5n sprite-2iCowe" style="background-position: 0px 0px; background-size: 242px 110px;"></div>
</div>
</button>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</form>
</div>
<div class="membersWrap-2h-GB4">
2019-09-23 12:12:30 +02:00
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix scrollerThemed-2oenus themeGhostHairline-DBD-2d scrollerFade-1Ijw5y">
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl members-1998pB">
2018-10-11 10:21:26 +02:00
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
2019-09-23 12:12:30 +02:00
<header class="membersGroup-v9BXpm container-2ax-kl">Developer—1</header>
2019-09-23 12:22:10 +02:00
<div class="member-3W1lQa container-2Pjhx- clickable-1JJAn8">
<div class="layout-2DM8Md">
<div class="avatar-3uk_u9">
<div class="wrapper-3t9DeA" role="img" aria-label="DevilBro, Idle" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#faa61a" mask="url(#svg-mask-status-idle)" class="pointerEvents-2zdfdO"></rect>
</svg>
2019-06-16 17:13:08 +02:00
</div>
2019-07-29 18:26:48 +02:00
</div>
2019-09-23 12:22:10 +02:00
<div class="content-3QAtGj">
<div class="nameAndDecorators-5FJ2dg">
<div class="name-uJV0GL">
<span class="roleColor-36x_Mz" style="color: rgb(255, 23, 189);">DevilBro</span>
</div>
<svg name="Crown" class="ownerIcon-uZ6mE7 icon-1mmpLU" aria-hidden="false" width="24" height="24" viewBox="0 0 16 16">
<g fill="none" fill-rule="evenodd">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6572 5.42868C13.8879 5.29002 14.1806 5.30402 14.3973 5.46468C14.6133 5.62602 14.7119 5.90068 14.6473 6.16202L13.3139 11.4954C13.2393 11.7927 12.9726 12.0007 12.6666 12.0007H3.33325C3.02725 12.0007 2.76058 11.792 2.68592 11.4954L1.35258 6.16202C1.28792 5.90068 1.38658 5.62602 1.60258 5.46468C1.81992 5.30468 2.11192 5.29068 2.34325 5.42868L5.13192 7.10202L7.44592 3.63068C7.46173 3.60697 7.48377 3.5913 7.50588 3.57559C7.5192 3.56612 7.53255 3.55663 7.54458 3.54535L6.90258 2.90268C6.77325 2.77335 6.77325 2.56068 6.90258 2.43135L7.76458 1.56935C7.89392 1.44002 8.10658 1.44002 8.23592 1.56935L9.09792 2.43135C9.22725 2.56068 9.22725 2.77335 9.09792 2.90268L8.45592 3.54535C8.46794 3.55686 8.48154 3.56651 8.49516 3.57618C8.51703 3.5917 8.53897 3.60727 8.55458 3.63068L10.8686 7.10202L13.6572 5.42868ZM2.66667 12.6673H13.3333V14.0007H2.66667V12.6673Z" fill="currentColor"></path>
</g>
</svg>
</div>
2019-09-23 13:11:56 +02:00
<div class="subText-1KtqkB">
<div class="activity-E-0FeD">
<div class="text-zpzAjW">Helping</div>
2019-09-23 13:36:58 +02:00
<svg name="Nova_Speaker" class="customStatusContentIcon-2sionu" aria-hidden="false" width="16" height="16" viewBox="-4 -4 28 28">
2019-09-23 13:11:56 +02:00
<path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M11.383 3.07904C11.009 2.92504 10.579 3.01004 10.293 3.29604L6 8.00204H3C2.45 8.00204 2 8.45304 2 9.00204V15.002C2 15.552 2.45 16.002 3 16.002H6L10.293 20.71C10.579 20.996 11.009 21.082 11.383 20.927C11.757 20.772 12 20.407 12 20.002V4.00204C12 3.59904 11.757 3.23204 11.383 3.07904ZM14 5.00195V7.00195C16.757 7.00195 19 9.24595 19 12.002C19 14.759 16.757 17.002 14 17.002V19.002C17.86 19.002 21 15.863 21 12.002C21 8.14295 17.86 5.00195 14 5.00195ZM14 9.00195C15.654 9.00195 17 10.349 17 12.002C17 13.657 15.654 15.002 14 15.002V13.002C14.551 13.002 15 12.553 15 12.002C15 11.451 14.551 11.002 14 11.002V9.00195Z"></path>
</svg>
</div>
2019-09-23 12:22:10 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
2019-09-23 12:12:30 +02:00
<header class="membersGroup-v9BXpm container-2ax-kl">Users—1</header>
2019-09-23 12:22:10 +02:00
<div class="member-3W1lQa container-2Pjhx- clickable-1JJAn8">
<div class="layout-2DM8Md">
<div class="avatar-3uk_u9">
<div class="wrapper-3t9DeA" role="img" aria-label="REPLACE_USERNAME, Online" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="REPLACE_AVATAR" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#43b581" mask="url(#svg-mask-status-online)" class="pointerEvents-2zdfdO"></rect>
</svg>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:22:10 +02:00
<div class="content-3QAtGj">
<div class="nameAndDecorators-5FJ2dg">
<div class="name-uJV0GL">
<span class="roleColor-36x_Mz" style="color: rgb(26, 188, 156);">REPLACE_USERNAME</span>
</div>
</div>
2019-09-23 12:36:03 +02:00
<div class="subText-1KtqkB">
<div class="activity-E-0FeD">
<div class="text-zpzAjW">Playing <strong>with Themes</strong></div>
</div>
2019-09-23 12:22:10 +02:00
</div>
2019-07-29 18:26:48 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:12:30 +02:00
<header class="membersGroup-v9BXpm container-2ax-kl">Bots—1</header>
2019-09-23 12:22:10 +02:00
<div class="member-3W1lQa container-2Pjhx- clickable-1JJAn8">
<div class="layout-2DM8Md">
<div class="avatar-3uk_u9">
<div class="wrapper-3t9DeA" role="img" aria-label="Bad Bot, Streaming" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-status-round-32)">
<img src="https://discordapp.com/assets/1cbd08c76f8af6dddce02c5138971129.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
<rect width="10" height="10" x="22" y="22" fill="#593695" mask="url(#svg-mask-status-streaming)" class="pointerEvents-2zdfdO"></rect>
</svg>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:22:10 +02:00
<div class="content-3QAtGj">
<div class="nameAndDecorators-5FJ2dg">
<div class="name-uJV0GL">
<span class="roleColor-36x_Mz" style="color: rgb(52, 152, 219);">Bad Bot</span>
</div>
2019-09-23 12:33:45 +02:00
<span class="botTagRegular-2HEhHi botTag-2WPJ74 bot-2Fta1w">BOT</span>
2019-09-23 12:22:10 +02:00
</div>
2019-09-23 12:36:03 +02:00
<div class="subText-1KtqkB">
<div class="activity-E-0FeD">
<div class="text-zpzAjW">Streaming <strong>Bad Puns</strong></div>
<svg name="RichActivity" class="activityIcon-S3CciC" width="16" height="16" viewBox="0 0 16 16">
2019-09-23 13:11:56 +02:00
<path fill="currentColor" d="M6,7 L2,7 L2,6 L6,6 L6,7 Z M8,5 L2,5 L2,4 L8,4 L8,5 Z M8,3 L2,3 L2,2 L8,2 L8,3 Z M8.88888889,0 L1.11111111,0 C0.494444444,0 0,0.494444444 0,1.11111111 L0,8.88888889 C0,9.50253861 0.497461389,10 1.11111111,10 L8.88888889,10 C9.50253861,10 10,9.50253861 10,8.88888889 L10,1.11111111 C10,0.494444444 9.5,0 8.88888889,0 Z" transform="translate(3 3)"></path>
2019-09-23 12:36:03 +02:00
</svg>
</div>
2019-09-23 12:22:10 +02:00
</div>
2019-07-29 18:26:48 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:12:30 +02:00
<header class="membersGroup-v9BXpm container-2ax-kl">Offline—1</header>
2019-09-23 12:22:10 +02:00
<div class="member-3W1lQa offline-34J64g container-2Pjhx- clickable-1JJAn8">
<div class="layout-2DM8Md">
<div class="avatar-3uk_u9">
<div class="wrapper-3t9DeA" role="img" aria-label="Anonymous" aria-hidden="false" style="width: 32px; height: 32px;">
<svg width="40" height="32" viewBox="0 0 40 32" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="32" height="32" mask="url(#svg-mask-avatar-default)">
<img src="https://discordapp.com/assets/322c936a8c8be1b803cd94861bdfa868.png?size=128&" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
</svg>
</div>
</div>
<div class="content-3QAtGj">
<div class="nameAndDecorators-5FJ2dg">
<div class="name-uJV0GL">
<span class="roleColor-36x_Mz">Anonymous</span>
</div>
</div>
2019-09-23 12:36:03 +02:00
<div class="subText-1KtqkB"></div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
<div style="width: 100%; height: 0px; visibility: hidden;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uploadArea-3QgLtW">
<div class="uploadDropModal-2kTwbc">
<div class="bgScale-1otPtc"></div>
<div class="inner-3nWsbo">
<div class="icons-1w691d">
<div class="wrapOne-14G98n">
<div class="icon-kyxXVr one-2crnLX"></div>
</div>
<div class="wrapThree-1CNQ42">
<div class="icon-kyxXVr three-27ScFD"></div>
</div>
<div class="wrapTwo-mQGI3R">
<div class="icon-kyxXVr two-3BBQI9"></div>
</div>
</div>
<div class="title-2Vtl4y">Drag &amp; Drop</div>
<div class="instructions-2Du9gG">
<pre>You can add comments before uploading. Hold shift to upload directly.</pre>
</div>
</div>
</div>
</div>
<div class="pictureInPicture-3VocJq theme-light"></div>
<div class="theme-light container-wrYOxa"></div>
</div>
<div class="theme-light"></div>
</div>
2019-09-23 12:01:10 +02:00
<div class="uploadArea-3QgLtW">
<div class="uploadDropModal-2kTwbc">
<div class="bgScale-1otPtc"></div>
<div class="inner-3nWsbo">
<div class="icons-1w691d">
<div class="wrapOne-14G98n">
<div class="icon-kyxXVr one-2crnLX"></div>
</div>
<div class="wrapThree-1CNQ42">
<div class="icon-kyxXVr three-27ScFD"></div>
</div>
<div class="wrapTwo-mQGI3R">
<div class="icon-kyxXVr two-3BBQI9"></div>
</div>
</div>
<div class="title-2Vtl4y">Drag &amp; Drop</div>
<div class="instructions-2Du9gG">
<pre></pre>
</div>
2019-04-19 20:25:56 +02:00
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
2019-09-23 12:01:10 +02:00
</div>
<div class="pictureInPicture-3VocJq theme-light"></div>
<div class="theme-light container-wrYOxa"></div>
</div>
<div data-no-focus-lock="true">
2019-09-23 12:29:26 +02:00
<div class="theme-light popouts-2bnG9Z"></div>
<div class="theme-light"></div>
<div class="layerContainer-yqaFcK theme-light">
2019-09-23 13:36:58 +02:00
<div class="layer-v9HyYc" style="top: 140px; right: 260px;">
2019-09-23 13:11:56 +02:00
<div class="animatorLeft-1EQxU0 translate-2dAEQ6 didRender-33z1u8">
2019-09-23 12:29:26 +02:00
<div class="userPopout-3XzG_A">
<div class="headerNormal-T_seeN header-2BwW8b size16-14cGz5">
<div class="flex-1xMQg5 flex-1O1GKY vertical-V37hAW flex-1O1GKY directionColumn-35P_nr justifyCenter-3D2jYp alignCenter-1dQNNs noWrap-3jynv6 headerTop-3C2Zn0" style="flex: 1 1 auto;">
<div tabindex="0" class="avatarWrapperNormal-3wFMbf avatarWrapper-3H_478" role="button" user_by_bdfdb="278543574059057154">
<div class="wrapper-3t9DeA" role="img" aria-label="DevilBro, Idle" aria-hidden="false" style="width: 80px; height: 80px;">
<svg width="92" height="80" viewBox="0 0 92 80" class="mask-1l8v16" aria-hidden="true">
<foreignObject x="0" y="0" width="80" height="80" mask="url(#svg-mask-avatar-status-round-80)">
<img src="https://discordapp.com/assets/0e291f67c9274a1abdddeb3fd919cbaa.png?size=" alt=" " class="avatar-VxgULZ" aria-hidden="true">
</foreignObject>
<rect width="16" height="16" x="60" y="60" fill="#faa61a" mask="url(#svg-mask-status-idle)" class="pointerEvents-2zdfdO"></rect>
</svg>
</div>
<svg width="80" height="80" class="avatarHint-1qgaV3" viewBox="0 0 80 80">
2019-07-29 18:26:48 +02:00
<foreignObject x="0" y="0" width="80" height="80" mask="url(#svg-mask-avatar-status-round-80)">
2019-09-23 12:29:26 +02:00
<div class="avatarHintInner-Dco91E size10-39i14u height12-2Ltw-k weightBold-2yjlgw">Show Profile</div>
2019-07-29 18:26:48 +02:00
</foreignObject>
</svg>
2018-10-11 10:21:26 +02:00
</div>
2019-09-23 12:29:26 +02:00
<div class="headerText-2sdzFM userSelectText-1o1dQ7">
<div class="headerNameWrapper-3res2c">
<span class="headerName-fajvi9 size16-14cGz5">DevilBro</span>
</div>
<div class="flex-1xMQg5 flex-1O1GKY horizontal-1ae9ci horizontal-2EEEnY flex-1O1GKY directionRow-3v3tfG justifyStart-2NDFzi alignCenter-1dQNNs noWrap-3jynv6" style="flex: 1 1 auto;">
<div class="headerTagWithNickname-3IthZD headerTag-2pZJzA size14-3iUx6q weightNormal-WI4TcG nameTag-m8r81H">
<span class="username username-2b1r56">DevilBro</span>
<span class="discriminator">#4401</span>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:29:26 +02:00
<div class="colorStandard-2KCXvj size14-e6ZScH customStatus-1bh2V9">Helping</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
2019-09-23 12:29:26 +02:00
<div class="scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix body-3iLsc4 scrollerThemed-2oenus themeGhostHairline-DBD-2d scrollerFade-1Ijw5y">
<div class="scroller-2FKFPG firefoxFixScrollFlex-cnI2ix systemPad-3UxEGl bodyInner-245q0L">
<div class="bodyTitle-Y0qMQz marginBottom8-AtZOdT size12-3R0845">Role</div>
<ul class="root-3-B5F3 flex-1O1GKY wrap-ZIn9Iy rolesList-22qj2L endBodySection-Rf4s-7 marginBottom20-32qID7">
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs" style="border-color: rgba(255, 23, 189, 0.6);">
<div class="roleCircle-3xAZ1j" style="background-color: rgb(255, 23, 189);"></div>
<div class="roleName-32vpEy">Developer</div>
</li>
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs" style="border-color: rgba(52, 152, 219, 0.6);">
<div class="roleCircle-3xAZ1j" style="background-color: rgb(52, 152, 219);"></div>
<div class="roleName-32vpEy">Plugin Developer</div>
</li>
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs" style="border-color: rgba(113, 54, 138, 0.6);">
<div class="roleCircle-3xAZ1j" style="background-color: rgb(113, 54, 138);"></div>
<div class="roleName-32vpEy">Theme Developer</div>
</li>
<li class="role-2irmRk flex-1O1GKY alignCenter-1dQNNs" style="border-color: rgba(17, 128, 106, 0.6);">
<div class="roleCircle-3xAZ1j" style="background-color: rgb(17, 128, 106);"></div>
<div class="roleName-32vpEy">Human</div>
</li>
</ul>
<div class="bodyTitle-Y0qMQz marginBottom8-AtZOdT size12-3R0845">Note</div>
<div class="note-3kmerW note-3HfJZ5">
<textarea placeholder="Click to add a note" spellcheck="false" maxlength="256" class="scrollbarGhostHairline-1mSOM1 scrollbar-3dvm_9" style="height: 21px;"></textarea>
</div>
</div>
2019-09-23 13:11:56 +02:00
</div>
<div class="footer-1fjuF6">
<input class="quickMessage-2XpSaN quickMessage-1yeL4E marginBottom8-AtZOdT" placeholder="Message to @DevilBro">
<div class="protip-YaFfgO inline-136HKr">
<div class="pro-1T8RK7 small-29zrCQ statusGreen-168O6Q weightBold-WPtQ_b">Protip:</div>
<div class="tip-2ab612 primary-jw0I4K">Right-click on a user for more interactions</div>
2019-09-23 12:29:26 +02:00
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</div>
</div>
2019-09-24 10:20:53 +02:00
<div class="layer-v9HyYc" style="left: 68px; top: 298px;">
2019-09-23 12:01:10 +02:00
<div class="tooltip-2QfLtc tooltipRight-2JM5PQ tooltipBlack-PPG47z">
2019-09-23 13:42:11 +02:00
Selected Server
2019-09-23 12:01:10 +02:00
<div class="tooltipPointer-3ZfirK"></div>
</div>
</div>
</div>
2018-10-11 10:21:26 +02:00
</div>
</div>
</body>
</html>