h1{text-align:center;color:var(--text)}main>.title{display:flex;justify-content:center;text-transform:uppercase;font-weight:var(--font-weight-bold);gap:5px;align-items:baseline;flex-wrap:wrap}.stats{display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.2);gap:5px;border-radius:9999px;padding:5px 10px;margin:10px auto 50px auto}.online-indicator{width:8px;height:8px;background-color:#00ff4c;border-radius:50%;animation:pulse 1s infinite alternate;box-shadow:0 0 4px #00ff4c}@keyframes pulse{from{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.3)}}.top{display:flex;flex-wrap:nowrap;gap:20px;width:100%}.top>.add>form{width:100%;min-width:350px}.top>.add>form>.invite{display:flex;flex-wrap:nowrap;gap:10px;margin:5px 0;width:100%}.top>.add>form>.invite>input{border:1px solid rgba(255,255,255,.1)}.top>.add>form>ul{position:absolute;color:var(--danger)}input{width:100%;border-radius:var(--radius-base);height:40px}.add{display:flex;width:500px;position:relative}search{display:flex;flex-direction:column;gap:5px;width:100%}search>input{border:1px solid rgba(255,255,255,.1)}.servers{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.card{background-color:var(--dark-white-mixed);width:calc(100% / 3 - 11px);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:10px;transition:var(--default-time);border:1px solid rgba(255,255,255,.1);position:relative;min-width:250px}@media (max-width:900px){.card{width:calc(100% / 2 - 11px)}}@media (max-width:600px){.card{width:100%}}.card:hover{transform:translateY(-1px);transition:var(--default-time);border:1px solid rgba(255,255,255,.3)}.card>.avatar{position:absolute;right:20px}.card>.avatar>img{border-radius:var(--radius-base)}.tag{display:flex;align-items:center;font-weight:700;font-size:22px;color:var(--text);gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px;line-height:1.2}.info>.badges{display:flex}.name{font-size:16px;color:var(--second-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-right:60px}.id{font-size:11px;color:var(--third-text)}.description{display:flex;min-width:0}.description>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--third-text)}.buttons{display:flex;flex-wrap:nowrap;gap:10px}.buttons>.btn{text-transform:uppercase;font-weight:var(--font-weight-bold)}.buttons>.btn:first-child{width:100%}.buttons>.btn:nth-child(2){width:50px;border:1px solid rgba(255,255,255,.1);fill:#f2f2f2}.buttons>.btn:nth-child(2)>svg{position:absolute;height:15px}.buttons>.btn:nth-child(2):hover{border:1px solid rgba(255,255,255,.3);fill:var(--danger)}.buttons>.btn:nth-child(3){width:50px;border:1px solid rgba(255,255,255,.1);fill:#f2f2f2}.buttons>.btn:nth-child(3)>svg{position:absolute;height:15px}.buttons>.btn:nth-child(3):hover{border:1px solid rgba(255,255,255,.3)}.ds{margin-top:auto}.video{padding-top:60px;max-width:600px;justify-content:center;display:flex;flex-direction:column;align-items:center;margin:auto}.video>iframe{padding-top:20px}@media (max-width:800px){.top>.add>form{min-width:0}.top{flex-wrap:wrap}.add{width:100%}}button:disabled{background-color:var(--dark-white-mixed)}button:disabled:hover{cursor:default;background-color:var(--dark-white-mixed)}