@layer xcxzev0;
@layer xcxzev1;
@layer xcxzev2;
html,body{scroll-behavior:smooth;font-family:Inter,sans-serif;font-size:16px;position:relative}
*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{color:#0d1c2b;grid-template-columns:min-content 1fr;grid-template-areas:"header header""aside main""call call";grid-auto-rows:min-content 1fr;height:100vh;max-height:100vh;margin:0;padding:0;transition:background-color .2s;display:grid}
header{z-index:10;grid-area:header}
aside{grid-area:aside}
main{box-sizing:border-box;grid-area:main;height:calc(100vh - 4.8125rem);padding:1.5rem 2rem 0;overflow-y:auto}
ul,ol{margin:0;padding:0;list-style:none}
.loading-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}
.flex-column{flex-direction:column;height:100%;display:flex}
.xcxzev3::-webkit-scrollbar{width:.75rem;height:.75rem;background-color:#0000!important}
.xcxzev3::-webkit-scrollbar-track{background-color:#0000;background-clip:padding-box}
.xcxzev3::-webkit-scrollbar-thumb{background-color:#b9b9bb;background-clip:padding-box;border:.25rem solid #0000;border-radius:.75rem}
.page-padding-bottom{padding-bottom:2rem}
.activity-item{padding:1rem}
.activity-incoming{color:#fff;background-color:#36597c;border-radius:.75rem .75rem .75rem .125rem}
.activity-outgoing{color:#0d1c2b;background-color:#e8f4fd;border-radius:.75rem .75rem .125rem}
.template-mention{color:#3843eb}
.semi-bold-label{letter-spacing:0;font-size:.875rem;font-weight:600;line-height:120%}
@media not (max-width:1440px){html,body{font-size:clamp(16px,1.1111vw,29px)}}
@layer xcxzev0{h1,h2,h3,h4,h5,h6,p{margin:0}input,textarea,button,select,a,li,div{-webkit-tap-highlight-color:transparent}button,a{all:unset;cursor:pointer}}