#discordData,#discordInfo{
    display:flex;
    height:50px
}
#callToAction,#callToAction-clicked{
    bottom:0;
    cursor:pointer;
    height:40px;
    left:0;
    min-height:32px;
    min-width:73px;
    position:relative;
    right:0;
    top:0;
    align-self:center;
    margin:0 0 0 10px;
    padding:2px 16px
}
#buttonText,#introText,#serverNameBox,#status{
    text-overflow:ellipsis;
    overflow:hidden
}
@font-face{
    font-family:Whitney;
    font-weight:300;
    src:url(https://discordapp.com/assets/6c6374bad0b0b6d204d8d6dc4a18d820.woff) format("woff")
}
@font-face{
    font-family:Whitney;
    font-weight:400;
    src:url(https://discordapp.com/assets/e8acd7d9bf6207f99350ca9f9e23b168.woff) format("woff")
}
@font-face{
    font-family:Whitney;
    font-weight:500;
    src:url(https://discordapp.com/assets/3bdef1251a424500c1b3a78dea9b7e57.woff) format("woff")
}
@font-face{
    font-family:Whitney;
    font-weight:600;
    src:url(https://discordapp.com/assets/be0060dafb7a0e31d2a1ca17c0708636.woff) format("woff")
}
@font-face{
    font-family:Whitney;
    font-weight:700;
    src:url(https://discordapp.com/assets/8e12fb4f14d9c4592eb8ec9f22337b04.woff) format("woff")
}
.noselect{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#discordInviteBox{
    background-color:#37393e;
    display:inline-block
}
#discordInvite{
    text-align:left;
    box-sizing:border-box;
    color:#fff;
    background:rgba(47,49,54,.6);
    border:1px solid rgba(47,49,54,.9);
    border-radius:3px;
    font:normal normal 400 normal 16px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0;
    padding:10px 15px 10px 10px;
    display:inline-block
}
#offlineInd,#onlineInd{
    height:8px;
    width:8px;
    border-radius:50%;
    margin:0 4px 0 0;
    display:block
}
#introText{
    color:#b9bbbe;
    height:16px;
    letter-spacing:.5px;
    text-transform:uppercase;
    flex:1 1 0%;
    font:normal normal 600 normal 12px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 0 8px
}
#serverImg{
    background-position:50% 50%;
    bottom:0;
    cursor:pointer;
    height:50px;
    left:0;
    position:relative;
    right:0;
    top:0;
    width:50px;
    border-radius:15px;
    flex:0 0 auto;
    margin:0 10px 0 0
}
#discordInviteError{
    background-color:red;
    color:#fff
}
#discordInfo{
    align-items:stretch;
    justify-content:center;
    flex:1 1 auto;
    flex-flow:column nowrap
}
#callToAction,#statusIndicators{
    align-items:center;
    display:flex
}
#serverNameBox{
    color:#f6f6f7;
    cursor:pointer;
    height:20px;
    font:normal normal 600 normal 16px/20px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 0 4px
}
#serverNameBox:hover{
    text-decoration:underline;
}
#status,#statusIndicators{
    font:normal normal 600 normal 12px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#72767d;
    height:16px
}
#statusIndicators{
    justify-content:flex-start
}
#onlineInd{
    color:#72767d;
    column-rule-color:#72767d;
    background:#43b581;
    font:italic normal 600 normal 12px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}
#numOnline{
    color:#72767d;
    display:block;
    height:16px;
    font:normal normal 600 normal 12px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 8px 0 0
}
#offlineInd{
    color:#72767d;
    background:#747f8d;
    font:italic normal 600 normal 12px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}
#numTotal{
    color:#72767d;
    display:block;
    height:16px;
    font:normal normal 600 normal 12px/16px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}
#callToAction{
    color:#fff;
    border:0;
    justify-content:center;
    background:#43b581;
    border-radius:3px;
    font:normal normal 500 normal 14px/20px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    transition:background-color .17s ease 0s
}
#callToAction:hover{
    background-color:#3ca374
}
#callToAction-clicked{
    color:#dcddde;
    display:flex;
    overflow-wrap:break-word;
    word-wrap:break-word;
    align-items:center;
    justify-content:center;
    user-select:none;
    background:rgba(0,0,0,0);
    border:1px solid rgba(114,118,126,.298);
    border-radius:3px;
    font:normal normal 500 normal 14px/20px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    transition:color .17s ease 0s,background-color .17s ease 0s,border-color .17s ease 0s
}
#discordPoly,#gDiscord{
    white-space:nowrap;
    word-wrap:break-word;
    column-rule-color:#dcddde;
    user-select:none;
    fill:none;
    border:0 #dcddde;
    overflow-wrap:break-word;
    cursor:pointer;
    text-align:center;
    font:normal normal 500 normal 14px/20px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}
