.channel-directory-open{width:100%;margin-top:12px;padding:12px;border:1px solid rgba(74,137,236,.25);border-radius:11px;background:#0d2038;color:#8eb9f4;display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left;font:700 .76rem Manrope;cursor:pointer}.channel-directory-open:hover{background:#122a49;color:#fff}.channel-directory-open small{min-width:23px;padding:3px 6px;border-radius:7px;background:#172f50;text-align:center}.joined-leave{border:0;background:transparent;color:#607897;font-size:.8rem;cursor:pointer}.joined-leave:hover{color:#ff8297}.channel-directory{position:fixed;z-index:45;inset:0;display:grid;place-items:center}.channel-directory[hidden]{display:none}.channel-directory-card{position:relative;z-index:1;width:min(520px,calc(100vw - 28px));max-height:min(680px,calc(100svh - 40px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;padding:22px;border:1px solid rgba(128,156,197,.18);border-radius:19px;background:#0a1728;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.5)}.channel-directory-card header{display:flex;justify-content:space-between;align-items:start}.channel-directory-card h2{margin:0;font-size:1.2rem}.channel-directory-card p{margin:5px 0 0;color:#7186a4;font-size:.7rem}.channel-directory-card header button{border:0;background:transparent;color:#7690b1;font-size:1.4rem;cursor:pointer}.channel-directory-card>input{height:43px;border:1px solid rgba(128,156,197,.18);border-radius:10px;background:#071321;color:#fff;padding:0 12px;outline:0}.channel-directory-list{display:grid;gap:7px;overflow:auto}.directory-channel{width:100%;border:1px solid rgba(128,156,197,.11);border-radius:12px;background:#0d1d31;color:#dce9fb;padding:12px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left;cursor:pointer}.directory-channel:hover{border-color:rgba(65,135,244,.4);background:#112642}.directory-channel>span:first-child{font-size:1.05rem}.directory-channel strong,.directory-channel small{display:block}.directory-channel small{color:#647b9a;font-size:.6rem;margin-top:3px}.directory-count{min-width:30px;padding:5px 7px;border-radius:8px;background:#142c4b;color:#7eb3f7!important;text-align:center;font-weight:800}.directory-empty{padding:25px;color:#6f85a2;text-align:center;font-size:.72rem}@media(max-width:680px){.channel-directory{place-items:end center}.channel-directory-card{width:100%;max-height:78svh;border-radius:20px 20px 0 0;padding:18px}}