*,*:before,*:after{box-sizing:border-box}body{margin:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px!important;max-width:100vw;color-scheme:light!important}.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)}.chat-bubble{background-color:#fff;padding:8px 12px;border-radius:4px 16px 16px}.isSelf .chat-bubble{background-color:#d9e1ec;border-radius:16px 4px 16px 16px}.isSelf>div>div{align-items:flex-end}.display-chat:not(:first-child){margin-top:1rem}.threadListDivider{border-radius:0!important;background-color:transparent!important;box-shadow:none!important;padding:.5rem 1rem!important}.threadListDivider__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.unread{border-left:6px solid #F7A06E}.threadListItem{border-radius:0!important}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipientGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-height:300px;overflow-y:auto}.recipientTile{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer}.recipientTile--selected{border-color:#000}.recipientTile__name{font-size:.75rem;text-align:center;word-break:break-word;line-height:1.2}.compose-modal{max-width:80%!important;max-height:80vh;overflow-y:auto}.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;width:100%;box-sizing:border-box;transition:background .2s,color .2s}.nav-item:hover{background-color:#e9ecef}.nav-item.nav-item-active{background-color:#fff;color:#333}.desktop-nav{width:200px;flex-shrink:0;color:#fff!important;height:100vh;box-sizing:border-box;background-color:#577798;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:70px;min-width:70px;max-width:70px;padding:1rem .5rem;overflow:hidden}.desktop-nav--collapsed .desktop-nav__toggle{transform:rotate(180deg)}.desktop-nav--collapsed .nav-item{justify-content:center;gap:0}.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;color:#6182b0;font-weight:600;box-shadow:0 -10px 18px #0000001a;padding:.5rem 1rem;z-index:100;overflow:visible}.mobile-nav__compose-col{overflow:visible!important}.mobile-nav__compose{display:flex;align-items:center;justify-content:center;width:4rem!important;height:4rem!important;border-radius:50%!important;background-color:#5b7fa6!important;color:#fff;border:none!important;cursor:pointer;flex-shrink:0;margin-left:-1rem;transform:translateY(-2rem);box-shadow:0 0 0 7px #fff}.mobile-nav__compose svg{width:1.75rem;height:1.75rem;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:2rem 1rem 3rem;box-sizing:border-box;height:5rem;z-index:100}@media(max-width:768px){body{margin-top:5rem}}.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}}