.messenger.svelte-4ikr9n{height:100%}.messenger.svelte-4ikr9n>*{height:100%}.back-to-message-list.svelte-4ikr9n{z-index:1;padding-block:var(--size-3)}@media (min-width: 1025px){.back-to-message-list.svelte-4ikr9n{display:none}}@media (max-width: 640px){.messenger.svelte-4ikr9n:has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail.hidden-on-mobile:where(.svelte-4ikr9n){display:none}}.messenger.svelte-4ikr9n:has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n){height:calc(100dvh - var(--dynamic-island-row-1-height));grid-column:var(--dynamic-island-track-start) / var(--dynamic-island-track-end)}@media (min-width: 1025px){.messenger.svelte-4ikr9n:has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n){grid-column:23 / -1;display:grid;grid-template-columns:subgrid}:is(.messenger:where(.svelte-4ikr9n):has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n)) .conversation-messages.svelte-4ikr9n,:is(.messenger:where(.svelte-4ikr9n):has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n)) .conversation-reply.svelte-4ikr9n{grid-column:1 / -1;padding-inline-end:var(--page-inline-spacing)}:is(.messenger:where(.svelte-4ikr9n):has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n)) .conversation-messages.svelte-4ikr9n{padding-block-end:100px}}@media (max-width: 1024px){.messenger.svelte-4ikr9n:has(.conversations-container:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n){grid-column:27 / -1}}@media (max-width: 1024px){.messenger.svelte-4ikr9n:has(.conversations-container.collapsed:where(.svelte-4ikr9n)) .conversation-detail:where(.svelte-4ikr9n){grid-column:1 / -1}}.conversations-container.svelte-4ikr9n,.conversation-detail.svelte-4ikr9n{overflow-y:auto;max-height:100%}.conversations-container.svelte-4ikr9n{display:grid;grid-template-rows:auto 1fr;grid-row:1 / 2;max-height:calc(100dvh - var(--dynamic-island-row-1-height));grid-column:var(--dynamic-island-track-start) / 22}@media (max-width: 1024px){.conversations-container.svelte-4ikr9n{grid-column:var(--dynamic-island-track-start) / 26}}@media (max-width: 640px){.conversations-container.svelte-4ikr9n{grid-column:var(--dynamic-island-track-start) / var(--dynamic-island-track-end)}}.conversations-container.svelte-4ikr9n{z-index:2;transition:transform .3s cubic-bezier(.4,0,.6,1)}@media (min-width: 641px){.conversations-container.svelte-4ikr9n{border-inline-end:var(--color-default-stroke) 1px solid}}.conversations-container.svelte-4ikr9n{background-color:var(--color-default-background)}@media (max-width: 1024px){.conversations-container.collapsed.svelte-4ikr9n{transform:translate(-120%)}}.conversations-container.svelte-4ikr9n .search-container:where(.svelte-4ikr9n){z-index:1}.conversations-container.svelte-4ikr9n .conversation-preview:where(.svelte-4ikr9n){display:grid;grid-template-columns:1fr 48px;border-radius:0;-moz-column-gap:var(--size-2);column-gap:var(--size-2);width:100%;min-width:0;grid-template-areas:"link ellipsis" "link ellipsis" "link ellipsis"}@media (hover: hover){.svelte-4ikr9n:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)):has(.conversation-link:where(.svelte-4ikr9n):hover){background-color:var(--color-default-background-25)}}:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link.svelte-4ikr9n{padding-block:var(--size-4);grid-area:link;z-index:1;display:grid;-moz-column-gap:var(--size-3);column-gap:var(--size-3);grid-template-columns:var(--avatar-size) auto;grid-template-rows:auto auto;grid-template-areas:"conversation-avatar conversation-name" "status conversation-message"}:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link:where(.svelte-4ikr9n))>.svelte-4ikr9n{min-width:0}:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link.svelte-4ikr9n) .conversation-avatar{grid-area:conversation-avatar}:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link:where(.svelte-4ikr9n)) .conversation-name.svelte-4ikr9n{grid-area:conversation-name}:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link:where(.svelte-4ikr9n)) .conversation-message.svelte-4ikr9n{grid-area:conversation-message}:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link:where(.svelte-4ikr9n)) .conversation-status.svelte-4ikr9n{grid-area:status;display:flex;justify-content:center}.svelte-4ikr9n:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link:where(.svelte-4ikr9n)):not(:has(.conversation-message)){align-self:center}:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-date.svelte-4ikr9n{grid-area:ellipsis;justify-self:end;white-space:nowrap;padding-block:var(--size-4);padding-inline-end:var(--size-3)}:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-ellipsis.svelte-4ikr9n{grid-area:ellipsis;z-index:1;height:100%}.svelte-4ikr9n:is(:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-ellipsis:where(.svelte-4ikr9n)):hover{opacity:.6}:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-link.svelte-4ikr9n,:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-date.svelte-4ikr9n,:is(.conversations-container:where(.svelte-4ikr9n) .conversation-preview:where(.svelte-4ikr9n)) .conversation-ellipsis.svelte-4ikr9n{min-width:0}.conversation-detail.svelte-4ikr9n{grid-row:1 / 2;grid-column:10 / 42;display:flex;flex-direction:column}@media (min-width: 1025px){.conversation-detail.svelte-4ikr9n{height:-moz-fit-content;height:fit-content}}.conversation-detail.svelte-4ikr9n:has(.messages-group:where(.svelte-4ikr9n)){height:calc(100dvh - var(--dynamic-island-row-1-height))}.conversation-detail.svelte-4ikr9n .conversation-messages:where(.svelte-4ikr9n){padding-block-end:var(--size-8);flex-grow:1}:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .messages-group.svelte-4ikr9n{position:relative}:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .messages-group:where(.svelte-4ikr9n)) .day-separator.svelte-4ikr9n{margin-block-end:var(--size-4);position:sticky;top:var(--size-4);margin-inline:auto;width:-moz-fit-content;width:fit-content;z-index:1;background-color:var(--color-default-foreground-500);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-default-background);padding:var(--size-3) var(--size-5);border-radius:var(--round)}:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message.svelte-4ikr9n{display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;-moz-column-gap:var(--size-3);column-gap:var(--size-3);row-gap:var(--size-1);position:relative;width:-moz-fit-content;width:fit-content;max-width:min(max(min(80%,60ch),40ch),100%);grid-template-areas:"text text" ". name-and-date"}.message-by-current-user.svelte-4ikr9n:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message:where(.svelte-4ikr9n)){margin-left:auto}.message-by-other-user.svelte-4ikr9n:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message:where(.svelte-4ikr9n)) .message-text:where(.svelte-4ikr9n){padding:max(calc(var(--radius-lg) * .8),var(--size-3));background-color:var(--color-default-background-50)}.message-by-other-user.svelte-4ikr9n:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message:where(.svelte-4ikr9n)){grid-template-columns:auto 1fr;grid-template-areas:"text text" "name-and-date ."}:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message:where(.svelte-4ikr9n)) .message-text.svelte-4ikr9n{grid-area:text;border-radius:var(--radius-lg);width:-moz-fit-content;width:fit-content}:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message:where(.svelte-4ikr9n)) .message-name-and-date.svelte-4ikr9n{grid-area:name-and-date}.message-by-current-user.svelte-4ikr9n:is(:is(.conversation-detail:where(.svelte-4ikr9n) .conversation-messages:where(.svelte-4ikr9n)) .message:where(.svelte-4ikr9n))+.message.message-by-current-user:where(.svelte-4ikr9n):before{content:"";position:absolute;top:0;left:0;right:0;display:block;height:1px;background-color:var(--color-default-stroke)}.conversation-detail.svelte-4ikr9n .conversation-reply:where(.svelte-4ikr9n){position:sticky;bottom:0;right:0;width:100%;background-color:var(--color-default-background);padding-block-start:var(--size-2);padding-block-end:var(--page-inline-spacing);z-index:1;box-shadow:0 -10px 20px var(--color-default-background),0 -10px 40px var(--color-default-background);display:grid;grid-template-columns:1fr;align-items:end;justify-items:end}:is(.conversation-detail.svelte-4ikr9n .conversation-reply:where(.svelte-4ikr9n)) *{grid-column:1 / 2;grid-row:1 / 2}:is(.conversation-detail.svelte-4ikr9n .conversation-reply:where(.svelte-4ikr9n)) #submit-message{z-index:1;margin-block-end:var(--size-3);margin-inline-end:var(--size-3)}:is(.conversation-detail.svelte-4ikr9n .conversation-reply:where(.svelte-4ikr9n)) #message{border-radius:27px}.no-conversations-notice.svelte-4ikr9n{grid-row:1 / 3;grid-column:1 / calc(var(--dynamic-island-track-end) - 23 + 1)}.conversation-messages-placeholder.svelte-4ikr9n{max-height:max(30vh,300px);border:none;margin:auto}.sign-in-to-send-message.svelte-4ikr9n{width:100%}.messenger.svelte-4ikr9n #message{min-height:calc(2 * var(--size-3) + 4lh);padding-block:var(--size-3);max-height:40vh}@media (max-width: 1024px){.back-to-message-list.svelte-4ikr9n,.conversation-messages.svelte-4ikr9n,.conversation-reply.svelte-4ikr9n{padding-inline:var(--page-inline-spacing)}}.show-all-contacts-container.svelte-4ikr9n{border-top:1px solid var(--color-default-stroke)}.show-all-contacts-button.svelte-4ikr9n{opacity:.8;transition:opacity .2s ease}.show-all-contacts-button.svelte-4ikr9n:hover{opacity:1}