:root{--giz-media-scrim:#07101f;--giz-media-text:#f4f7ff}.body--light{--q-primary:#263a8f;--q-secondary:#b7c3da;--q-accent:#6061cd;--q-dark:#fff;--q-text:#2f3440;--q-menu-bg:#fff;--giz-app-bg:#f7f8fb;--giz-sidebar-bg:#eef1f6;--giz-sidebar-border:#1f29371f;--giz-divider-subtle:#1f293714;--giz-header-bg:transparent;--giz-header-divider:#1f29370b;--giz-active-bg:#6061cd21;--giz-active-text:#30328f;--giz-hover-bg:#1f29370f;--giz-surface:#fff;--giz-floating-control-bg:color-mix(in srgb, var(--giz-surface) 78%, transparent);--giz-surface-muted:#eef1f6;--giz-surface-hover:#e5e9f1;--giz-input-bg:#eef1f6;--giz-border:#1f29371f;--giz-field-underline:#1f29372e;--giz-field-underline-focus:#6061cd94;--giz-text-muted:#2f3440b8;--giz-tile-shadow:0 14px 38px #0f172a24;background:var(--giz-app-bg)}.body--dark{--q-primary:#5f73d9;--q-secondary:#4f6fb6;--q-accent:#6061cd;--q-dark-page:#07101f;--q-dark:#07101f;--q-text:#d8dfec;--q-menu-bg:#101a2b;--giz-app-bg:#07101f;--giz-sidebar-bg:#0b1424;--giz-sidebar-border:#d8dfec1f;--giz-divider-subtle:#d8dfec14;--giz-header-bg:transparent;--giz-header-divider:#d8dfec0e;--giz-active-bg:#788bff33;--giz-active-text:#edf2ff;--giz-hover-bg:#d8dfec14;--giz-surface:#111c2d;--giz-floating-control-bg:color-mix(in srgb, var(--giz-surface) 78%, transparent);--giz-surface-muted:#172434;--giz-surface-hover:#1d2c3d;--giz-input-bg:#111c2d;--giz-border:#d8dfec1f;--giz-field-underline:#d8dfec3d;--giz-field-underline-focus:#d8dfec7a;--giz-text-muted:#d8dfecb8;--giz-tile-shadow:0 18px 46px #00000061}.social-thread{gap:0;width:100%;display:grid}.social-thread__composer{border-bottom:1px solid var(--giz-divider-subtle);padding:10px 0 12px}.social-thread__composer .q-field__control,.social-thread__edit .q-field__control,.social-thread__reply .q-field__control{border-radius:12px;min-height:42px}.social-thread__state{min-height:150px;color:var(--giz-text-muted);place-items:center;display:grid}.social-thread__list{display:grid}.social-thread__item{border-bottom:1px solid var(--giz-divider-subtle);grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.social-thread__item--reply{margin-left:calc(min(var(--thread-depth), 3) * 28px);border-left:1px solid var(--giz-divider-subtle);grid-template-columns:32px minmax(0,1fr);padding:12px 0 12px 16px}.social-thread__avatar{background:var(--giz-surface-muted);width:40px;height:40px;color:var(--q-accent);border-radius:999px;place-items:center;font-size:15px;font-weight:900;display:grid;overflow:hidden}.social-thread__item--reply .social-thread__avatar{width:32px;height:32px;font-size:13px}.social-thread__avatar img{object-fit:cover;width:100%;height:100%}.social-thread__body{gap:6px;min-width:0;display:grid}.social-thread__body header{min-width:0;color:var(--giz-text-muted);flex-wrap:wrap;align-items:baseline;gap:7px;font-size:13px;display:flex}.social-thread__body strong{color:var(--q-text);font-size:14px}.social-thread__message{color:var(--q-text);margin:0;font-size:15px;line-height:1.5}.social-thread__replying-to{width:-moz-fit-content;width:fit-content;color:var(--giz-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;padding:0}.social-thread__message :where(p,ul,ol,blockquote,pre){margin:0}.social-thread__message :where(p+p,p+ul,p+ol,ul+p,ol+p){margin-top:.65em}.social-thread__message p{white-space:pre-wrap}.social-thread__deleted{margin:0;font-style:italic;color:var(--giz-text-muted)!important}.social-thread__body footer{gap:6px;margin-top:4px;display:flex}.social-thread__body footer .q-btn{min-height:32px;color:var(--giz-text-muted);border-radius:999px;padding:0 8px;font-size:13px}.social-thread__body footer .q-icon{font-size:20px}.social-thread__edit,.social-thread__reply{margin-top:10px;scroll-margin-block:16px}.social-thread__edit{grid-template-columns:minmax(0,1fr);align-items:end;gap:8px;display:grid}.social-thread__edit>.q-field{width:100%;min-width:0}.social-thread__edit>div{justify-content:flex-end;gap:4px;display:flex}.social-thread__item:target{background:color-mix(in srgb, var(--q-primary) 7%, transparent)}.social-thread__reply .q-field__append{gap:2px}@media (max-width:640px){.social-thread__item--reply{margin-left:calc(min(var(--thread-depth), 2) * 16px);padding-left:12px}}