.chirper-avatar.chirper-twitch-avatar{aspect-ratio:1;background:#324b5c;border:1px solid #64869b;border-radius:50%;flex-shrink:0;width:42px;height:42px;display:block;overflow:hidden}.chirper-twitch-avatar>img{object-fit:cover;width:100%;height:100%;display:block}.chirper-reply .chirper-avatar.chirper-twitch-avatar{border-radius:50%;width:30px;height:30px}.host-chirper .chirper-avatar{flex-shrink:0;margin-right:12px}.host-chirper .chirper-city-avatar{color:#98e1fc;background:#324b5c;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}
.chirp-gif{background:var(--nx-s3,#e6e2d3);border:1px solid var(--line);border-radius:14px;width:min(100%,300px);max-height:420px;position:relative;overflow:hidden}.chirp-gif.is-small{width:min(100%,180px)}.chirp-gif video,.chirp-gif img{object-fit:cover;width:100%;height:100%;display:block}.chirp-gif-badge{color:#fff;letter-spacing:.4px;pointer-events:none;background:#000000a6;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:800;position:absolute;bottom:8px;left:8px}.chirp-gif-toggle{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:16px;place-items:center;width:32px;height:32px;display:grid;position:absolute;bottom:6px;right:6px}.chirp-gif-toggle:focus-visible{outline:3px solid var(--sky);outline-offset:1px}.chirp-gif-attached{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.chirp-gif-button{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-weight:800;display:inline-flex}.chirp-gif-button:hover{background:var(--nx-s2,#f6f3ea)}.chirp-gif-button:focus-visible{outline:3px solid var(--sky);outline-offset:1px}.chirp-gif-button:disabled{opacity:.55;cursor:not-allowed}.chirp-gif-picker{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0}.chirp-gif-picker::backdrop{background:#0b1520a6}.chirp-gif-sheet{background:var(--card);border:1px solid var(--line);border-radius:20px 20px 0 0;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;max-height:min(86dvh,720px);padding:14px 16px 12px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000002e}.chirp-gif-sheet>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.chirp-gif-sheet h2{margin:0;font-size:18px}.chirp-gif-close{border:1px solid var(--line);background:var(--nx-s1,#fbf8f0);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:20px;place-items:center;display:grid}.chirp-gif-close:focus-visible{outline:3px solid var(--sky);outline-offset:1px}.chirp-gif-search{flex:none}.chirp-gif-heading{color:var(--muted);margin:0;font-size:13px;font-weight:800}.chirp-gif-scroll{overscroll-behavior:contain;align-content:start;gap:12px;min-height:200px;display:grid;overflow-y:auto}.chirp-gif-grid{columns:2;column-gap:8px;margin:0;padding:0;list-style:none}.chirp-gif-grid li{break-inside:avoid;margin:0 0 8px}.chirp-gif-grid button{background:var(--nx-s3,#e6e2d3);cursor:pointer;border:0;border-radius:10px;width:100%;padding:0;display:block;overflow:hidden}.chirp-gif-grid button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.chirp-gif-grid img{object-fit:cover;width:100%;height:100%;display:block}.chirp-gif-note{text-align:center;color:var(--muted);margin:0;padding:18px 8px}.chirp-gif-more{justify-self:center}.chirp-gif-sheet>footer{justify-content:flex-end;display:flex}.chirp-gif-powered{background:var(--nx-s3,#e6e2d3);color:var(--muted);letter-spacing:.3px;border-radius:10px;padding:3px 10px;font-size:11.5px;font-weight:800}@media (min-width:720px){.chirp-gif-sheet{border-radius:20px;width:min(640px,100vw - 48px);max-height:min(80dvh,720px);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.chirp-gif-grid{columns:3}}.chirp-reply-tools{align-items:center;gap:8px;display:flex}.chirp-gif-attached .chirp-gif{width:min(100%,140px)}