.mobile-track,.mobile-pane{display:contents}.mobile-back-btn{display:none}@media (max-width: 768px){html,body{width:100%;height:100%;max-width:100%;overflow:hidden}#app,.app{width:100%;flex:1 1 auto;min-height:0;height:auto;max-width:100%;overflow:hidden}.server-view.app-page,.home-view.app-page{display:block!important;position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0!important;padding:0!important;gap:0!important;overflow:hidden;grid-template-columns:none!important;grid-template-rows:none!important;grid-template-areas:none!important}.mobile-track{display:flex;flex-direction:row;flex-wrap:nowrap;width:300%;height:100%;transform:translateZ(0);transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}html[data-mobile-pane=chat] .mobile-track{transform:translate3d(-33.3333%,0,0)}html[data-mobile-pane=members] .mobile-track{transform:translate3d(-66.6666%,0,0)}.mobile-track.is-dragging{transition:none}.mobile-pane{display:flex;flex-direction:column;flex:0 0 33.3333%;width:33.3333%;max-width:33.3333%;height:100%;min-width:0;min-height:0;overflow:hidden;position:relative;box-sizing:border-box}.mobile-pane--nav{flex-direction:row}.mobile-pane--nav .guilds{flex:0 0 72px;width:72px;height:100%;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--line, #243047);-webkit-overflow-scrolling:touch}.mobile-pane--nav .channels,.mobile-pane--nav .left{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.mobile-pane--nav .ch-list,.mobile-pane--nav .dm-list,.mobile-pane--nav .left{-webkit-overflow-scrolling:touch}.mobile-pane--nav .ch-list,.mobile-pane--nav #dmList{flex:1 1 auto;overflow-y:auto;min-height:0}.mobile-pane--chat{background:var(--bg, #0f1623)}.server-view .mobile-pane--chat>.topbar{display:none!important}.home-view .mobile-pane--chat>.topbar{flex:0 0 auto;width:100%;min-height:48px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.mobile-pane--chat .chat,.mobile-pane--chat .main{flex:1 1 auto;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column;overflow:hidden}.mobile-pane--chat .composer,.mobile-pane--chat .dm-composer{flex:0 0 auto;width:100%;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-pane--chat .messages,.mobile-pane--chat .dm-messages,.mobile-pane--chat .friends-pane .list,.mobile-pane--chat .turbo-pane,.mobile-pane--chat .support-pane{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-pane--chat .dm-pane{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.mobile-pane--chat .friends-pane,.mobile-pane--chat .turbo-pane,.mobile-pane--chat .support-pane{flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.mobile-pane--chat .friends-pane.hidden,.mobile-pane--chat .turbo-pane.hidden,.mobile-pane--chat .support-pane.hidden,.mobile-pane--chat .dm-pane.hidden{display:none!important}.chat-header{padding-left:4px;gap:4px}.mobile-back-btn{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;margin-right:2px;border:none;border-radius:8px;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}.mobile-back-btn:active{background:#ffffff14}.mobile-pane--members{background:var(--bg-elev, #141c2b)}.mobile-pane--members .members,.mobile-pane--members .right{display:flex!important;flex-direction:column;width:100%;height:100%;min-width:0;overflow:hidden}.mobile-pane--members .mem-list,.mobile-pane--members .right-list,.mobile-pane--members .members-pane{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-pane--members .mem-header,.mobile-pane--members .right-h{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:12px 12px 8px}.mobile-pane--members .members.hidden,.mobile-pane--members .members-pane.hidden{display:flex!important}.own-profile-popup,.other-profile-pane{width:min(340px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:auto}.picker,.dm-picker,#emojiPicker,#gifPicker{max-width:calc(100vw - 16px)!important;left:8px!important;right:8px!important;box-sizing:border-box}.composer-form,.dm-composer-form{flex-wrap:wrap;gap:6px}.composer-form .input,.dm-composer-form .input{flex:1 1 120px;min-width:0}}