.kit-emote{display:inline-block;inline-size:22px;block-size:22px;margin-block:-3px;vertical-align:middle;object-fit:contain}.kit-sticker{display:block;inline-size:120px;block-size:120px;object-fit:contain}.kit-gif-shot{display:block;max-inline-size:100%;block-size:auto;border-radius:10px;background:var(--surface-hi,#2a2b31)}.kit-sticker-frame,.kit-gif-shot-frame{display:block}.chat-media{max-inline-size:78%}.chat-msg.is-mine .chat-media{margin-inline-start:auto}.chat-compose.has-kit{position:relative}.chat .chat-compose.has-kit input{padding-inline-end:44px}.kit-toggle{display:grid;place-items:center;inline-size:30px;block-size:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink-muted,#a8a9b0);font-size:18px;cursor:pointer;transition:color var(--dur,.15s) var(--ease,ease),background-color var(--dur,.15s) var(--ease,ease)}.kit-toggle:hover{background:var(--surface-hi,#2a2b31);color:var(--ink,#fff)}.kit-toggle[aria-expanded="true"]{color:var(--chat-blue,#335fff)}.kit-toggle:focus-visible{outline:2px solid var(--chat-blue,#335fff);outline-offset:1px}.chat-compose.has-kit .kit-toggle{position:absolute;inset-block-start:12px;inset-inline-end:18px}.chat-side{transition:block-size .22s cubic-bezier(.22,1,.36,1)}.chat-side.has-kit{--chat-panel-h:min(36rem,calc(100vh - var(--topbar-h,3.1rem) - 2rem))}.kit{display:flex;flex:none;flex-direction:column;block-size:min(20rem,62%);border-block-start:1px solid var(--line,#2c2d34);background:var(--surface,#1b1c21)}.kit-tabs{display:grid;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:10px 12px 0;padding:3px;border-radius:10px;background:var(--bg,#111216)}.kit-tab{block-size:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--ink-muted,#a8a9b0);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color var(--dur,.15s) var(--ease,ease),background-color var(--dur,.15s) var(--ease,ease)}.kit-tab:hover{color:var(--ink,#fff)}.kit-tab[aria-selected="true"]{background:var(--surface-hi,#2a2b31);color:var(--ink,#fff);box-shadow:0 1px 2px rgb(0 0 0/.35)}.kit-tab:focus-visible{outline:2px solid var(--chat-blue,#335fff);outline-offset:-2px}.kit-body{display:flex;flex:1;flex-direction:column;min-block-size:0}.kit-search{position:relative;display:flex;flex:none;align-items:center;margin:8px 12px 2px}.kit-search>.bi{position:absolute;inset-inline-start:11px;color:var(--ink-muted,#a8a9b0);font-size:13px;pointer-events:none}.kit-search input{inline-size:100%;block-size:34px;padding:0 12px 0 33px;border:1px solid var(--line-hi,#3a3b44);border-radius:9px;background:transparent;color:var(--ink,#fff);font:inherit;font-size:13px;font-weight:600}.kit-search input::placeholder{color:var(--ink-muted,#a8a9b0);font-weight:500}.kit-search input:focus{border-color:var(--ink-subtle,#8b8c94);outline:0}.kit-search input:disabled{cursor:not-allowed;opacity:.6}.kit-search input::-webkit-search-cancel-button{display:none}.kit-scroll{flex:1;min-block-size:0;padding:0 12px 12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--line-hi,#3a3b44) transparent;scrollbar-width:thin}.kit-scroll.is-loading::after{content:"Loading more";display:block;padding:6px 0 2px;color:var(--ink-subtle,#8b8c94);font-size:11px;text-align:center}.kit-head{margin:12px 0 6px;color:var(--ink-subtle,#8b8c94);font-size:11px;font-weight:600}.kit-note{margin:18px 6px 6px;color:var(--ink-muted,#a8a9b0);font-size:12px;line-height:1.5;text-align:center;text-wrap:pretty}.kit-head+.kit-note{margin-block-start:4px;text-align:start}.kit-note a{color:var(--accent-hi,#7c9cff);text-underline-offset:2px}.kit-shop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-block-start:12px;padding:9px 12px;border-radius:9px;background:var(--surface-hi,#2a2b31);color:var(--ink,#fff);font-size:12px;font-weight:600;text-decoration:none;transition:background-color var(--dur,.15s) var(--ease,ease)}.kit-shop:hover{background:var(--line-hi,#3a3b44)}.kit-shop:focus-visible{outline:2px solid var(--chat-blue,#335fff);outline-offset:1px}.kit-shop .bi{color:var(--ink-muted,#a8a9b0)}.kit-gifs{columns:2;column-gap:6px}.kit-gif{position:relative;margin-block-end:6px;break-inside:avoid}.kit-gif-send{position:relative;display:block;inline-size:100%;padding:0;border:0;border-radius:8px;background:var(--surface-hi,#2a2b31);overflow:hidden;cursor:pointer}.kit-gif-send img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.kit-gif-send::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--chat-blue,#335fff);opacity:0;transition:opacity var(--dur,.15s) var(--ease,ease)}.kit-gif-send:hover::after,.kit-gif-send:focus-visible::after{opacity:1}.kit-gif-send:focus-visible{outline:0}.kit-gif-star{position:absolute;inset-block-start:5px;inset-inline-end:5px;display:grid;place-items:center;inline-size:26px;block-size:26px;padding:0;border:0;border-radius:50%;background:rgb(0 0 0/.58);color:#fff;font-size:12px;cursor:pointer;opacity:0;transition:opacity var(--dur,.15s) var(--ease,ease),color var(--dur,.15s) var(--ease,ease)}.kit-gif:hover .kit-gif-star,.kit-gif:focus-within .kit-gif-star,.kit-gif-star[aria-pressed="true"]{opacity:1}.kit-gif-star:hover{color:#ffd166}.kit-gif-star[aria-pressed="true"]{color:#ffd166}.kit-gif-star:focus-visible{outline:2px solid #fff;outline-offset:1px}@media(hover:none){.kit-gif-star{opacity:1}}.kit-ghost{margin-block-end:6px;border-radius:8px;background:var(--surface-hi,#2a2b31);break-inside:avoid;animation:kit-wait .9s ease-in-out infinite alternate}.kit-stickers .kit-ghost{margin:0;aspect-ratio:1;border-radius:12px}@keyframes kit-wait{from{opacity:.45}to{opacity:.9}}.kit-stickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-block-start:10px}.kit-sticker-pick{display:grid;place-items:center;aspect-ratio:1;padding:6px;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:background-color var(--dur,.15s) var(--ease,ease)}.kit-sticker-pick:hover{background:var(--surface-hi,#2a2b31)}.kit-sticker-pick:focus-visible{background:var(--surface-hi,#2a2b31);outline:2px solid var(--chat-blue,#335fff);outline-offset:-2px}.kit-sticker-pick picture,.kit-sticker-pick img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.kit-emojis{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}.kit-emoji-pick{display:grid;place-items:center;aspect-ratio:1;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;transition:background-color var(--dur,.15s) var(--ease,ease)}.kit-emoji-pick:hover{background:var(--surface-hi,#2a2b31)}.kit-emoji-pick:focus-visible{background:var(--surface-hi,#2a2b31);outline:2px solid var(--chat-blue,#335fff);outline-offset:-2px}.kit-emoji-pick img{inline-size:30px;block-size:30px;object-fit:contain}.kit-emojis.is-pixel img{inline-size:auto;block-size:auto;max-inline-size:36px;max-block-size:36px;image-rendering:pixelated}@media(max-width:40rem){.chat-side.has-kit{--chat-panel-h:min(38rem,calc(100vh - var(--topbar-h,3.1rem) - 1.5rem))}}@media(prefers-reduced-motion:reduce){.chat-side,.kit-toggle,.kit-tab,.kit-shop,.kit-gif-send::after,.kit-gif-star,.kit-sticker-pick,.kit-emoji-pick{transition:none}.kit-ghost{animation:none;opacity:.6}}.dialog-container.has-kit{block-size:560px}.dialog-container.has-kit .dialog-body{block-size:208px}.dialog-container .kit{clear:both;inline-size:100%;block-size:288px;border-block-start:1px solid #e3e3e3;background:#fff;color:#191919;font-family:"Source Sans Pro",Arial,Helvetica,sans-serif}.dialog-container .kit-tabs{margin:8px 8px 0;border-radius:3px;background:#e3e3e3}.dialog-container .kit-tab{block-size:24px;border-radius:2px;color:#757575;font-weight:600}.dialog-container .kit-tab:hover,.dialog-container .kit-tab[aria-selected="true"]{color:#191919}.dialog-container .kit-tab[aria-selected="true"]{background:#fff;box-shadow:0 1px 2px rgb(25 25 25/.25)}.dialog-container .kit-tab:focus-visible,.dialog-container .kit-shop:focus-visible,.dialog-container .kit-sticker-pick:focus-visible,.dialog-container .kit-emoji-pick:focus-visible{outline-color:#00a2ff}.dialog-container .kit-search{margin:8px 8px 2px}.dialog-container .kit-search>.bi{color:#757575}.dialog-container .kit-search input{block-size:30px;border-color:#b8b8b8;border-radius:3px;background:#fff;color:#191919;font-weight:400}.dialog-container .kit-search input::placeholder{color:#757575;font-weight:400}.dialog-container .kit-search input:focus{border-color:#00a2ff}.dialog-container .kit-scroll{padding:0 8px 8px;scrollbar-color:#b8b8b8 transparent}.dialog-container .kit-head,.dialog-container .kit-scroll.is-loading::after{color:#757575}.dialog-container .kit-note{color:#393b3d}.dialog-container .kit-note a{color:#00a2ff}.dialog-container .kit-shop{border-radius:3px;background:#f2f2f2;color:#191919}.dialog-container .kit-shop:hover{background:#e3e3e3}.dialog-container .kit-shop .bi{color:#757575}.dialog-container .kit-gif-send,.dialog-container .kit-ghost{border-radius:3px;background:#e3e3e3}.dialog-container .kit-gif-send::after{box-shadow:inset 0 0 0 2px #00a2ff}.dialog-container .kit-sticker-pick,.dialog-container .kit-emoji-pick,.dialog-container .kit-stickers .kit-ghost{border-radius:3px}.dialog-container .kit-sticker-pick:hover,.dialog-container .kit-sticker-pick:focus-visible,.dialog-container .kit-emoji-pick:hover,.dialog-container .kit-emoji-pick:focus-visible{background:#e3e3e3}.dialog-input-container.has-kit .dialog-input{padding-inline-end:36px}.dialog-input-container.has-kit .kit-toggle{position:absolute;inset-block-start:1px;inset-inline-end:4px;border-radius:3px;color:#757575}.dialog-input-container.has-kit .kit-toggle:hover{background:#e3e3e3;color:#191919}.dialog-input-container.has-kit .kit-toggle[aria-expanded="true"]{color:#00a2ff}.dialog-container .dialog-message.dialog-triangle.is-media{padding:0;background:transparent;box-shadow:none}.dialog-container .dialog-message.dialog-triangle.is-media::before{display:none}.dialog-message .dialog-message-media{display:block}.dialog-message .kit-gif-shot{border-radius:3px}@media(max-width:543px){.dialog-container:not(.collapsed){z-index:1040}.dialog-container.has-kit{block-size:auto}.dialog-container.has-kit .dialog-body{display:none}.dialog-container .kit{position:fixed;inset:32px 0 32px;z-index:1021;block-size:auto}}