.inbox{background-color:var(--element-alt-01);aspect-ratio:1;border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem;font-size:.875rem;line-height:1.42857;display:flex;position:relative;overflow:hidden}@media (max-width:767px){.inbox{aspect-ratio:unset;height:30rem;padding:0 .5rem}}.inbox__title-wrapper{z-index:4;justify-content:space-between;align-items:baseline;padding:0 2.5rem;line-height:1;display:flex;position:absolute;inset:2.5rem 0 auto}.inbox__badge{--size:1.75rem;width:var(--size);height:var(--size);background-color:var(--element-02);color:var(--primary-light);z-index:4;border-radius:50%;justify-content:center;align-items:center;line-height:0;display:flex;position:relative}.inbox__notes-wrapper{width:100%;max-width:25rem;max-height:100%;margin:0 auto;position:relative;overflow:scroll}.inbox__notes{z-index:2;flex-direction:column;justify-content:center;display:flex;position:relative;inset:0}.inbox__top-gap,.inbox__bottom-gap{flex:none;height:7.5rem}@media (max-width:767px){.inbox__top-gap{height:5.5rem}.inbox__bottom-gap{height:3rem}}.scrim{--angle:180deg;--inset:auto 0 0;inset:var(--inset);z-index:2;background:linear-gradient(var(--angle), transparent 0%, var(--element-alt-01) 110%);pointer-events:none;height:25%;position:absolute}.scrim--top{--angle:0deg;--inset:0 0 auto}
.note{--offset:1rem;padding:1rem 1.5rem calc(1rem + var(--offset));cursor:var(--clickable-cursor);-webkit-user-select:none;user-select:none;border-radius:.5rem;gap:1rem;display:flex;position:relative}@media (max-width:767px){.note{--offset:.5rem;padding:1rem 1rem calc(1rem + var(--offset))}}.note__avatar{border-radius:.4rem;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative}.note__avatar-background{z-index:1;background:var(--primary-A10);border-radius:.4rem;position:absolute;inset:0}.note__badge-text{z-index:2;font-weight:500;position:relative}.note__title-wrapper{flex:1;align-items:center;gap:.25rem;font-size:1rem;line-height:1.35;display:flex}.note__title{line-height:1.1}.note__dot{--dimension:.4rem;width:var(--dimension);height:var(--dimension);z-index:2;border-radius:50%;flex:none;position:absolute;top:-.1rem;right:-.1rem}.note__message{max-width:34ch;position:relative;overflow:hidden}.note__message p:not(:last-child){margin-bottom:.33rem}.note__avatar,.note__content{z-index:3;position:relative}.note__highlight,.note__background{inset:0;bottom:var(--offset);background-color:var(--primary-A02);border-radius:.5rem;position:absolute}.note__highlight{z-index:2}.note__background{z-index:1;border:1px solid var(--primary-A10)}