.cc-form{flex-direction:column;gap:8px;min-width:0;display:flex}.cc-row{align-items:flex-end;gap:8px;display:flex}.cc-photo,.cc-send{cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;transition:background-color .18s,color .18s,transform .18s;display:grid}.cc-photo{color:var(--g-ink-2,var(--muted));background:0 0}.cc-photo:hover{background:var(--g-sunken,var(--surface-2));color:var(--g-ink,var(--text))}.cc-field{background:var(--g-sunken,var(--surface-2));border:1px solid #0000;border-radius:22px;flex:auto;align-items:center;min-width:0;min-height:40px;padding:4px 16px;transition:border-color .18s,background-color .18s;display:flex;position:relative}.cc-field:focus-within{border-color:var(--g-line,var(--line));background:var(--g-paper,var(--surface))}.cc-field textarea{resize:none;width:100%;min-width:0;color:var(--g-ink,var(--text));font:inherit;max-height:120px;box-shadow:none;background:0 0;border:0;outline:0;flex:auto;margin:0;padding:5px 0;font-size:15px;line-height:22px}.cc-field textarea::placeholder{color:var(--g-ink-3,var(--muted))}.cc-send{background:var(--g-primary,var(--accent));color:var(--g-on-primary,#fff)}.cc-send.is-idle{background:var(--g-sunken,var(--surface-2));color:var(--g-ink-3,var(--muted))}.cc-send:not(.is-idle):active{transform:scale(.92)}.cc-form .reply-bar{margin:0 4px}.cc-row .author-picker.is-face{flex:none;align-self:flex-end;margin-bottom:2px}.cc-row .face-toggle{width:36px;height:36px;color:var(--g-ink-2,var(--muted));cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.cc-row .face-toggle:active{transform:scale(.96)}.cc-row .face-toggle .comment-face{width:36px;height:36px;margin:0;display:block}.cc-row .face-toggle .comment-face img,.cc-row .face-toggle .comment-face .avatar{object-fit:cover;background:var(--g-accent-soft,var(--surface-2));width:36px;height:36px;color:var(--g-accent-ink,var(--text));border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.cc-row .face-toggle-chev{border:2px solid var(--g-paper,var(--surface));background:var(--g-sunken,var(--surface-2));width:15px;height:15px;color:var(--g-ink-3,var(--muted));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px;transform:rotate(180deg)}.cc-row .face-toggle[aria-expanded=true] .face-toggle-chev{transform:none}.cc-row .author-picker.is-face .select-list{z-index:5;top:auto;bottom:calc(100% + 6px)}.viewer-side .comment-box .author-picker.is-face{flex:none;align-self:flex-end}.viewer-side .comment-box .face-toggle{color:var(--g-ink-2,var(--muted));cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.viewer-side .comment-box .face-toggle-chev{border:2px solid var(--g-paper,var(--surface));background:var(--g-sunken,var(--surface-2));width:15px;height:15px;color:var(--g-ink-3,var(--muted));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px;transform:rotate(180deg)}.viewer-side .comment-box .face-toggle[aria-expanded=true] .face-toggle-chev{transform:none}.viewer-side .comment-box .author-picker.is-face .select-list{top:auto;bottom:calc(100% + 6px)}
