.call-side{display:flex;flex-direction:column;flex:0 1 clamp(320px,35%,420px);min-width:min(320px,100%);min-height:0;overflow:hidden;border-inline-start:1px solid rgb(127 145 170 / .24);background:#f7f9fc;color:#17263b}.call-side [hidden],.call-side[hidden]{display:none}.call-side-tabs,.call-side-compose,.call-side-compose-note{display:flex;align-items:center;gap:4px}.call-side-tabs{padding:0 8px;border-bottom:1px solid rgb(127 145 170 / .24)}.call-side button{min-width:44px;min-height:44px;padding:0 8px}.call-side button:disabled{opacity:.5}.call-side-tabs button{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;white-space:nowrap}.call-side-tabs [aria-pressed=true]{color:#125cbf;box-shadow:inset 0 -2px currentColor;font-weight:650}.call-side-close{margin-inline-start:auto;justify-content:center}.call-side-chat{display:flex;flex-direction:column;flex:1;min-height:0}.call-side-history,.call-side-people{overflow-y:auto;overscroll-behavior:contain;padding:12px}.call-side-history{flex:1}.call-side-people input{width:100%}.call-side-person{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgb(127 145 170 / .18)}.call-side-person strong,.call-side-person small{display:block;overflow-wrap:anywhere}.call-side-person small{opacity:.72}.call-side-message{margin:0 16px 9px 0;padding:8px 10px 0;border-radius:12px;background:#fff;box-shadow:0 1px 2px #13213a1f;font-size:.85rem;overflow-wrap:anywhere}.call-side-message[data-own=true]{margin:0 0 9px 16px;background:#e4effe}.call-side-message>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.call-side-message p{margin-top:6px;white-space:pre-wrap}.call-side-message a{color:#125cbf;text-decoration:underline}.call-side-message time{font-size:.7rem;opacity:.75;white-space:nowrap}.call-side-message blockquote{margin-block:5px;padding-inline-start:8px;border-inline-start:2px solid #4989d6;opacity:.8}.call-side-message button{font-size:.75rem;padding:0}.call-side form{padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgb(127 145 170 / .24)}.call-side form p,.call-side form progress{margin:0 8px}.call-side-compose textarea{width:100%;min-width:0;resize:vertical;max-height:90px;padding:6px 8px;border-radius:8px;background:transparent;border:1px solid rgb(127 145 170 / .4);font-size:.85rem}.call-side-compose button{display:grid;place-items:center}.call-side-compose-note span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-inline-start:8px;font-size:.8rem}:is(.dark,[data-theme=dark]) .call-side{background:#17212c;color:#edf4fc}:is(.dark,[data-theme=dark]) .call-side-message{background:#223042}:is(.dark,[data-theme=dark]) .call-side-message[data-own=true]{background:#213a57}:is(.dark,[data-theme=dark]) .call-side :is(a,[aria-pressed=true]){color:#97c6ff}.call-workspace{container-type:inline-size}@container (max-width: 700px){.call-workspace:has(.call-side:not([hidden]))>.call-scene{position:absolute;inset-inline-start:-10000px;inline-size:1px;block-size:1px}.call-workspace>.call-side:not([hidden]){flex-basis:100%}}.call-meeting-gallery{--tile-size: min(100%, 490px);display:flex;flex:1 1 auto;min-height:0;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;overflow:auto}.call-meeting-gallery[data-count="2"],.call-meeting-gallery:is([data-count="3"],[data-count="4"]){--tile-size: calc((100% - 8px)/2) }.call-meeting-gallery:is([data-count="5"],[data-count="6"],[data-count="7"],[data-count="8"],[data-count="9"]){--tile-size: calc((100% - 16px) / 3)}.call-meeting-gallery:is([data-count="10"],[data-count="11"],[data-count="12"],[data-count="13"],[data-count="14"],[data-count="15"],[data-count="16"]){--tile-size: calc((100% - 24px)/4) }.call-meeting-gallery>div{width:var(--tile-size);min-width:min(148px,100%)}.call-meeting-gallery.call-meeting-gallery-strip{flex:0 0 auto;flex-wrap:nowrap;justify-content:start}.call-meeting-gallery-strip>div{width:160px;flex-shrink:0}@container (max-width: 550px){.call-meeting-gallery{align-content:start}.call-meeting-gallery>div{width:max(calc((100% - 8px)/2),min(148px,100%))}.call-meeting-gallery[data-count="1"]>div{width:100%}}@media (prefers-reduced-motion: reduce){.call-workspace *{transition-duration:0s!important;animation-duration:0s!important}}