#callToAction-clicked:hover{
    border-color:hsla(218,5%,47%,.6)
}
#discordSVG{
    color:#dcddde;
    height:18px;
    width:18px;
    margin:0 0 0 8px
}
#gDiscord{
    fill-rule:evenodd
}
#discordPoly{
    text-decoration:none solid #dcddde;
    fill-rule:evenodd;
    stroke:#dcddde;
    stroke-width:2px;
    caret-color:#dcddde;
    outline:#dcddde 0
}
#joinedDiscord{
    color:#dcddde;
    cursor:pointer;
    display:flex;
    height:20px;
    overflow-wrap:break-word;
    text-align:center;
    font:normal normal 500 normal 14px/20px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow:hidden
}
#buttonText{
    cursor:pointer;
    display:flex;
    height:20px;
    text-align:center;
    font:normal normal 500 normal 14px/20px Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 8.83px
}
.loadHidden{
    display:none
}

#discordInviteBox{
    display:block;
    width:min(100%,474px);
    margin:0 auto;
    background:transparent
}

#discordInvite{
    position:relative;
    display:block;
    width:100%!important;
    min-height:128px;
    padding:14px 22px;
    overflow:hidden;
    color:#fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(88,101,242,.34), transparent 34%),
        linear-gradient(145deg, rgba(21,14,28,.94), rgba(40,25,47,.9) 52%, rgba(12,10,18,.96));
    border:1px solid rgba(244,210,161,.35);
    border-radius:18px;
    box-shadow:0 18px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
    font-family:Amazon Ember,Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    backdrop-filter:blur(8px)
}

#discordInvite:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg, rgba(244,210,161,.12), transparent 42%, rgba(88,101,242,.14));
    opacity:.9
}

#introText{
    position:relative;
    height:auto;
    margin:0 0 4px;
    color:#f4d2a1;
    letter-spacing:.09em;
    text-transform:uppercase;
    font:normal normal 800 normal 15px/19px Amazon Ember,Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}

#discordSubtitle{
    position:relative;
    display:block;
    margin:0 0 12px;
    color:rgba(255,255,255,.78);
    font:normal normal 500 normal 13px/18px Amazon Ember,Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}

#discordData{
    position:relative;
    display:flex;
    align-items:center;
    height:auto;
    gap:14px
}

#serverImg{
    display:none!important
}

#discordInfo{
    min-width:0;
    height:auto;
    justify-content:center
}

#serverNameBox{
    height:auto;
    margin:0 0 7px;
    color:#fff;
    font:normal normal 800 normal 18px/22px Amazon Ember,Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}

#serverNameBox:hover{
    text-decoration:none
}

#status,
#statusIndicators{
    height:auto;
    color:rgba(255,255,255,.72);
    font:normal normal 700 normal 12px/16px Amazon Ember,Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif
}

#statusIndicators{
    flex-wrap:wrap;
    gap:4px
}

#statusOnlineLabel{
    margin-right:6px;
    padding:2px 7px;
    color:#07140d;
    background:#5bff9a;
    border-radius:999px;
    letter-spacing:.08em;
    font-size:10px;
    line-height:13px;
    text-transform:uppercase;
    box-shadow:0 0 12px rgba(91,255,154,.45)
}

#onlineInd,
#offlineInd{
    display:none
}

#numOnline,
#numTotal{
    width:auto;
    height:auto;
    margin:0;
    color:rgba(255,255,255,.72);
    font:inherit
}

#numOnline:after{
    content:"•";
    margin:0 4px 0 8px;
    color:rgba(244,210,161,.78)
}

#callToAction,
#callToAction-clicked{
    flex:0 0 auto;
    min-width:98px;
    height:42px;
    margin:0;
    padding:0 18px;
    color:#190d08;
    background:linear-gradient(135deg,#f4d2a1,#a66b42);
    border:1px solid rgba(244,210,161,.55);
    border-radius:999px;
    box-shadow:0 8px 22px rgba(166,107,66,.35);
    font:normal normal 800 normal 13px/18px Amazon Ember,Whitney,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing:.04em;
    text-transform:uppercase;
    transition:transform .18s ease, filter .18s ease, box-shadow .18s ease
}

