.actions.svelte-49slp7 {
    display: flex;
    grid-area: actions;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-3)
}

.chat-input.svelte-15zhun5 {
    grid-area: input
}

.ctainer.svelte-1126p32 {
    background: var(--grey-500);
    box-shadow: inset 0 -5px 4px -4px #0003, 0 -1px 4px #0003;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0
}

.ctainer.svelte-1126p32 div+div {
    margin-top: 0
}

.wrap.svelte-1126p32 {
    overflow-y: auto;
    max-height: 13rem
}

.layout-default.svelte-1126p32>* {
    display: block
}

.layout-grid.svelte-1126p32 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: var(--space-4);
    margin: var(--space-4)
}

.button-wrap.svelte-1h6yit6 button {
    border-radius: 0;
    justify-content: flex-start;
    width: 100%
}

.command.svelte-1h6yit6 {
    display: flex
}

.description.svelte-1h6yit6 {
    font-weight: 400;
    color: var(--grey-200)
}

.ctainer.svelte-t1tjjw {
    display: flex;
    justify-content: center
}

.emoji.svelte-t1tjjw {
    display: flex;
    align-items: center;
    height: var(--space-6);
    width: var(--space-6);
    font-size: var(--text-size-xl)
}

.button.svelte-t1tjjw {
    padding: var(--space-2);
    border-radius: var(--border-radius-base);
    transition: background-color var(--transition-fast), color var(--transition-fast)
}

.button.active.svelte-t1tjjw,
.button.svelte-t1tjjw:active {
    background-color: var(--grey-300)
}

@media (hover: hover) {
    .button.svelte-t1tjjw:hover {
        background-color: var(--grey-300)
    }
}

.header.svelte-1pshw7a {
    display: flex;
    justify-content: space-between;
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4)
}

.description.svelte-mywyyy {
    font-weight: 400;
    color: var(--grey-200)
}

.wrap.svelte-z0ayqu {
    color: var(--grey-200);
    display: flex;
    justify-content: space-between;
    font-size: var(--text-size-xs)
}

.wrap.svelte-vo3igl {
    border-radius: var(--border-radius-0-15);
    font-weight: 600;
    padding: 0 var(--space-1);
    white-space: nowrap
}

.wrap.svelte-1lweo91 {
    text-decoration: underline;
    white-space: break-spaces;
    text-align: left
}

.wrap.svelte-3h5c1m {
    text-decoration: underline
}

.wrap.svelte-3h5c1m>span {
    text-decoration: inherit
}

.wrap.svelte-1oevb1d {
    border-radius: var(--border-radius-base);
    width: 100%;
    background: var(--grey-500)
}

.content.svelte-1oevb1d {
    padding: .5em 1em;
    width: 100%
}

.content.svelte-1oevb1d>p {
    color: var(--white);
    width: 100%
}

.content.svelte-1oevb1d>p>a {
    text-decoration: underline
}

.wrap.svelte-b79f8l {
    border-radius: var(--border-radius-base);
    width: 100%;
    background: var(--grey-500)
}

