.trollbox-container{position:fixed;bottom:0;right:0;padding:2px;display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr;border-radius:.125rem;overflow:hidden;max-width:min(60ch,80vw);max-width:min(60ch,80dvw);max-height:80vh;max-height:80dvh;background-color:var(--c-bg_soft);z-index:100}.trollbox-header{width:100%;display:grid;grid-template-columns:1fr}.trollbox-trigger{width:100%;display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.25rem .75rem;border-bottom:var(--border_c_accent);font-family:var(--ff-mono),monospace,monospace;font-size:.875rem;vertical-align:middle}.trollbox-trigger__icon{line-height:.875rem;transform:translateY(15%)}.trollbox-trigger__icon[opened="1"]{transform:translateY(-30%)}.trollbox-external{display:inline-block;width:100%;padding:.25rem .75rem;font-family:var(--ff-mono),monospace,monospace;font-size:.875rem;text-align:start;text-overflow:clip;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:nowrap}.trollbox-chat{display:grid;grid-template-columns:1fr;justify-content:end;row-gap:.5rem;height:100%;min-height:30vh}.trollbox-chat__list{overflow:auto;height:100%;display:flex;flex-direction:column;gap:.125rem;margin:-1px;padding:0 .75rem}.trollbox-form{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%;padding:.25rem .75rem}.trollbox-form__row{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.trollbox-input{border:var(--border);width:100%;background-color:var(--c-bg_main);color:var(--c-text_main);padding:.125rem .25rem;border-radius:.125rem;font-size:.875rem}.trollbox-input:invalid{border-color:red}.trollbox-input--textarea{width:auto;resize:none}.trollbox-message{width:100%;text-align:start;-webkit-margin-end:auto;margin-inline-end:auto;display:flex;flex-direction:row;gap:1px;align-items:start;flex-wrap:nowrap}.trollbox-message__text-secondary{color:var(--c-text_secondary);opacity:.8}.trollbox-message__translation-icon{color:var(--c-text_secondary);display:inline-block}.trollbox-message__date{font-family:var(--ff-mono),monospace,monospace;font-size:var(--fs-p3);align-self:end;color:var(--c_text_secondary);-webkit-margin-start:auto;margin-inline-start:auto;text-align:end;display:inline-block;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}