:root{font-size:16px}.app{display:flex;flex-direction:row;height:100vh}.app .container{width:100%;padding:2rem;overflow-y:auto}.inbox-page .d-inline{display:inline}.attachmentTile{display:flex;width:11.875rem;padding:var(8, .5rem) var(12, .75rem) var(8, .5rem) var(8, .5rem);justify-content:center;align-items:center;gap:var(8, .5rem)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-bubble{background-color:#f2f2f2}.isSelf .chat-bubble{background-color:#638bad}.compose-modal{max-width:80%!important;height:80%}.compose-modal-mobile{position:fixed!important;inset:auto 0 0!important;width:100vw!important;max-width:100vw!important;height:90vh!important;max-height:90vh!important;margin:0!important;padding:1rem;border:none;border-radius:2rem 2rem 0 0!important;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.compose-modal-mobile::backdrop{background:#00000073}.mdxeditor-popup-container{z-index:2000!important}.nav-item__icon-wrapper{position:relative;display:inline-flex}.nav-item__badge{position:absolute;top:-.375rem;right:-.375rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.375rem;background:transparent;border:none;color:#333;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.nav-item:hover{background-color:#e9ecef}.nav-item.nav-item-active{background-color:#007bff;color:#fff}.nav-item.nav-item-active svg{fill:#fff}.nav-item svg{width:1.25rem;height:1.25rem}.desktop-nav{width:25%;min-width:200px;max-width:300px;height:100vh;padding:1rem;box-sizing:border-box;background-color:#f8f9fa;display:flex;flex-direction:column;box-shadow:2px 0 5px #0000000d;position:sticky;top:0;left:0;transition:width .18s ease,min-width .18s ease,max-width .18s ease}.desktop-nav__header{display:flex;justify-content:flex-end;margin-bottom:1rem}.desktop-nav__footer{margin-top:auto}.desktop-nav__toggle{transition:transform .18s ease}.desktop-nav--collapsed{width:64px;min-width:64px;max-width:64px;padding:1rem .5rem}.desktop-nav--collapsed .desktop-nav__toggle{transform:rotate(180deg)}.desktop-nav--collapsed .nav-item{justify-content:center}.desktop-nav--collapsed .nav-item-label{opacity:0;width:0;overflow:hidden;pointer-events:none}.nav-item-label{transition:opacity .14s ease}.desktop-nav__vip-item{position:relative}.mobile-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#fff;box-shadow:0 -2px 8px #0000001a;display:flex;align-items:center;justify-content:space-around;padding:.5rem 1rem;box-sizing:border-box;z-index:100}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;color:#555;font-size:.75rem;font-weight:500}.mobile-nav__compose{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#5b7fa6;color:#fff;border:none;cursor:pointer;flex-shrink:0}.mobile-nav__compose svg{width:1.5rem;height:1.5rem;color:#fff}.mobile-header{position:fixed;top:0;left:0;right:0;width:100%;background-color:#fff;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:space-around;padding:.5rem 1rem;box-sizing:border-box;height:4rem;z-index:100}.inbox-page--mobile{padding-top:4rem;padding-bottom:4rem}.w-0{width:0%}.w-25{width:25%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.w-auto{width:auto}.d-inline{display:inline}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-none{display:none}@media(min-width:576px){.d-sm-inline{display:inline}.d-sm-block{display:block}.d-sm-inline-block{display:inline-block}.d-sm-flex{display:flex}.d-sm-inline-flex{display:inline-flex}.d-sm-grid{display:grid}.d-sm-none{display:none}}@media(min-width:768px){.d-md-inline{display:inline}.d-md-block{display:block}.d-md-inline-block{display:inline-block}.d-md-flex{display:flex}.d-md-inline-flex{display:inline-flex}.d-md-grid{display:grid}.d-md-none{display:none}}@media(min-width:992px){.d-lg-inline{display:inline}.d-lg-block{display:block}.d-lg-inline-block{display:inline-block}.d-lg-flex{display:flex}.d-lg-inline-flex{display:inline-flex}.d-lg-grid{display:grid}.d-lg-none{display:none}}@media(min-width:1200px){.d-xl-inline{display:inline}.d-xl-block{display:block}.d-xl-inline-block{display:inline-block}.d-xl-flex{display:flex}.d-xl-inline-flex{display:inline-flex}.d-xl-grid{display:grid}.d-xl-none{display:none}}@media(min-width:1400px){.d-xxl-inline{display:inline}.d-xxl-block{display:block}.d-xxl-inline-block{display:inline-block}.d-xxl-flex{display:flex}.d-xxl-inline-flex{display:inline-flex}.d-xxl-grid{display:grid}.d-xxl-none{display:none}}