.messages[data-v-acb587a5]{block-size:100%;container:messages/inline-size;display:grid;grid-template-rows:auto minmax(0,1fr) auto;inline-size:min(400px,100svi)}.messages__header[data-v-acb587a5]{align-items:center;background-color:#fff;display:flex;justify-content:space-between;z-index:1}.messages__body[data-v-acb587a5]{block-size:100%;display:flex;flex-direction:column;overflow:scroll;row-gap:.5rem}.messages__footer[data-v-acb587a5]{align-items:end;background-color:#fff;display:grid;padding:1rem;z-index:1}.messages__footer>*[data-v-acb587a5]{grid-area:1/1}.select[data-v-acb587a5],.textfield[data-v-acb587a5]{border:1px solid var(--color-light-grey-3);border-radius:.5rem;padding:.5rem}.textfield[data-v-acb587a5]{inline-size:100%;min-block-size:1.5rem}.speechLabel[data-v-acb587a5]{display:inline-grid;place-items:center}.speechLabel>*[data-v-acb587a5]{grid-area:1/1}.checkbox[data-v-acb587a5]{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:2.25rem;border:1px solid var(--color-light-grey-3);border-radius:.5rem;display:inline-block;inline-size:2.25rem;position:relative}.checkbox[data-v-acb587a5]:after{background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #0000001a;content:attr(aria-label);font-size:.75rem;inline-size:-moz-max-content;inline-size:max-content;inset-inline-start:0;margin-inline:auto;opacity:0;padding:.25rem;pointer-events:none;position:absolute;transition:.2s ease-out;translate:-100% 0}.checkbox[data-v-acb587a5]:focus-visible:after,.checkbox[data-v-acb587a5]:hover:after{opacity:1;translate:-110% 0;visibility:visible}.checkbox+span[data-v-acb587a5]{color:var(--color-grey-3);font-size:1.4rem;z-index:1}.checkbox[data-v-acb587a5]:checked{background-color:var(--color-main)}.checkbox:checked+span[data-v-acb587a5]{color:#fff}.message[data-v-acb587a5]{--arrow-translate:-50% 0;--arrow-inset:0 auto;--arrow-clip:polygon(0 0%,50% 0,100% 50%,50% 100%);--justify:start;container:message/inline-size;display:grid;gap:.25rem .75rem;grid-template:"icon header" auto "icon body" 1fr "icon footer" auto/auto 70%;justify-content:start;padding-block:1rem;padding-inline:1rem}.message.is-me[data-v-acb587a5]{--arrow-translate:50% 0;--arrow-inset:auto 0;--arrow-clip:polygon(0 50%,50% 0,100% 0%,50% 100%);--justify:end;--icon:none;grid-template:" header " auto " body " 1fr " footer " auto/70%;justify-content:end}.message__icon[data-v-acb587a5]{display:var(--icon,block flow);grid-area:icon}.message__header[data-v-acb587a5]{align-items:baseline;display:flex;gap:.5rem;grid-area:header;justify-content:var(--justify);line-height:1.25}.message__footer[data-v-acb587a5]{align-items:center;display:flex;grid-area:footer;justify-content:space-between}.message__buttons[data-v-acb587a5]{align-items:center;display:flex;gap:.25rem;justify-content:var(--justify)}.message__button[data-v-acb587a5]{border:1px solid var(--color-light-grey-3);border-radius:.5rem;display:inline-grid;font-size:1.25rem;padding-block:.125rem;padding-inline:.25rem;position:relative}.message__button span[data-v-acb587a5]{color:var(--color-grey-5);font-size:inherit;line-height:1;vertical-align:middle}.message__button[data-v-acb587a5]:after{background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #0000001a;content:attr(aria-label);font-size:.75rem;inline-size:-moz-max-content;inline-size:max-content;inset-block-start:0;inset-inline:-2rem;margin-inline:auto;opacity:0;padding:.25rem;position:absolute;transition:.2s ease-out;translate:0 -100%}.message__button[data-v-acb587a5]:focus-visible:after,.message__button[data-v-acb587a5]:hover:after{opacity:1;translate:0 -120%;visibility:visible}.message__stamp[data-v-acb587a5]{align-items:center;border:1px solid var(--color-light-grey-3);border-radius:.5rem;-moz-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-size:1rem;line-height:1.5;padding-inline:.25rem .5rem}.message__stamp span[data-v-acb587a5]{font-size:.75rem;font-weight:700}.message__body[data-v-acb587a5]{grid-area:body}.message__author[data-v-acb587a5]{font-size:.75rem;font-weight:500}.message__content[data-v-acb587a5]{background-color:var(--color-light-grey-1);border-radius:.5rem;padding:.5rem;position:relative}.message__content[data-v-acb587a5]:after{background-color:inherit;block-size:.75rem;-webkit-clip-path:var(--arrow-clip);clip-path:var(--arrow-clip);content:"";display:block;inline-size:1rem;inset-block:.5rem auto;inset-inline:var(--arrow-inset);position:absolute;translate:var(--arrow-translate)}.message__time[data-v-acb587a5]{color:var(--color-grey-3);font-size:.625rem;font-weight:500}.message__send[data-v-acb587a5]{align-self:end;justify-self:end;margin-block-end:.5rem;margin-inline-end:.5rem;opacity:.5;position:relative}.message__send[data-v-acb587a5]:not(:disabled){opacity:1}.message__send[data-v-acb587a5]:not(:disabled):after{background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem #0000001a;content:attr(aria-label);font-size:.75rem;inline-size:-moz-max-content;inline-size:max-content;inset-block-start:0;inset-inline:-2rem;margin-inline:auto;opacity:0;padding:.25rem;position:absolute;transition:.2s ease-out;translate:0 -100%}.message__send[data-v-acb587a5]:not(:disabled):focus-visible:after,.message__send[data-v-acb587a5]:not(:disabled):hover:after{opacity:1;translate:0 -120%;visibility:visible}