.mood-list{display:block;width:min(16rem,calc(100% - 1.55rem));margin:.55rem 0 0 auto;pointer-events:auto}
.mood-list-box{position:relative;box-sizing:border-box;width:100%;height:5.2rem;border:1px solid #3a4250;background:var(--box-fill);color:var(--klf-text-body)}
.mood-list-text,.mood-list-response{box-sizing:border-box;width:100%;height:100%;margin:0;padding:.5rem .6rem;border:0;background:transparent;color:inherit;font:300 .55rem/1.55 Montserrat,sans-serif;letter-spacing:.03em;direction:ltr;text-align:left}
.mood-list-text{display:block;resize:none;outline:none;line-height:1.4}
.mood-list-text::placeholder{color:var(--klf-text-secondary);opacity:1;letter-spacing:0}
.mood-list-text:focus-visible{outline:1px solid var(--box-line-hover);outline-offset:-1px}
.mood-list-text:disabled{color:var(--klf-text-faint)}
.mood-list-response{overflow:auto;white-space:pre-wrap}
.mood-list-response[hidden],.mood-list-text[hidden]{display:none}
.mood-list-text.is-leaving,.mood-list-response.is-leaving{opacity:0;transition:opacity .25s ease}
.mood-list-response.is-typing::after{content:"";display:inline-block;width:.36em;height:.85em;margin-left:.12em;vertical-align:-.08em;background:currentColor}
.mood-list-actions{display:flex;justify-content:flex-end;align-items:center;min-height:1.1rem;margin-top:.4rem}
.mood-list-send{display:inline-block;width:auto;height:auto;margin:0;padding:0 .45rem;border:1px solid var(--box-line);border-radius:2px;background:var(--box-fill);color:var(--klf-text-secondary);font-family:Montserrat,sans-serif;font-size:.46rem;font-weight:400;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:color 200ms ease,background 400ms ease,border-color 400ms ease}
.mood-list-send[hidden],.mood-list-finding[hidden]{display:none}
.mood-list-send:disabled{color:var(--klf-text-faint);cursor:default}
.mood-list-finding{color:var(--klf-text-secondary);font:300 .46rem/1.5 Montserrat,sans-serif;letter-spacing:.12em}
@media(hover:hover){.mood-list-send:not(:disabled):hover{background:var(--box-fill-hover);border-color:var(--box-line-hover);color:var(--box-text-hover)}}
.mood-list-send:focus-visible{outline:1px solid #778395;outline-offset:3px}
.mood-list-note:empty{display:none}
.mood-list-note{margin:.2rem 0 0;text-align:right}
.mood-list-help{margin:.6rem 0 0;color:var(--klf-text-body);font:300 .55rem/1.9 Montserrat,sans-serif;letter-spacing:.06em;text-align:left}
body:has(.kommunistik.is-open) .mood-list-help{visibility:hidden}
.more .mood-list{margin-right:auto;margin-left:0}
.more .mood-list-text,.more .mood-list-response,.more .mood-list-note{text-align:left}
@media(min-width:900px) and (min-height:501px){body:has(.kommunistik.is-open) .sound-map :is(.free-route-name,.mood-list,.mood-list-note){display:none}}
@media(prefers-reduced-motion:reduce){.mood-list-text,.mood-list-response,.mood-list-send{transition:none}}