.header.svelte-b79f8l {
    position: relative;
    padding: var(--spacingEm-0-25) var(--spacingEm-1);
    background: var(--grey-400);
    color: var(--white);
    line-height: 1;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.header.svelte-b79f8l>*+* {
    margin-left: .5ch
}

.content.svelte-b79f8l {
    padding: .5em 1em;
    width: 100%
}

.content.svelte-b79f8l>p {
    color: var(--white);
    width: 100%
}

.content.svelte-b79f8l>p>a {
    text-decoration: underline
}

.wrap.svelte-1nho5ye {
    border-radius: var(--border-radius-base);
    width: 100%;
    background: var(--grey-500)
}

.header.svelte-1nho5ye {
    position: relative;
    padding: var(--spacingEm-0-25) var(--spacingEm-1);
    background: var(--grey-400);
    color: var(--white);
    line-height: 1;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.header.svelte-1nho5ye>*+* {
    margin-left: .5ch
}

.content.svelte-1nho5ye {
    padding: .5em 1em;
    width: 100%
}

.content.svelte-1nho5ye>p {
    color: var(--white);
    width: 100%
}

.content.svelte-1nho5ye>p>a {
    text-decoration: underline
}

.header-background.svelte-1nho5ye {
    position: absolute;
    margin-left: 0;
    top: 0;
    left: 0
}

.rain-bot.svelte-1nho5ye {
    display: inline-flex;
    align-items: flex-start;
    overflow: hidden
}

.rain-bot.svelte-1nho5ye>*+* {
    margin-left: var(--space-1) !important
}

.rain-bot.svelte-1nho5ye>span,
.rain-bot.svelte-1nho5ye>button {
    align-self: baseline
}

.wrap.svelte-ovoyif {
    border-radius: var(--border-radius-base);
    width: 100%;
    background: var(--grey-500)
}

.header.svelte-ovoyif {
    position: relative;
    padding: var(--spacingEm-0-25) var(--spacingEm-1);
    background: var(--grey-400);
    color: var(--white);
    line-height: 1;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.header.svelte-ovoyif>*+* {
    margin-left: .5ch
}

.content.svelte-ovoyif {
    padding: .5em 1em;
    width: 100%
}

.content.svelte-ovoyif>p {
    color: var(--white);
    width: 100%
}

.content.svelte-ovoyif>p>a {
    text-decoration: underline
}

.wrap.svelte-oh0qgr {
    border-radius: var(--border-radius-base);
    width: 100%;
    background: var(--grey-500)
}

.header.svelte-oh0qgr {
    position: relative;
    padding: var(--spacingEm-0-25) var(--spacingEm-1);
    background: var(--grey-400);
    color: var(--white);
    line-height: 1;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0
}

.header.svelte-oh0qgr>*+* {
    margin-left: .5ch
}

.header-background.svelte-oh0qgr {
    position: absolute;
    margin-left: 0;
    top: 0;
    left: 0
}

.content.svelte-oh0qgr {
    padding: .5em 1em;
    width: 100%
}

.content.svelte-oh0qgr>p {
    color: var(--white);
    width: 100%
}

.content.svelte-oh0qgr>p>a {
    text-decoration: underline
}

.wrap.svelte-uhbqta {
    border-radius: var(--border-radius-base);
    width: 100%;
    background: var(--grey-500)
}

.content.svelte-uhbqta {
    padding: .5em 1em;
    width: 100%
}

.content.svelte-uhbqta>p {
    color: var(--white);
    width: 100%
}

.content.svelte-uhbqta>p>a {
    text-decoration: underline
}

.holder-wrap.svelte-uhbqta {
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
}

.message-content.svelte-g1f16q {
    overflow-x: hidden;
    min-height: 0px;
    transform: translateZ(0);
    overflow-y: scroll;
    word-break: break-word;
    padding: var(--space-2) var(--space-4);
    display: flex;
    flex-direction: column;
    overflow-anchor: none;
    overscroll-behavior: contain
}

.message-content.svelte-g1f16q>*+* {
    margin-top: var(--space-2)
}

.chat-unavailable.svelte-g1f16q {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.more-wrap.svelte-g1f16q {
    left: 50%;
    position: absolute;
    bottom: var(--space-6);
    transform: translate(-50%)
}

.more-wrap.svelte-g1f16q:hover .messages-to-read {
    display: inline-flex
}

.more-wrap.svelte-g1f16q:hover .chat-paused {
    display: none
}

.more-wrap.svelte-g1f16q>button {
    min-width: 210px
}

.messages-to-read.svelte-g1f16q,
.chat-paused.svelte-g1f16q {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    margin-left: 0
}

.messages-to-read.svelte-g1f16q *+*,
.chat-paused.svelte-g1f16q *+* {
    margin-top: var(--space-1);
    margin-left: var(--space-2)
}

.chat-paused.svelte-g1f16q {
    word-break: none
}

.messages-to-read.svelte-g1f16q {
    display: none
}

.online.svelte-fspnwy {
    grid-area: online;
    display: flex;
    align-items: center
}

.online.svelte-fspnwy>*+* {
    margin-left: var(--space-2)
}

.messages.svelte-1g9csv6 {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    touch-action: none
}

.right-header.svelte-1g9csv6 {
    display: flex;
    align-items: center
}

.popped-chat-wrapper.svelte-1g9csv6 {
    display: flex;
    align-items: center;
    flex-direction: column
}

.popped-chat-wrapper.svelte-1g9csv6>*+* {
    margin-top: var(--space-2)
}

.footer.svelte-1g9csv6 {
    position: relative;
    display: grid;
    align-items: center;
    padding: var(--space-4);
    row-gap: var(--space-2);
    background: var(--grey-500);
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-template-areas: "input input" "online actions";
    touch-action: none
}

.footer.svelte-1g9csv6 *,
.footer.svelte-1g9csv6:not(:global(.scrollY)) {
    touch-action: none
}

.header.svelte-1g9csv6 {
    background: var(--grey-700);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--header-height);
    z-index: 2;
    position: relative;
    box-shadow: var(--shadows-lg);
    flex-shrink: 0;
    touch-action: none;
    padding-right: var(--scrollbar-size);
    padding-left: var(--space-4)
}