@font-face {font-family: "Open Sans";font-style: normal;font-weight: 400;src: local("Open Sans"),local("OpenSans"),url("https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf") format("truetype");}
#wp-discord {overflow: hidden;width: 100%;max-width: 385px;margin: 15px auto;padding: 15px;border-radius: 9px;background: #fff;font-family: "Open Sans",sans-serif;color: #23272a;box-sizing: border-box;}
#wp-discord .wpd-head {overflow: hidden;border-bottom: 1px solid #99aab5;padding-bottom: 10px;margin-bottom: 10px;line-height: 30px;}
#wp-discord .wpd-head h3 {margin: 0;padding: 0;font-size: 16px;color: inherit;text-transform: none;}
#wp-discord .wpd-head img.wpd-icon {width: 100%;height: auto;max-width: 58px;float: left;margin-right: 15px;}
#wp-discord .wpd-head img.wpd-name {width: 100%;height: auto;max-width: 93px;margin-top: 10px;}
#wp-discord .wpd-info {text-transform: uppercase;font-size: 14px;}
#wp-discord .wpd-info span {line-height: 30px;}
#wp-discord .wpd-info strong {font-weight: 700;}
#wp-discord .wpd-info a {display: inline-block;float: right;padding: 5px 12px;border-radius: 3px;background: #7289da;font-size: 15px;line-height: 25px;color: #fff;font-weight: 600;text-decoration: none;transition: all .5s ease;}
#wp-discord .wpd-info a:focus, #wp-discord .wpd-info a:hover {background: #2c2f33;color: #99aab5;}
#wp-discord .wpd-info ul.wpd-users {display: block;clear: both;overflow: hidden;margin: 0;padding: 15px 0 0;list-style: none;text-transform: none;}
#wp-discord .wpd-info ul.wpd-users li {display: block;clear: both;padding: 6px 0;border-bottom: 1px dotted #c8d1d7;line-height: 29px;}
#wp-discord .wpd-info ul.wpd-users li:last-child {border: none;padding-bottom: 0;}
#wp-discord .wpd-info ul.wpd-users img {display: inline-block;float: left;margin-right: 10px;height: 25px;width: 25px;border-radius: 50%;border: 2px solid #7289da;}
#wp-discord .wpd-info ul.wpd-users strong {font-weight: 600;}
#wp-discord .wpd-info ul.wpd-users .wpd-status {display: block;float: right;width: 10px;height: 10px;margin: 10px 5px 0 0;border-radius: 50%;background: #00c220;}
#wp-discord .wpd-info ul.wpd-users .wpd-status.idle {background: #e48e00;}
#wp-discord.wpd-gray {background: #c8d1d7;}
#wp-discord.wpd-gray .wpd-info ul.wpd-user li {border-color: #bbb;}
#wp-discord.wpd-dark {background: #23272a;color: #99aab5;}
#wp-discord.wpd-dark .wpd-info a:focus, #wp-discord.wpd-dark .wpd-info a:hover {background: #c8d1d7;color: #2c2f33;}
#wp-discord.wpd-dark .wpd-info ul.wpd-users li {border-color: #393d40;}
.wpd_alert {color: red;background: #fafafa;display: block;padding: 1rem;margin: 1rem;}