#callToAction:hover,
#callToAction-clicked:hover{
    filter:brightness(1.08);
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(166,107,66,.48)
}

#buttonText,
#joinedDiscord{
    height:auto;
    margin:0;
    color:inherit;
    font:inherit;
    text-transform:inherit
}

@media (max-width:600px){
    #discordInviteBox{
        width:min(100%,360px)
    }

    #discordInvite{
        padding:18px 16px
    }

    #discordData{
        align-items:flex-start;
        flex-direction:column
    }

    #callToAction,
    #callToAction-clicked{
        width:100%
    }
}

/* Exact hero Discord card layout */
#discordInviteBox{
    background-color:transparent!important;
    display:block!important;
    width:100%;
    max-width:474px;
    margin:0 auto
}

#discordInvite{
    text-align:left;
    box-sizing:border-box;
    width:100%!important;
    min-height:128px;
    color:#dcddde;
    background:
      linear-gradient(90deg,rgba(244,210,161,.08),transparent 18%,transparent 82%,rgba(244,210,161,.08)),
      radial-gradient(ellipse 65% 80% at 88% 45%,rgba(244,210,161,.10),transparent 58%),
      linear-gradient(180deg,rgba(30,28,30,.96),rgba(10,10,12,.98));
    background-size:cover;
    background-position:center;
    border:1px solid rgba(244,210,161,.42);
    border-radius:0;
    box-shadow:
      0 14px 28px rgba(0,0,0,.5),
      0 0 0 1px rgba(255,255,255,.05) inset,
      inset 0 0 22px rgba(0,0,0,.48),
      0 0 14px rgba(244,210,161,.07);
    font-family:Ellipsis,JapanHeavy,TLHeader,Times,"Times New Roman",serif;
    margin:0;
    padding:10px 14px;
    display:block;
    position:relative;
    overflow:hidden;
    clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
    transition:box-shadow .22s ease,filter .22s ease,transform .22s ease
}

#discordInvite:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 34px rgba(0,0,0,.56),0 0 0 1px rgba(244,210,161,.16) inset,0 0 18px rgba(166,107,66,.16)
}

#discordInvite:before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(244,210,161,.30);
    box-shadow:inset 0 0 18px rgba(166,107,66,.08);
    clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
    pointer-events:none;
    background:none;
    opacity:1
}

#discordInvite:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:10px;
    background:
      linear-gradient(90deg,transparent,rgba(244,210,161,.55),transparent),
      radial-gradient(circle at 50% 50%,rgba(244,210,161,.85) 0 2px,transparent 3px);
    opacity:.72;
    pointer-events:none
}

.discordInvite-grid{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(176px,.58fr);
    align-items:center;
    gap:10px
}

.discordInvite-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    gap:4px;
    padding-right:8px
}

.discordInvite-side{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:7px;
    border-left:1px solid rgba(244,210,161,.20);
    border-top:none;
    padding-left:10px;
    padding-top:0
}

#introText{
    color:#b9bbbe;
    display:block;
    height:auto;
    letter-spacing:.12em;
    text-transform:uppercase;
    text-shadow:none;
    font-family:Ellipsis,JapanHeavy,TLHeader,Times,"Times New Roman",serif;
    font-weight:400;
    font-size:9px;
    line-height:1.2;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis
}

.discordInvite-title{
    color:#f6f6f7;
    font-family:Ellipsis,JapanHeavy,TLHeader,Times,"Times New Roman",serif;
    font-weight:400;
    font-size:clamp(15px,1vw,18px);
    line-height:1.05;
    letter-spacing:.02em;
    margin:0;
    text-shadow:0 1px 5px rgba(0,0,0,.62)
}

.discordInvite-copy{
    display:none
}

#discordInfo{
    position:relative;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    flex-flow:row nowrap;
    gap:7px;
    width:100%;
    max-width:100%;
    height:auto;
    margin:0;
    padding:6px 8px;
    border:1px solid rgba(244,210,161,.20);
    border-radius:2px;
    background:
      linear-gradient(135deg,rgba(244,210,161,.06),transparent 55%),
      linear-gradient(180deg,rgba(36,37,42,.72),rgba(24,25,29,.84))
}

#serverImg{
    display:block!important;
    width:30px;
    height:30px;
    flex:0 0 auto;
    border-radius:50%;
    background:rgb(54,57,63) 50%/cover no-repeat;
    border:1px solid rgba(244,210,161,.36);
    box-shadow:0 0 10px rgba(0,0,0,.24);
    margin:0
}

.discordInvite-serverMeta{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    text-align:left
}

#serverNameBox{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    flex-wrap:wrap;
    height:auto;
    color:#f6f6f7;
    cursor:pointer;
    text-shadow:0 1px 4px rgba(0,0,0,.45);
    font-family:Ellipsis,JapanHeavy,TLHeader,Times,"Times New Roman",serif;
    font-weight:400;
    font-size:11px;
    line-height:1.2;
    margin:0
}

#serverNameBox:hover{
    text-decoration:none
}

.discordInvite-online{
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#9fe6b8;
    font-family:Ellipsis,JapanHeavy,TLHeader,Times,"Times New Roman",serif;
    font-weight:400;
    font-size:8px;
    line-height:12px;
    letter-spacing:.10em;
    text-transform:uppercase
}

#onlineInd{
    height:6px;
    width:6px;
    border-radius:50%;
    margin:0;
    display:inline-block;
    background:#43b581;
    box-shadow:0 0 8px rgba(67,181,129,.8)
}

#offlineInd,
#statusOnlineLabel{
    display:none!important
}

#statusIndicators{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:4px;
    height:auto;
    color:#9da1aa;
    font-family:"Rajdhani",sans-serif;
    font-weight:600;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.04em
}

#numOnline{
    color:#dcddde;
    display:inline;
    width:auto;
    height:auto;
    margin:0;
    font:inherit
}

#numOnline:after{
    content:none
}

.discordInvite-statDivider{
    color:rgba(244,210,161,.52)
}

#numTotal{
    color:#9da1aa;
    display:inline;
    width:auto;
    height:auto;
    font:inherit
}

#callToAction{
    color:#fff;
    display:inline-flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
    width:100%;
    min-height:30px;
    height:auto;
    padding:0 12px;
    border:1px solid rgba(244,210,161,.68);
    justify-content:center;
    background:
      linear-gradient(180deg,rgba(244,210,161,.16),transparent 46%),
      linear-gradient(135deg,#2a180e 0%,#5f361b 48%,#a66b42 100%);
    border-radius:2px;
    font-family:Ellipsis,JapanHeavy,TLHeader,Times,"Times New Roman",serif;
    font-weight:400;
    font-size:11px;
    line-height:1.4;
    letter-spacing:.12em;
    white-space:nowrap;
    text-transform:uppercase;
    text-shadow:0 1px 2px rgba(0,0,0,.75);
    box-shadow:0 6px 16px rgba(0,0,0,.34),0 0 12px rgba(166,107,66,.18),inset 0 1px 0 rgba(255,255,255,.12);
    transition:filter .17s ease,box-shadow .17s ease,transform .17s ease;
    margin:0
}

#callToAction:hover{
    transform:translateY(-1px);
    filter:brightness(1.08);
    background:
      linear-gradient(180deg,rgba(244,210,161,.16),transparent 46%),
      linear-gradient(135deg,#2a180e 0%,#5f361b 48%,#a66b42 100%);
    box-shadow:0 8px 22px rgba(0,0,0,.38),0 0 16px rgba(244,210,161,.24)
}

.discordInvite-btnIcon{
    display:inline-flex;
    width:14px;
    height:14px;
    color:#fff;
    flex:0 0 auto
}

.discordInvite-btnIcon svg,
.discordInvite-glyph{
    width:100%;
    height:100%
}

.discordInvite-buttonIcon{
    font-size:13px;
    line-height:1;
    opacity:.85
}

#buttonText{
    cursor:pointer;
    display:flex;
    min-height:20px;
    height:auto;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    text-align:center;
    font:inherit;
    margin:0
}

@media (max-width:900px){
    .discordInvite-grid{
        grid-template-columns:1fr
    }

    .discordInvite-side{
        border-left:0;
        border-top:1px solid rgba(244,210,161,.22);
        padding-left:0;
        padding-top:9px
    }
}