discord-transcript-ui 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ /*! discord-transcript-ui v1.1.0 | MIT | https://github.com/x1xo/discord-transcript-ui */
2
+ :root{--dt-font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--dt-font-mono: "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--dt-font-size: 1rem;--dt-line-height: 1.375rem;--dt-radius-sm: 4px;--dt-radius-md: 8px;--dt-radius-lg: 12px;--dt-bg-primary: #323339;--dt-bg-secondary: #393a41;--dt-bg-tertiary: #2c2d32;--dt-bg-embed: #393a41;--dt-bg-code: #323339;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .039);--dt-bg-mentioned: rgba(248, 163, 0, .078);--dt-bg-scrollbar-thumb: #767780;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #f3f3f4;--dt-text-strong: #ffffff;--dt-text-subtle: #c5c6ca;--dt-text-muted: #9d9ea5;--dt-text-link: #76aff6;--dt-text-on-brand: #ffffff;--dt-status-online: #3d9e60;--dt-status-idle: #ffcb6e;--dt-status-dnd: #dc4247;--dt-status-offline: #9d9ea5;--dt-border: rgba(151, 151, 159, .122);--dt-border-strong: rgba(151, 151, 159, .2);--dt-brand: #5865f2;--dt-accent-bar: var(--dt-brand);--dt-role-default: #f3f3f4;--dt-embed-default-color: #4f545c;--dt-divider: rgba(151, 151, 159, .122);--dt-line-color: #595a63;--dt-mention-bg: rgba(88, 101, 242, .239);--dt-mention-text: #cdd7ff;--dt-mention-role-color: var(--dt-role-default);--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: var(--dt-text-normal);--dt-spoiler-bg: #7d7e87;--dt-spoiler-revealed-bg: rgba(151, 151, 159, .078);--dt-gutter: 16px;--dt-avatar-size: 40px;--dt-avatar-gap: 16px;--dt-msg-padding-right: 48px;--dt-reply-avatar-size: 16px;--dt-button-secondary: rgba(151, 151, 159, .122);--dt-button-secondary-hover: rgba(151, 151, 159, .2);--dt-button-primary: #5865f2;--dt-button-primary-hover: #4654c0;--dt-button-success: #248046;--dt-button-danger: #da3e44;--dt-button-link: rgba(151, 151, 159, .122);--dt-reaction-bg: rgba(151, 151, 159, .122);--dt-reaction-border: rgba(151, 151, 159, .122);--dt-reaction-bg-reacted: rgba(88, 101, 242, .239);--dt-reaction-border-reacted: #5865f2;--dt-reaction-text-reacted: #dfe4ff;--dt-focus-ring: #76aff6;--dt-transition: .12s ease}dms[light-theme],dms[data-theme=light],:root[data-theme=light]{--dt-bg-primary: #ffffff;--dt-bg-secondary: #ffffff;--dt-bg-tertiary: #f3f3f4;--dt-bg-embed: #ffffff;--dt-bg-code: #f3f3f4;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .078);--dt-bg-mentioned: rgba(248, 163, 0, .1);--dt-bg-scrollbar-thumb: #8b8c94;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #2e2e34;--dt-text-strong: #28282d;--dt-text-subtle: #595a63;--dt-text-muted: #6c6d76;--dt-text-link: #006dd4;--dt-role-default: #2e2e34;--dt-border: rgba(151, 151, 159, .278);--dt-border-strong: rgba(151, 151, 159, .4);--dt-divider: rgba(151, 151, 159, .278);--dt-line-color: #c5c6ca;--dt-embed-default-color: #d4d7dc;--dt-mention-bg: rgba(88, 101, 242, .15);--dt-mention-text: #2e3c88;--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: #2e2e34;--dt-spoiler-bg: #8f9097;--dt-spoiler-revealed-bg: #ebeced;--dt-reaction-border: rgba(151, 151, 159, .278);--dt-reaction-text-reacted: #273478;--dt-status-online: #01783e;--dt-status-idle: #faaa00;--dt-status-dnd: #d22d39;--dt-status-offline: #5f606a;--dt-focus-ring: #006dd4}dms[data-theme=dark]{--dt-bg-primary: #323339;--dt-bg-secondary: #393a41;--dt-bg-tertiary: #2c2d32;--dt-bg-embed: #393a41;--dt-bg-code: #323339;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .039);--dt-bg-mentioned: rgba(248, 163, 0, .078);--dt-bg-scrollbar-thumb: #767780;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #f3f3f4;--dt-text-strong: #ffffff;--dt-text-subtle: #c5c6ca;--dt-text-muted: #9d9ea5;--dt-text-link: #76aff6;--dt-role-default: #f3f3f4;--dt-border: rgba(151, 151, 159, .122);--dt-border-strong: rgba(151, 151, 159, .2);--dt-divider: rgba(151, 151, 159, .122);--dt-line-color: #595a63;--dt-embed-default-color: #4f545c;--dt-mention-bg: rgba(88, 101, 242, .239);--dt-mention-text: #cdd7ff;--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: #f3f3f4;--dt-spoiler-bg: #7d7e87;--dt-spoiler-revealed-bg: rgba(151, 151, 159, .078);--dt-reaction-border: rgba(151, 151, 159, .122);--dt-reaction-text-reacted: #dfe4ff;--dt-status-online: #3d9e60;--dt-status-idle: #ffcb6e;--dt-status-dnd: #dc4247;--dt-status-offline: #9d9ea5;--dt-focus-ring: #76aff6}:where(dms,dm,dai,drp,de,ded,defs,def,defo,dats,dimg,dfil,daud,dvid,drs,dr,dsp,dti,dme,demo,dc,dp,dq,dli,dul,dol,dh,dcmd,dsy,dth,dthm,dar,dbtn,dvat){box-sizing:border-box}:where(dms,dm,de,dats,drs,drp,dsy,dcmd,dth,dthm,dar,dp,dq,dul,dol,dh){display:block;font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);color:var(--dt-text-normal);text-align:left}:where(dm,drp,de,dats,drs){-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:anywhere}:where(db){font-weight:700}:where(di){font-style:italic}:where(dun){text-decoration:underline}:where(dst){text-decoration:line-through}:where(dsub){display:block;color:var(--dt-text-subtle);font-size:.875rem;line-height:1.20313rem}:where(dh){display:block;margin:8px 0 0;font-weight:600;line-height:1.375em}:where(dh[level="1"]){font-size:1.5rem}:where(dh[level="2"]){font-size:1.25rem}:where(dh[level="3"]){font-size:1rem}:where(dq){display:block;margin:4px 0;padding:0 8px 0 12px;color:var(--dt-text-subtle);border-left:4px solid var(--dt-line-color);border-radius:var(--dt-radius-sm)}:where(dul,dol){margin:0;padding-left:1.375em}:where(dli){display:list-item;margin:0 0 4px;padding:0}:where(dul)>dli{list-style:disc outside}:where(dol)>dli{list-style:decimal outside}:where(dl){color:var(--dt-text-link);text-decoration:none}:where(dl):hover{text-decoration:underline}:where(dm,de,ded,def,drp,dq) a:not([class]){color:var(--dt-text-link);text-decoration:none}:where(dm,de,ded,def,drp,dq) a:not([class]):hover{text-decoration:underline}.dt-page{min-height:100vh;margin:0;background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);-webkit-font-smoothing:antialiased}.dt-page__inner{max-width:100%;margin:0 auto;padding:1rem 0 4rem}.dt-page__title{margin:0 0 1rem;padding:0 16px;font-size:1.25rem;font-weight:700;color:var(--dt-text-strong)}.dt-page__meta{margin:0 0 1.5rem;padding:0 16px;font-size:.875rem;color:var(--dt-text-muted)}:where(dms){display:block;position:relative;margin:0 auto;padding:8px 0 16px;background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);line-height:var(--dt-line-height);overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--dt-bg-scrollbar-thumb) var(--dt-bg-scrollbar-track)}:where(dms[no-background]){background:transparent;padding:0}:where(dms[channel-name]):before{content:attr(channel-name);display:block;margin:0 0 8px;padding:4px 16px 12px;border-bottom:1px solid var(--dt-divider);font-size:1.25rem;font-weight:700;color:var(--dt-text-strong)}dms[channel-type=text][channel-name]:before,dms[channel-type=voice][channel-name]:before,dms[channel-type=thread][channel-name]:before,dms[channel-type=forum][channel-name]:before,dms[channel-type=locked][channel-name]:before{content:"#\a0" attr(channel-name)}dms ::-webkit-scrollbar{width:16px;height:16px}dms ::-webkit-scrollbar-thumb{background:var(--dt-bg-scrollbar-thumb);border:4px solid transparent;background-clip:padding-box;border-radius:8px}dms ::-webkit-scrollbar-track{background:var(--dt-bg-scrollbar-track)}:where(dm){position:relative;display:block;margin:0;padding:2px var(--dt-msg-padding-right) 2px var(--dt-gutter);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);-webkit-user-select:text;user-select:text}:where(dm:hover){background:var(--dt-bg-message-hover)}dm:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:600;color:var(--dt-role-default)}dm:not([data-dt-ready]):not([author]):before,dm:not([data-dt-ready])[author=""]:before{content:""}.dt-msg{display:grid;grid-template-columns:var(--dt-avatar-size) minmax(0,1fr);column-gap:var(--dt-avatar-gap);align-items:start}.dt-avatar{grid-column:1;width:var(--dt-avatar-size);height:var(--dt-avatar-size);margin-top:2px;border-radius:50%;overflow:hidden;background:var(--dt-bg-tertiary)}.dt-avatar img{display:block;width:100%;height:100%;object-fit:cover}.dt-content{grid-column:2;min-width:0}.dt-header{display:flex;flex-wrap:wrap;align-items:center;min-height:1.375rem}.dt-author{margin-right:8px;font-weight:500;color:var(--dt-role-default);text-decoration:none}.dt-author--interactive:hover{text-decoration:underline;cursor:pointer}.dt-badges{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.dt-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px;border-radius:4px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase}.dt-badge--verified{padding:0 5px 0 4px}.dt-badge--verified:before{content:"\2713";font-size:.75rem;line-height:1}.dt-badge--server{background:#3ba55c}.dt-badge--official{background:#1abc84}.dt-timestamp{font-size:.75rem;line-height:1.375rem;color:var(--dt-text-muted);white-space:nowrap}.dt-timestamp:hover{text-decoration:underline}.dt-edited{margin-left:4px;font-size:.625rem;color:var(--dt-text-muted)}.dt-body{display:block;min-width:0}.dt-body>:first-child{margin-top:0}.dt-jumbo{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.dt-jumbo demo img,.dt-jumbo>img.emoji{width:48px;height:48px}dm[highlight],dm[ephemeral],dm[mentioned]{background:var(--dt-bg-mentioned)}dm[highlight]:after,dm[ephemeral]:after,dm[mentioned]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--dt-accent-bar);pointer-events:none}dm[ephemeral]{background:#5865f214}dm[highlight]:hover,dm[mentioned]:hover{background:var(--dt-bg-mentioned)}dm[data-dt-continuation] .dt-avatar,dm[message-body-only] .dt-avatar{visibility:hidden}dm[data-dt-continuation] .dt-header,dm[message-body-only] .dt-header{display:none}dm[data-dt-continuation]:hover:before,dm[data-dt-continuation]:focus-within:before{content:attr(data-dt-short-time);position:absolute;top:3px;left:var(--dt-gutter);width:calc(var(--dt-avatar-size) - 4px);font-size:.6875rem;line-height:1.375rem;color:var(--dt-text-muted);white-space:nowrap;overflow:hidden;pointer-events:none}dm[data-dt-group-start]{margin-top:1.0625rem}dm:first-child{margin-top:0}dms[compact-mode],dm[compact-mode]{--dt-avatar-size: 16px;--dt-avatar-gap: 8px;--dt-gutter: 16px;--dt-msg-padding-right: 16px}dms[compact-mode] dm{padding-top:1px;padding-bottom:1px}dms[compact-mode] .dt-avatar{margin-top:.25rem}dms[compact-mode] .dt-header{display:inline;margin-right:8px}dms[compact-mode] .dt-author{margin-right:6px}dms[compact-mode] .dt-body{display:inline}dms[compact-mode] .dt-timestamp{margin-right:6px;font-size:.6875rem}:where(dai){display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--dt-role-default)}dai:not([data-dt-ready]):before{content:attr(author)}:where(dai[bot],dai[server],dai[official-app],dai[op]) :after{margin-left:4px;padding:0 4px;border-radius:3px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:15px}:where(dai[bot]):after{content:"APP"}:where(dai[bot][verified]):after{content:"\2713\a0aPP"}:where(dai[server]):after{content:"SERVER";background:#3ba55c}:where(dai[official-app]):after{content:"OFFICIAL";background:#1abc84}:where(dai[op]):after{content:"OP"}:where(dme){display:inline;padding:0 2px;border-radius:3px;background:var(--dt-mention-bg);color:var(--dt-mention-text);font-weight:500;cursor:pointer}:where(dme):hover{background:var(--dt-bg-modifier-active)}:where(dme[type=channel]),:where(dme[type=voice]),:where(dme[type=thread]),:where(dme[type=forum]),:where(dme[type=locked]){background:var(--dt-mention-channel-bg);color:var(--dt-mention-channel-text)}:where(dme[type=role]){background:var(--dt-mention-bg);color:var(--dt-mention-role-color)}dme:not([no-prefix]):before{content:"@"}dme:not([no-prefix])[type=channel]:before,dme:not([no-prefix])[type=voice]:before,dme:not([no-prefix])[type=thread]:before,dme:not([no-prefix])[type=forum]:before,dme:not([no-prefix])[type=locked]:before{content:"#"}:where(demo){display:inline-block;vertical-align:-.25em}:where(demo) img{display:inline-block;width:1.375em;height:1.375em;object-fit:contain;vertical-align:middle}demo:not([data-dt-ready]):not(:has(img)):before{content:attr(name);font-size:.75rem;color:var(--dt-text-muted)}:where(dti){display:inline;padding:0 2px;border-radius:3px;background:var(--dt-bg-modifier-hover);font-size:.875rem;white-space:nowrap}:where(dti):hover{background:var(--dt-bg-modifier-active)}:where(dsp){display:inline;border-radius:var(--dt-radius-sm);background:var(--dt-spoiler-bg);color:transparent;cursor:pointer;transition:background var(--dt-transition),color var(--dt-transition)}:where(dsp)::selection{background:transparent;color:transparent}:where(dsp[activated]),:where(dsp[revealed]),:where(dsp[data-dt-revealed]){background:var(--dt-spoiler-revealed-bg);color:inherit;cursor:auto}dsp:not([data-dt-ready]):hover{background:var(--dt-spoiler-revealed-bg);color:inherit}dsp[data-dt-ready]{outline:none}dsp[data-dt-ready]:focus-visible{box-shadow:0 0 0 2px var(--dt-focus-ring)}:where(dc){display:inline;padding:0 2px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-inline-code);border:1px solid var(--dt-border-strong);font-family:var(--dt-font-mono);font-size:.85em;white-space:pre-wrap;word-break:break-word}:where(dc[multiline]){display:block;margin:6px 0 0;padding:8px 12px;border:1px solid var(--dt-border);border-radius:var(--dt-radius-sm);background:var(--dt-bg-code);font-size:.75rem;line-height:1rem;white-space:pre;overflow-x:auto;tab-size:4}:where(dp){position:relative;display:block;margin:6px 0 0;padding:0;border:1px solid var(--dt-border);border-radius:var(--dt-radius-sm);background:var(--dt-bg-code);overflow:hidden}:where(dp)>:where(dc),:where(dp) pre{display:block;margin:0;padding:8px 12px;border:0;border-radius:0;background:none;font-family:var(--dt-font-mono);font-size:.75rem;line-height:1rem;white-space:pre;overflow-x:auto;tab-size:4}:where(dp) code{font-family:inherit}.dt-code-lang{display:block;padding:6px 12px 0;font-family:var(--dt-font);font-size:.75rem;color:var(--dt-text-muted)}.dt-copy{position:absolute;top:6px;right:8px;display:none;padding:2px 8px;border:1px solid var(--dt-border-strong);border-radius:var(--dt-radius-sm);background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:.75rem;cursor:pointer}dp:hover .dt-copy,.dt-copy:focus-visible{display:block}.dt-copy:hover{background:var(--dt-bg-modifier-hover)}:where(dsy){position:relative;display:block;margin:0;padding:2px var(--dt-msg-padding-right) 2px calc(var(--dt-gutter) + var(--dt-avatar-size) + var(--dt-avatar-gap));background:transparent;color:var(--dt-text-muted);font-size:.9375rem}:where(dsy):before{content:"";position:absolute;top:7px;left:calc(var(--dt-gutter) + (var(--dt-avatar-size) - 16px) / 2);width:16px;height:16px;border-radius:50%;background:var(--dt-bg-modifier-hover)}dsy[type=join]:before{background:var(--dt-status-online)}dsy[type=leave]:before,dsy[type=missed-call]:before,dsy[type=alert]:before,dsy[type=error]:before{background:var(--dt-status-dnd)}dsy[type=boost]:before{background:#ff73fa}dsy[type=pin]:before{background:var(--dt-status-idle)}dsy[type=upgrade]:before,dsy[type=thread]:before,dsy[type=edit]:before,dsy[type=call]:before{background:var(--dt-brand)}dsy a,dsy :where(dl){color:var(--dt-text-muted);font-weight:500}dsy .dt-system-time{margin-left:4px;font-size:.75rem;color:var(--dt-text-muted)}:where(dcmd){position:relative;display:block;margin:0 0 2px;padding:0;font-size:.9375rem}dcmd:not([data-dt-ready]):before{content:attr(author) " used /" attr(command) "\a0";font-weight:500;color:var(--dt-text-normal)}.dt-avatar--initials{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase}:where(dth){position:relative;display:block;margin:4px 0 0;padding:4px 120px 4px 12px;border-left:2px solid var(--dt-line-color);font-size:.875rem;color:var(--dt-text-muted)}dth:not([data-dt-ready]):before{content:attr(name);font-weight:500;color:var(--dt-text-normal)}dth[cta]:after{content:attr(cta) " " "\203a";position:absolute;top:4px;right:8px;font-size:.875rem;font-weight:500;color:var(--dt-text-muted);pointer-events:none}dthm{display:block;margin:2px 0;font-size:.875rem}dthm:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:500;color:var(--dt-role-default)}:where(drp){position:relative;display:block;margin:0 0 2px;color:var(--dt-text-normal);font-size:.875rem;line-height:1.125rem;min-height:1.125rem}drp:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:500;color:var(--dt-role-default)}drp[mentions]:not([data-dt-ready]):before{content:"@" attr(author) "\a0"}drp[deleted]>*{display:none}drp[deleted]:before{content:"Original message was deleted";font-style:italic;font-weight:400;color:var(--dt-text-muted)}.dt-msg--has-reply>:where(drp),.dt-msg--has-reply>:where(dcmd){grid-column:2;grid-row:1}.dt-msg--has-reply>.dt-avatar,.dt-msg--has-reply>.dt-content{grid-row:2}dm[data-dt-ready] :where(drp):after{content:"";position:absolute;left:-36px;bottom:-2px;width:36px;height:12px;border-left:2px solid var(--dt-line-color);border-top:2px solid var(--dt-line-color);border-top-left-radius:6px;pointer-events:none}drp[data-dt-ready] .dt-reply-avatar{display:inline-block;width:var(--dt-reply-avatar-size);height:var(--dt-reply-avatar-size);margin-right:4px;border-radius:50%;overflow:hidden;vertical-align:-3px;background:var(--dt-bg-tertiary)}drp[data-dt-ready] .dt-reply-avatar img{display:block;width:100%;height:100%;object-fit:cover}drp[data-dt-ready] .dt-reply-author{margin-right:4px;font-weight:500;color:var(--dt-role-default)}drp[data-dt-ready] .dt-reply-author:hover{text-decoration:underline;cursor:pointer}drp[data-dt-ready] .dt-reply-avatar,drp[data-dt-ready] .dt-reply-author{-webkit-user-select:none;user-select:none}dms[compact-mode] :where(drp):after{display:none}:where(de){position:relative;display:block;margin:8px 0 0;padding:2px 16px 16px 12px;border:1px solid var(--dt-border);border-left:4px solid var(--dt-embed-color, var(--dt-embed-default-color));border-radius:var(--dt-radius-sm);background:var(--dt-bg-embed);max-width:516px;color:var(--dt-text-normal);font-size:.875rem;line-height:1.125rem}.dt-embed-content{min-width:0}de[thumbnail] .dt-embed-content,de[data-dt-thumbnail] .dt-embed-content,de:has(.dt-embed-thumbnail) .dt-embed-content{padding-right:96px}de[thumbnail]:not(:has(.dt-embed-content)),de[data-dt-thumbnail]:not(:has(.dt-embed-content)),de:has(.dt-embed-thumbnail):not(:has(.dt-embed-content)){padding-right:104px}de:not([data-dt-ready])[embed-title]:before{content:attr(embed-title);display:block;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.375rem;color:var(--dt-text-strong)}de:not([data-dt-ready]):not([embed-title])[author-name]:before{content:attr(author-name);display:block;margin:0 0 8px;font-weight:600;line-height:1.125rem}.dt-embed-provider{display:block;margin-bottom:8px;color:var(--dt-text-normal)}.dt-embed-author{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;font-weight:600;line-height:1.125rem}.dt-embed-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}.dt-embed-author a{color:var(--dt-text-normal);text-decoration:none}.dt-embed-author a:hover{text-decoration:underline}.dt-embed-title{display:block;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.375rem;color:var(--dt-text-strong);text-decoration:none}.dt-embed-title--link,a.dt-embed-title:hover,.dt-embed-title a:hover{text-decoration:underline}a.dt-embed-title{color:var(--dt-text-link)}.dt-embed-thumbnail{position:absolute;top:8px;right:16px;width:80px;height:80px;border-radius:var(--dt-radius-sm);overflow:hidden;background:var(--dt-bg-tertiary)}.dt-embed-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}:where(ded){display:block;margin:0;font-size:.875rem;line-height:1.125rem;white-space:pre-line}:where(defs){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:8px}:where(def){grid-column:1 / -1;min-width:0;font-size:.875rem;line-height:1.125rem}:where(def[inline]){grid-column:span 4}de[thumbnail] :where(def[inline]),de[data-dt-thumbnail] :where(def[inline]){grid-column:span 6}.dt-embed-field-title{display:block;margin:0 0 2px;font-weight:600;color:var(--dt-text-strong)}def:not([data-dt-ready]):not(:has(.dt-embed-field-title)):before{content:attr(field-title);display:block;margin-bottom:2px;font-weight:600;color:var(--dt-text-strong)}.dt-embed-image{display:block;margin-top:16px}.dt-embed-image img,.dt-embed-image video{display:block;max-width:100%;max-height:300px;border-radius:var(--dt-radius-sm);object-fit:contain}:where(defo){display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.75rem;line-height:1rem;color:var(--dt-text-muted)}defo:empty:before{content:attr(footer)}.dt-embed-footer-icon{width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--dt-bg-tertiary)}.dt-embed-footer-icon img{display:block;width:100%;height:100%;object-fit:cover}.dt-embed-footer-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--dt-text-muted);opacity:.6}:where(dats){display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;max-width:550px}:where(dats:empty){display:none}:where(dimg){position:relative;display:block;max-width:100%;border-radius:var(--dt-radius-md);overflow:hidden;line-height:0}:where(dimg) img{display:block;max-width:100%;max-height:350px;border-radius:var(--dt-radius-md);object-fit:contain;cursor:pointer}:where(dimg) a{display:block}dimg[url]:not([data-dt-ready]):not(:has(img)){min-width:220px;min-height:120px;border:1px dashed var(--dt-border-strong)}dimg[spoiler] img,dvid[spoiler] video{filter:blur(44px);transition:filter var(--dt-transition)}dimg[spoiler][data-dt-revealed] img,dvid[spoiler][data-dt-revealed] video{filter:none}.dt-spoiler-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--dt-radius-md);background:#00000059;color:#fff;font-family:var(--dt-font);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.dt-spoiler-overlay:hover{background:#00000073}dimg[data-dt-revealed]>.dt-spoiler-overlay,dvid[data-dt-revealed]>.dt-spoiler-overlay{display:none}:where(dfil){display:flex;align-items:center;gap:12px;width:100%;max-width:420px;padding:12px;border:1px solid var(--dt-border);border-radius:var(--dt-radius-md);background:var(--dt-bg-secondary)}:where(dfil) a{display:flex;align-items:center;gap:12px;width:100%;color:inherit;text-decoration:none}dfil:empty{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:center;column-gap:12px}dfil:empty:before{grid-column:1;grid-row:1 / span 2;content:"FILE";display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-modifier-hover);color:var(--dt-text-muted);font-size:.5625rem;font-weight:700}dfil[type]:empty:before{content:attr(type)}dfil:empty:after{grid-column:2;content:attr(name) "\a" attr(bytes) " " attr(bytes-unit);white-space:pre-line;line-height:1.25rem}dfil[bytes=""]:empty:after,dfil:not([bytes]):empty:after{content:attr(name)}.dt-file-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-modifier-hover);color:var(--dt-text-muted);font-size:.5625rem;font-weight:700;text-transform:uppercase;flex:none}.dt-file-meta{display:flex;flex-direction:column;min-width:0}.dt-file-name{font-size:.875rem;font-weight:500;color:var(--dt-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-file-size{font-size:.75rem;color:var(--dt-text-muted)}:where(daud){display:block;width:100%;max-width:420px}:where(daud) audio{display:block;width:100%;max-width:420px;border-radius:var(--dt-radius-md);outline:none}:where(dvid){position:relative;display:block;max-width:100%;border-radius:var(--dt-radius-md);overflow:hidden;background:#000;line-height:0}:where(dvid) video{display:block;max-width:100%;max-height:400px;border-radius:var(--dt-radius-md)}:where(dvid) video:focus-visible,:where(daud) audio:focus-visible{box-shadow:0 0 0 2px var(--dt-focus-ring)}:where(drs){display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}:where(drs:empty){display:none}:where(dr){display:inline-flex;align-items:center;gap:6px;min-width:36px;height:24px;padding:2px 6px;border:1px solid var(--dt-reaction-border);border-radius:var(--dt-radius-md);background:var(--dt-reaction-bg);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:.875rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dt-transition),border-color var(--dt-transition)}:where(dr:hover){border-color:var(--dt-border-strong)}:where(dr[reacted]){background:var(--dt-reaction-bg-reacted);border-color:var(--dt-reaction-border-reacted);color:var(--dt-reaction-text-reacted)}dr:not([data-dt-ready]):before{content:attr(emoji);font-size:1rem;line-height:1}dr[emoji^=http]:not([data-dt-ready]):before,dr[emoji^="data:"]:not([data-dt-ready]):before,dr[emoji^="blob:"]:not([data-dt-ready]):before,dr[emoji^="/"]:not([data-dt-ready]):before,dr[emoji^="./"]:not([data-dt-ready]):before,dr:not([emoji]):not([data-dt-ready]):before{content:none}dr:not([data-dt-ready]):after{content:attr(count);font-size:.875rem;font-weight:500;line-height:1}dr:not([count]):not([data-dt-ready]):after,dr[count="1"]:not([data-dt-ready]):after{content:none}:where(dr) img,.dt-reaction-emoji{display:inline-block;flex:none;width:1rem;height:1rem;overflow:hidden;object-fit:contain;vertical-align:middle}.dt-reaction-count{font-size:.75rem;font-weight:600;line-height:1;color:inherit}:where(dar){display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-width:600px}:where(dbtn){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:2px 16px;border:0;border-radius:var(--dt-radius-sm);background:var(--dt-button-secondary);color:#fff;font-family:var(--dt-font);font-size:.875rem;font-weight:500;line-height:1rem;white-space:nowrap;cursor:pointer;transition:background var(--dt-transition)}:where(dbtn):hover{background:var(--dt-button-secondary-hover)}:where(dbtn[type=primary]){background:var(--dt-button-primary)}:where(dbtn[type=primary]):hover{background:var(--dt-button-primary-hover)}:where(dbtn[type=success]){background:var(--dt-button-success)}:where(dbtn[type=destructive],dbtn[type=danger]){background:var(--dt-button-danger)}:where(dbtn[type=link]){background:var(--dt-button-link)}:where(dbtn[disabled]){opacity:.5;cursor:not-allowed}.dt-button-emoji{width:1rem;height:1rem;object-fit:contain}.dt-button-link-icon{width:12px;height:12px;opacity:.9}:where(dvat){display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px 0 4px;border-radius:4px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;vertical-align:-2px}:where(dvat):before{content:"\2713";font-size:.75rem;line-height:1}:where(dvat:not([verified])):before{content:none}:where(dvat):after{content:"APP"}.dt-divider{height:1px;margin:8px 0;border:0;background:var(--dt-divider)}.dt-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(dm,de,dats,drs) :focus-visible{outline:none;box-shadow:0 0 0 2px var(--dt-focus-ring)}@media(prefers-reduced-motion:reduce){:where(dsp),:where(dr),:where(dbtn),dimg img{transition:none}}@media(max-width:480px){:where(dms){--dt-msg-padding-right: 16px}:where(de),:where(dats){max-width:100%}}@media print{:root,dms,dm{--dt-bg-primary: #ffffff;--dt-bg-secondary: #f2f3f5;--dt-bg-embed: #f2f3f5;--dt-bg-code: #f2f3f5;--dt-text-normal: #000000;--dt-text-strong: #000000;--dt-text-muted: #444444}:where(dsp){background:none;color:inherit}.dt-copy,.dt-spoiler-overlay{display:none!important}}
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "discord-transcript-ui",
3
- "version": "1.0.1",
3
+ "version": "1.1.0",
4
4
  "builtFrom": [
5
5
  "src/discord-transcript.css",
6
6
  "src/discord-transcript.js"
@@ -8,55 +8,78 @@
8
8
  "license": "MIT",
9
9
  "artifacts": {
10
10
  "discord-transcript.css": {
11
- "bytes": 44328,
12
- "gzip": 8565,
13
- "brotli": 7357,
14
- "sha256": "2257e67d1e69d4d73d563d6205a5bd3bdc7870033ceefd26e6b91611010324cb",
15
- "sri": "sha384-6Mz8Z1ZfORInnvajKW2uze1njH+MzK5ZW4/sBf3AHuRCRsOGV1StJimhkSpjVU8M"
11
+ "bytes": 44610,
12
+ "gzip": 8657,
13
+ "brotli": 7463,
14
+ "sha256": "83632f9c5c4fe298f646e561159d415ea444aeec3bd70f0b02af4ff51b511aa4",
15
+ "sri": "sha384-OMHug7ZdAspYwo7Eg6oqYvWFHKEBgsCRkkYWub1xeFI3zo1dueveGL1kBDBF3qeP"
16
16
  },
17
17
  "discord-transcript.min.css": {
18
- "bytes": 33392,
19
- "gzip": 6189,
20
- "brotli": 5487,
21
- "sha256": "7bd80c8438461e25f5cd321cd2a2391d21c615fdf932d03d24a7e29974a13ffe",
22
- "sri": "sha384-MdwneGHI4BQDRywMXXD0VVcvuU2mSlU/cJlHVjDaS6fkNJ/5+OGgmv5w4D/VAOa+"
18
+ "bytes": 33437,
19
+ "gzip": 6191,
20
+ "brotli": 5501,
21
+ "sha256": "d549f913e1ed086b0aa18107b06492b7ecd905fd03281262be7022758a36a33a",
22
+ "sri": "sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx"
23
+ },
24
+ "discord-transcript.short.css": {
25
+ "bytes": 40216,
26
+ "gzip": 8431,
27
+ "brotli": 7294,
28
+ "sha256": "1c30f52e9751884b478732c284217acafc89d1f89a2a5b51a0ba2a509bbaa0d6",
29
+ "sri": "sha384-fpVGKo3OEdDT14a7sBx+sK+gZHAsWnYOazyA7Rl/T5gkNyUIe13i/36PxYWTUSuA"
30
+ },
31
+ "discord-transcript.short.min.css": {
32
+ "bytes": 29082,
33
+ "gzip": 5994,
34
+ "brotli": 5316,
35
+ "sha256": "ad4274109bc4758e9599df67b7b7ede929f4c5b33b598defc09ff1cfbd69481e",
36
+ "sri": "sha384-o+TMmUarWmSsA4gonFBZ8qDLhrZEJGJkAMyTwsFheJxYEgkd9XE+DdSXMo0e6EH3"
23
37
  },
24
38
  "discord-transcript.js": {
25
- "bytes": 27412,
26
- "gzip": 7411,
27
- "brotli": 6403,
28
- "sha256": "7269b7794518070e7a5df880a2fb9a69270180c0099461fd6817a3f69562a8ca",
29
- "sri": "sha384-Hy821m3h7NIefh7kj4OM7BJfR6NsGWMdQiCnFwMEZSOgg9EGhHALWS7VrdWw4OAv"
39
+ "bytes": 28214,
40
+ "gzip": 7746,
41
+ "brotli": 6702,
42
+ "sha256": "5ddc8820182bb18c02a09ebdfc39596cb3d9aa7c65e6730dce6aed3df83ee96d",
43
+ "sri": "sha384-qlo/JP/7HeHHDBSlUlBHvQyk62z3UJo4xQ+hc1hcF6jQxO6sau6F8KxqnNzhv5JB"
30
44
  },
31
45
  "discord-transcript.min.js": {
32
- "bytes": 15083,
33
- "gzip": 4917,
34
- "brotli": 4358,
35
- "sha256": "2bf9d5d5acaa8e52366dd5d451d6c80fc6f4baa6ad098301e7e3d68da5782b69",
36
- "sri": "sha384-hxBXQMtoZvVzUDgfAw6RWEVsVW7oJ3++5VYQr2i+vU0gOBIWebUzWahpufZUpQUN"
46
+ "bytes": 15434,
47
+ "gzip": 5086,
48
+ "brotli": 4521,
49
+ "sha256": "6798044807dab994e8fbf832ac4bbfd6d511a2165e4e712be239f984e683dea9",
50
+ "sri": "sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce"
37
51
  }
38
52
  },
39
53
  "urls": {
40
54
  "css": {
41
- "jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css",
42
- "unpkg": "https://unpkg.com/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css",
43
- "github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.0.1/discord-transcript.min.css",
44
- "statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.css",
45
- "raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.css",
46
- "self-hosted": "https://cdn.example.com/discord-transcript/1.0.1/discord-transcript.min.css"
55
+ "jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css",
56
+ "unpkg": "https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css",
57
+ "github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.css",
58
+ "statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css",
59
+ "raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css",
60
+ "self-hosted": "https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.css"
61
+ },
62
+ "cssShort": {
63
+ "jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.short.min.css",
64
+ "unpkg": "https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.short.min.css",
65
+ "github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.short.min.css",
66
+ "statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.short.min.css",
67
+ "raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.short.min.css",
68
+ "self-hosted": "https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.short.min.css"
47
69
  },
48
70
  "js": {
49
- "jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.js",
50
- "unpkg": "https://unpkg.com/discord-transcript-ui@1.0.1/dist/discord-transcript.min.js",
51
- "github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.0.1/discord-transcript.min.js",
52
- "statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.js",
53
- "raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.js",
54
- "self-hosted": "https://cdn.example.com/discord-transcript/1.0.1/discord-transcript.min.js"
71
+ "jsdelivr": "https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js",
72
+ "unpkg": "https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js",
73
+ "github-pages": "https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.js",
74
+ "statically": "https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.js",
75
+ "raw-githack": "https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.js",
76
+ "self-hosted": "https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.js"
55
77
  }
56
78
  },
57
79
  "integrity": {
58
- "css": "sha384-MdwneGHI4BQDRywMXXD0VVcvuU2mSlU/cJlHVjDaS6fkNJ/5+OGgmv5w4D/VAOa+",
59
- "js": "sha384-hxBXQMtoZvVzUDgfAw6RWEVsVW7oJ3++5VYQr2i+vU0gOBIWebUzWahpufZUpQUN"
80
+ "css": "sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx",
81
+ "cssShort": "sha384-o+TMmUarWmSsA4gonFBZ8qDLhrZEJGJkAMyTwsFheJxYEgkd9XE+DdSXMo0e6EH3",
82
+ "js": "sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce"
60
83
  },
61
84
  "archivalMirrors": [
62
85
  {
@@ -67,7 +90,7 @@
67
90
  {
68
91
  "id": "wayback",
69
92
  "note": "Snapshot every published CDN URL once, right after release.",
70
- "url": "https://web.archive.org/save/https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css"
93
+ "url": "https://web.archive.org/save/https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css"
71
94
  },
72
95
  {
73
96
  "id": "zenodo",
@@ -80,5 +103,5 @@
80
103
  "url": "https://ipfs.io/ipfs/{ipfsCid}"
81
104
  }
82
105
  ],
83
- "recovery": "<!--\n discord-transcript-ui v1.0.1 — asset recovery information.\n\n Keep this comment when you hand a transcript to someone else: it is enough to\n rebuild a working view even if this project is gone.\n\n Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css\n sha256-7bd80c8438461e25f5cd321cd2a2391d21c615fdf932d03d24a7e29974a13ffe\n integrity=\"sha384-MdwneGHI4BQDRywMXXD0VVcvuU2mSlU/cJlHVjDaS6fkNJ/5+OGgmv5w4D/VAOa+\"\n Script : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.js\n sha256-2bf9d5d5acaa8e52366dd5d451d6c80fc6f4baa6ad098301e7e3d68da5782b69\n integrity=\"sha384-hxBXQMtoZvVzUDgfAw6RWEVsVW7oJ3++5VYQr2i+vU0gOBIWebUzWahpufZUpQUN\"\n\n Mirrors (same bytes, drop-in):\n jsdelivr https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css\n unpkg https://unpkg.com/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css\n github-pages https://x1xo.github.io/discord-transcript-ui/v1.0.1/discord-transcript.min.css\n statically https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.css\n raw-githack https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.css\n self-hosted https://cdn.example.com/discord-transcript/1.0.1/discord-transcript.min.css\n\n Manifest : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/manifest.json\n Source : https://github.com/x1xo/discord-transcript-ui/tree/v1.0.1\n Licence : MIT\n Sizes : CSS 33392B raw / 6189B gzip · JS 15083B raw / 4917B gzip\n-->"
106
+ "recovery": "<!--\n discord-transcript-ui v1.1.0 — asset recovery information.\n\n Keep this comment when you hand a transcript to someone else: it is enough to\n rebuild a working view even if this project is gone.\n\n Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css\n sha256-d549f913e1ed086b0aa18107b06492b7ecd905fd03281262be7022758a36a33a\n integrity=\"sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx\"\n Script : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js\n sha256-6798044807dab994e8fbf832ac4bbfd6d511a2165e4e712be239f984e683dea9\n integrity=\"sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce\"\n\n Mirrors (same bytes, drop-in):\n jsdelivr https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css\n unpkg https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css\n github-pages https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.css\n statically https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css\n raw-githack https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css\n self-hosted https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.css\n\n Manifest : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/manifest.json\n Source : https://github.com/x1xo/discord-transcript-ui/tree/v1.1.0\n Licence : MIT\n Sizes : CSS 33437B raw / 6191B gzip · JS 15434B raw / 5086B gzip\n-->"
84
107
  }
@@ -1,26 +1,26 @@
1
1
  <!--
2
- discord-transcript-ui v1.0.1 — asset recovery information.
2
+ discord-transcript-ui v1.1.0 — asset recovery information.
3
3
 
4
4
  Keep this comment when you hand a transcript to someone else: it is enough to
5
5
  rebuild a working view even if this project is gone.
6
6
 
7
- Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css
8
- sha256-7bd80c8438461e25f5cd321cd2a2391d21c615fdf932d03d24a7e29974a13ffe
9
- integrity="sha384-MdwneGHI4BQDRywMXXD0VVcvuU2mSlU/cJlHVjDaS6fkNJ/5+OGgmv5w4D/VAOa+"
10
- Script : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.js
11
- sha256-2bf9d5d5acaa8e52366dd5d451d6c80fc6f4baa6ad098301e7e3d68da5782b69
12
- integrity="sha384-hxBXQMtoZvVzUDgfAw6RWEVsVW7oJ3++5VYQr2i+vU0gOBIWebUzWahpufZUpQUN"
7
+ Stylesheet : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css
8
+ sha256-d549f913e1ed086b0aa18107b06492b7ecd905fd03281262be7022758a36a33a
9
+ integrity="sha384-ZwplFA3/xu47EZ0oSGTMwyi8siRbfdDRiGANX4HbKlPdbwlEjnDZjeTZz4rw9jyx"
10
+ Script : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.js
11
+ sha256-6798044807dab994e8fbf832ac4bbfd6d511a2165e4e712be239f984e683dea9
12
+ integrity="sha384-aPG5pvJ6e+7rRJ6qYbneL8xBPZZP24BUxBezSvQB0tAgpeKdea6D9jllfke4JZce"
13
13
 
14
14
  Mirrors (same bytes, drop-in):
15
- jsdelivr https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css
16
- unpkg https://unpkg.com/discord-transcript-ui@1.0.1/dist/discord-transcript.min.css
17
- github-pages https://x1xo.github.io/discord-transcript-ui/v1.0.1/discord-transcript.min.css
18
- statically https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.css
19
- raw-githack https://raw.githack.com/x1xo/discord-transcript-ui/v1.0.1/dist/discord-transcript.min.css
20
- self-hosted https://cdn.example.com/discord-transcript/1.0.1/discord-transcript.min.css
15
+ jsdelivr https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css
16
+ unpkg https://unpkg.com/discord-transcript-ui@1.1.0/dist/discord-transcript.min.css
17
+ github-pages https://x1xo.github.io/discord-transcript-ui/v1.1.0/discord-transcript.min.css
18
+ statically https://cdn.statically.io/gh/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css
19
+ raw-githack https://raw.githack.com/x1xo/discord-transcript-ui/v1.1.0/dist/discord-transcript.min.css
20
+ self-hosted https://cdn.example.com/discord-transcript/1.1.0/discord-transcript.min.css
21
21
 
22
- Manifest : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.0.1/dist/manifest.json
23
- Source : https://github.com/x1xo/discord-transcript-ui/tree/v1.0.1
22
+ Manifest : https://cdn.jsdelivr.net/npm/discord-transcript-ui@1.1.0/dist/manifest.json
23
+ Source : https://github.com/x1xo/discord-transcript-ui/tree/v1.1.0
24
24
  Licence : MIT
25
- Sizes : CSS 33392B raw / 6189B gzip · JS 15083B raw / 4917B gzip
25
+ Sizes : CSS 33437B raw / 6191B gzip · JS 15434B raw / 5086B gzip
26
26
  -->
@@ -280,9 +280,14 @@ discord-messages[data-theme='dark'] {
280
280
  text-decoration: line-through;
281
281
  }
282
282
 
283
+ /* Discord's "-# small print" (subtext). Discord renders it as <small> at
284
+ .875rem in the subtle text colour, on its own line; it is not a subscript.
285
+ Value from Discord's live CSS: docs/DESIGN-TOKENS.md, "Small / <small>". */
283
286
  :where(discord-subscript) {
284
- font-size: 0.8125rem;
285
- vertical-align: sub;
287
+ display: block;
288
+ color: var(--dt-text-subtle);
289
+ font-size: 0.875rem;
290
+ line-height: 1.20313rem;
286
291
  }
287
292
 
288
293
  /* Markdown headings */
@@ -49,6 +49,22 @@
49
49
  var relativeTimers = [];
50
50
  var relativeElements = [];
51
51
 
52
+ /* Tag names come in two vocabularies: the readable discord-* default, and the
53
+ compact codes an opt-in renderer emits (see build/short-tags.mjs). Both are
54
+ matched, so this script works with either stylesheet. */
55
+ var SHORT_TAGS = {
56
+ messages: 'dms', message: 'dm', reply: 'drp', time: 'dti', spoiler: 'dsp',
57
+ embed: 'de', 'embed-footer': 'defo', 'file-attachment': 'dfil',
58
+ 'image-attachment': 'dimg', 'video-attachment': 'dvid', 'audio-attachment': 'daud',
59
+ reaction: 'dr', pre: 'dp', code: 'dc', 'custom-emoji': 'demo',
60
+ 'attachments': 'dats', thread: 'dth', 'author-info': 'dai'
61
+ };
62
+
63
+ function tag(name) {
64
+ var short = SHORT_TAGS[name];
65
+ return short ? ':is(discord-' + name + ',' + short + ')' : 'discord-' + name;
66
+ }
67
+
52
68
  /* ---------------------------------------------------------------- config */
53
69
 
54
70
  function config() {
@@ -264,7 +280,7 @@
264
280
  var replies = [];
265
281
 
266
282
  /* Optional parser-supplied header escapes the generated one. */
267
- var suppliedHeader = element.querySelector(':scope > discord-author-info, :scope > discord-message-header');
283
+ var suppliedHeader = element.querySelector(':scope > ' + tag('author-info') + ', :scope > discord-message-header');
268
284
  if (suppliedHeader) suppliedHeader.remove();
269
285
 
270
286
  /* Reply previews are lifted out of the body: Discord draws them above the
@@ -321,7 +337,7 @@
321
337
  function isJumbo(body) {
322
338
  var text = (body.textContent || '').replace(/\s+/g, '');
323
339
  if (text.length > 0) return false;
324
- var emoji = body.querySelectorAll('discord-custom-emoji, img.emoji');
340
+ var emoji = body.querySelectorAll(tag('custom-emoji') + ', img.emoji');
325
341
  return emoji.length > 0 && emoji.length <= 6;
326
342
  }
327
343
 
@@ -411,7 +427,7 @@
411
427
  }
412
428
 
413
429
  function upgradeSpoilers(root) {
414
- var spoilers = root.querySelectorAll('discord-spoiler:not([data-dt-ready])');
430
+ var spoilers = root.querySelectorAll(tag('spoiler') + ':not([data-dt-ready])');
415
431
  for (var i = 0; i < spoilers.length; i++) {
416
432
  var spoiler = spoilers[i];
417
433
  spoiler.setAttribute('data-dt-ready', '');
@@ -421,7 +437,7 @@
421
437
  }
422
438
 
423
439
  var media = root.querySelectorAll(
424
- 'discord-image-attachment[spoiler], discord-video-attachment[spoiler]'
440
+ tag('image-attachment') + '[spoiler], ' + tag('video-attachment') + '[spoiler]'
425
441
  );
426
442
  for (var j = 0; j < media.length; j++) {
427
443
  if (media[j].querySelector(':scope > .dt-spoiler-overlay')) continue;
@@ -558,7 +574,7 @@
558
574
  img.decoding = 'async';
559
575
  media.appendChild(img);
560
576
  }
561
- var footer = content.querySelector(':scope > discord-embed-footer');
577
+ var footer = content.querySelector(':scope > ' + tag('embed-footer'));
562
578
  content.insertBefore(media, footer || null);
563
579
  }
564
580
 
@@ -638,7 +654,7 @@
638
654
 
639
655
  function lazyImages(root) {
640
656
  var images = root.querySelectorAll(
641
- 'discord-attachments img:not([loading]), discord-embed img:not([loading]), discord-embed video, discord-thread img'
657
+ tag('attachments') + ' img:not([loading]), ' + tag('embed') + ' img:not([loading]), ' + tag('embed') + ' video, ' + tag('thread') + ' img'
642
658
  );
643
659
  for (var i = 0; i < images.length; i++) images[i].setAttribute('loading', 'lazy');
644
660
  }
@@ -648,40 +664,40 @@
648
664
  function upgrade(root) {
649
665
  if (!root || !root.querySelectorAll) return;
650
666
 
651
- var messages = root.querySelectorAll('discord-message:not([data-dt-ready])');
667
+ var messages = root.querySelectorAll(tag('message') + ':not([data-dt-ready])');
652
668
  for (var i = 0; i < messages.length; i++) upgradeMessage(messages[i]);
653
669
 
654
- var lists = root.querySelectorAll('discord-messages');
670
+ var lists = root.querySelectorAll(tag('messages'));
655
671
  for (var j = 0; j < lists.length; j++) {
656
- var grouped = lists[j].querySelectorAll(':scope > discord-message');
672
+ var grouped = lists[j].querySelectorAll(':scope > ' + tag('message'));
657
673
  if (grouped.length) applyGrouping(grouped);
658
674
  }
659
675
 
660
- var replies = root.querySelectorAll('discord-reply:not([data-dt-ready])');
676
+ var replies = root.querySelectorAll(tag('reply') + ':not([data-dt-ready])');
661
677
  for (var k = 0; k < replies.length; k++) upgradeReply(replies[k]);
662
678
 
663
- var times = root.querySelectorAll('discord-time:not([data-dt-ready])');
679
+ var times = root.querySelectorAll(tag('time') + ':not([data-dt-ready])');
664
680
  for (var m = 0; m < times.length; m++) upgradeTime(times[m]);
665
681
 
666
- var embeds = root.querySelectorAll('discord-embed:not([data-dt-ready])');
682
+ var embeds = root.querySelectorAll(tag('embed') + ':not([data-dt-ready])');
667
683
  for (var n = 0; n < embeds.length; n++) upgradeEmbed(embeds[n]);
668
684
 
669
- var files = root.querySelectorAll('discord-file-attachment:not([data-dt-ready])');
685
+ var files = root.querySelectorAll(tag('file-attachment') + ':not([data-dt-ready])');
670
686
  for (var o = 0; o < files.length; o++) upgradeFile(files[o]);
671
687
 
672
- var images = root.querySelectorAll('discord-image-attachment:not([data-dt-ready])');
688
+ var images = root.querySelectorAll(tag('image-attachment') + ':not([data-dt-ready])');
673
689
  for (var p = 0; p < images.length; p++) upgradeImage(images[p]);
674
690
 
675
- var videos = root.querySelectorAll('discord-video-attachment:not([data-dt-ready])');
691
+ var videos = root.querySelectorAll(tag('video-attachment') + ':not([data-dt-ready])');
676
692
  for (var q = 0; q < videos.length; q++) upgradeMedia(videos[q], 'video');
677
693
 
678
- var audios = root.querySelectorAll('discord-audio-attachment:not([data-dt-ready])');
694
+ var audios = root.querySelectorAll(tag('audio-attachment') + ':not([data-dt-ready])');
679
695
  for (var r = 0; r < audios.length; r++) upgradeMedia(audios[r], 'audio');
680
696
 
681
- var reactions = root.querySelectorAll('discord-reaction:not([data-dt-ready])');
697
+ var reactions = root.querySelectorAll(tag('reaction') + ':not([data-dt-ready])');
682
698
  for (var s = 0; s < reactions.length; s++) upgradeReactions(reactions[s]);
683
699
 
684
- var codes = root.querySelectorAll('discord-pre:not([data-dt-ready])');
700
+ var codes = root.querySelectorAll(tag('pre') + ':not([data-dt-ready])');
685
701
  for (var t = 0; t < codes.length; t++) upgradeCode(codes[t]);
686
702
 
687
703
  upgradeSpoilers(root);
@@ -691,7 +707,7 @@
691
707
 
692
708
  /** `light-theme` on the container mirrors to data-theme for the CSS tokens. */
693
709
  function applyThemeFallbacks(root) {
694
- var lists = root.querySelectorAll('discord-messages');
710
+ var lists = root.querySelectorAll(tag('messages'));
695
711
  for (var i = 0; i < lists.length; i++) {
696
712
  if (lists[i].hasAttribute('light-theme') && !lists[i].hasAttribute('data-theme')) {
697
713
  lists[i].setAttribute('data-theme', 'light');
@@ -733,7 +749,7 @@
733
749
  var copy = target.closest('.dt-copy');
734
750
  if (copy && copy.parentElement && navigator.clipboard) {
735
751
  var pre = copy.parentElement;
736
- var text = pre.querySelector('discord-code, pre, code');
752
+ var text = pre.querySelector(tag('code') + ', pre, code');
737
753
  navigator.clipboard.writeText((text || pre).textContent).then(function () {
738
754
  copy.textContent = 'Copied';
739
755
  setTimeout(function () {
@@ -0,0 +1,2 @@
1
+ /*! discord-transcript-ui v1.1.0 | MIT | https://github.com/x1xo/discord-transcript-ui */
2
+ :root{--dt-font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--dt-font-mono: "gg mono", "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "DejaVu Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;--dt-font-size: 1rem;--dt-line-height: 1.375rem;--dt-radius-sm: 4px;--dt-radius-md: 8px;--dt-radius-lg: 12px;--dt-bg-primary: #323339;--dt-bg-secondary: #393a41;--dt-bg-tertiary: #2c2d32;--dt-bg-embed: #393a41;--dt-bg-code: #323339;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .039);--dt-bg-mentioned: rgba(248, 163, 0, .078);--dt-bg-scrollbar-thumb: #767780;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #f3f3f4;--dt-text-strong: #ffffff;--dt-text-subtle: #c5c6ca;--dt-text-muted: #9d9ea5;--dt-text-link: #76aff6;--dt-text-on-brand: #ffffff;--dt-status-online: #3d9e60;--dt-status-idle: #ffcb6e;--dt-status-dnd: #dc4247;--dt-status-offline: #9d9ea5;--dt-border: rgba(151, 151, 159, .122);--dt-border-strong: rgba(151, 151, 159, .2);--dt-brand: #5865f2;--dt-accent-bar: var(--dt-brand);--dt-role-default: #f3f3f4;--dt-embed-default-color: #4f545c;--dt-divider: rgba(151, 151, 159, .122);--dt-line-color: #595a63;--dt-mention-bg: rgba(88, 101, 242, .239);--dt-mention-text: #cdd7ff;--dt-mention-role-color: var(--dt-role-default);--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: var(--dt-text-normal);--dt-spoiler-bg: #7d7e87;--dt-spoiler-revealed-bg: rgba(151, 151, 159, .078);--dt-gutter: 16px;--dt-avatar-size: 40px;--dt-avatar-gap: 16px;--dt-msg-padding-right: 48px;--dt-reply-avatar-size: 16px;--dt-button-secondary: rgba(151, 151, 159, .122);--dt-button-secondary-hover: rgba(151, 151, 159, .2);--dt-button-primary: #5865f2;--dt-button-primary-hover: #4654c0;--dt-button-success: #248046;--dt-button-danger: #da3e44;--dt-button-link: rgba(151, 151, 159, .122);--dt-reaction-bg: rgba(151, 151, 159, .122);--dt-reaction-border: rgba(151, 151, 159, .122);--dt-reaction-bg-reacted: rgba(88, 101, 242, .239);--dt-reaction-border-reacted: #5865f2;--dt-reaction-text-reacted: #dfe4ff;--dt-focus-ring: #76aff6;--dt-transition: .12s ease}discord-messages[light-theme],discord-messages[data-theme=light],:root[data-theme=light]{--dt-bg-primary: #ffffff;--dt-bg-secondary: #ffffff;--dt-bg-tertiary: #f3f3f4;--dt-bg-embed: #ffffff;--dt-bg-code: #f3f3f4;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .078);--dt-bg-mentioned: rgba(248, 163, 0, .1);--dt-bg-scrollbar-thumb: #8b8c94;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #2e2e34;--dt-text-strong: #28282d;--dt-text-subtle: #595a63;--dt-text-muted: #6c6d76;--dt-text-link: #006dd4;--dt-role-default: #2e2e34;--dt-border: rgba(151, 151, 159, .278);--dt-border-strong: rgba(151, 151, 159, .4);--dt-divider: rgba(151, 151, 159, .278);--dt-line-color: #c5c6ca;--dt-embed-default-color: #d4d7dc;--dt-mention-bg: rgba(88, 101, 242, .15);--dt-mention-text: #2e3c88;--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: #2e2e34;--dt-spoiler-bg: #8f9097;--dt-spoiler-revealed-bg: #ebeced;--dt-reaction-border: rgba(151, 151, 159, .278);--dt-reaction-text-reacted: #273478;--dt-status-online: #01783e;--dt-status-idle: #faaa00;--dt-status-dnd: #d22d39;--dt-status-offline: #5f606a;--dt-focus-ring: #006dd4}discord-messages[data-theme=dark]{--dt-bg-primary: #323339;--dt-bg-secondary: #393a41;--dt-bg-tertiary: #2c2d32;--dt-bg-embed: #393a41;--dt-bg-code: #323339;--dt-bg-inline-code: rgba(88, 101, 242, .078);--dt-bg-modifier-hover: rgba(151, 151, 159, .122);--dt-bg-modifier-active: rgba(151, 151, 159, .161);--dt-bg-message-hover: rgba(151, 151, 159, .039);--dt-bg-mentioned: rgba(248, 163, 0, .078);--dt-bg-scrollbar-thumb: #767780;--dt-bg-scrollbar-track: transparent;--dt-text-normal: #f3f3f4;--dt-text-strong: #ffffff;--dt-text-subtle: #c5c6ca;--dt-text-muted: #9d9ea5;--dt-text-link: #76aff6;--dt-role-default: #f3f3f4;--dt-border: rgba(151, 151, 159, .122);--dt-border-strong: rgba(151, 151, 159, .2);--dt-divider: rgba(151, 151, 159, .122);--dt-line-color: #595a63;--dt-embed-default-color: #4f545c;--dt-mention-bg: rgba(88, 101, 242, .239);--dt-mention-text: #cdd7ff;--dt-mention-channel-bg: rgba(151, 151, 159, .122);--dt-mention-channel-text: #f3f3f4;--dt-spoiler-bg: #7d7e87;--dt-spoiler-revealed-bg: rgba(151, 151, 159, .078);--dt-reaction-border: rgba(151, 151, 159, .122);--dt-reaction-text-reacted: #dfe4ff;--dt-status-online: #3d9e60;--dt-status-idle: #ffcb6e;--dt-status-dnd: #dc4247;--dt-status-offline: #9d9ea5;--dt-focus-ring: #76aff6}:where(discord-messages,discord-message,discord-author-info,discord-reply,discord-embed,discord-embed-description,discord-embed-fields,discord-embed-field,discord-embed-footer,discord-attachments,discord-image-attachment,discord-file-attachment,discord-audio-attachment,discord-video-attachment,discord-reactions,discord-reaction,discord-spoiler,discord-time,discord-mention,discord-custom-emoji,discord-code,discord-pre,discord-quote,discord-list-item,discord-unordered-list,discord-ordered-list,discord-header,discord-command,discord-system-message,discord-thread,discord-thread-message,discord-action-row,discord-button,discord-verified-author-tag){box-sizing:border-box}:where(discord-messages,discord-message,discord-embed,discord-attachments,discord-reactions,discord-reply,discord-system-message,discord-command,discord-thread,discord-thread-message,discord-action-row,discord-pre,discord-quote,discord-unordered-list,discord-ordered-list,discord-header){display:block;font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);color:var(--dt-text-normal);text-align:left}:where(discord-message,discord-reply,discord-embed,discord-attachments,discord-reactions){-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:anywhere}:where(discord-bold){font-weight:700}:where(discord-italic){font-style:italic}:where(discord-underlined){text-decoration:underline}:where(discord-strikethrough){text-decoration:line-through}:where(discord-subscript){display:block;color:var(--dt-text-subtle);font-size:.875rem;line-height:1.20313rem}:where(discord-header){display:block;margin:8px 0 0;font-weight:600;line-height:1.375em}:where(discord-header[level="1"]){font-size:1.5rem}:where(discord-header[level="2"]){font-size:1.25rem}:where(discord-header[level="3"]){font-size:1rem}:where(discord-quote){display:block;margin:4px 0;padding:0 8px 0 12px;color:var(--dt-text-subtle);border-left:4px solid var(--dt-line-color);border-radius:var(--dt-radius-sm)}:where(discord-unordered-list,discord-ordered-list){margin:0;padding-left:1.375em}:where(discord-list-item){display:list-item;margin:0 0 4px;padding:0}:where(discord-unordered-list)>discord-list-item{list-style:disc outside}:where(discord-ordered-list)>discord-list-item{list-style:decimal outside}:where(discord-link){color:var(--dt-text-link);text-decoration:none}:where(discord-link):hover{text-decoration:underline}:where(discord-message,discord-embed,discord-embed-description,discord-embed-field,discord-reply,discord-quote) a:not([class]){color:var(--dt-text-link);text-decoration:none}:where(discord-message,discord-embed,discord-embed-description,discord-embed-field,discord-reply,discord-quote) a:not([class]):hover{text-decoration:underline}.dt-page{min-height:100vh;margin:0;background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);-webkit-font-smoothing:antialiased}.dt-page__inner{max-width:100%;margin:0 auto;padding:1rem 0 4rem}.dt-page__title{margin:0 0 1rem;padding:0 16px;font-size:1.25rem;font-weight:700;color:var(--dt-text-strong)}.dt-page__meta{margin:0 0 1.5rem;padding:0 16px;font-size:.875rem;color:var(--dt-text-muted)}:where(discord-messages){display:block;position:relative;margin:0 auto;padding:8px 0 16px;background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);line-height:var(--dt-line-height);overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--dt-bg-scrollbar-thumb) var(--dt-bg-scrollbar-track)}:where(discord-messages[no-background]){background:transparent;padding:0}:where(discord-messages[channel-name]):before{content:attr(channel-name);display:block;margin:0 0 8px;padding:4px 16px 12px;border-bottom:1px solid var(--dt-divider);font-size:1.25rem;font-weight:700;color:var(--dt-text-strong)}discord-messages[channel-type=text][channel-name]:before,discord-messages[channel-type=voice][channel-name]:before,discord-messages[channel-type=thread][channel-name]:before,discord-messages[channel-type=forum][channel-name]:before,discord-messages[channel-type=locked][channel-name]:before{content:"#\a0" attr(channel-name)}discord-messages ::-webkit-scrollbar{width:16px;height:16px}discord-messages ::-webkit-scrollbar-thumb{background:var(--dt-bg-scrollbar-thumb);border:4px solid transparent;background-clip:padding-box;border-radius:8px}discord-messages ::-webkit-scrollbar-track{background:var(--dt-bg-scrollbar-track)}:where(discord-message){position:relative;display:block;margin:0;padding:2px var(--dt-msg-padding-right) 2px var(--dt-gutter);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:var(--dt-font-size);line-height:var(--dt-line-height);-webkit-user-select:text;user-select:text}:where(discord-message:hover){background:var(--dt-bg-message-hover)}discord-message:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:600;color:var(--dt-role-default)}discord-message:not([data-dt-ready]):not([author]):before,discord-message:not([data-dt-ready])[author=""]:before{content:""}.dt-msg{display:grid;grid-template-columns:var(--dt-avatar-size) minmax(0,1fr);column-gap:var(--dt-avatar-gap);align-items:start}.dt-avatar{grid-column:1;width:var(--dt-avatar-size);height:var(--dt-avatar-size);margin-top:2px;border-radius:50%;overflow:hidden;background:var(--dt-bg-tertiary)}.dt-avatar img{display:block;width:100%;height:100%;object-fit:cover}.dt-content{grid-column:2;min-width:0}.dt-header{display:flex;flex-wrap:wrap;align-items:center;min-height:1.375rem}.dt-author{margin-right:8px;font-weight:500;color:var(--dt-role-default);text-decoration:none}.dt-author--interactive:hover{text-decoration:underline;cursor:pointer}.dt-badges{display:inline-flex;align-items:center;gap:4px;margin-right:8px}.dt-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px;border-radius:4px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase}.dt-badge--verified{padding:0 5px 0 4px}.dt-badge--verified:before{content:"\2713";font-size:.75rem;line-height:1}.dt-badge--server{background:#3ba55c}.dt-badge--official{background:#1abc84}.dt-timestamp{font-size:.75rem;line-height:1.375rem;color:var(--dt-text-muted);white-space:nowrap}.dt-timestamp:hover{text-decoration:underline}.dt-edited{margin-left:4px;font-size:.625rem;color:var(--dt-text-muted)}.dt-body{display:block;min-width:0}.dt-body>:first-child{margin-top:0}.dt-jumbo{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.dt-jumbo discord-custom-emoji img,.dt-jumbo>img.emoji{width:48px;height:48px}discord-message[highlight],discord-message[ephemeral],discord-message[mentioned]{background:var(--dt-bg-mentioned)}discord-message[highlight]:after,discord-message[ephemeral]:after,discord-message[mentioned]:after{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--dt-accent-bar);pointer-events:none}discord-message[ephemeral]{background:#5865f214}discord-message[highlight]:hover,discord-message[mentioned]:hover{background:var(--dt-bg-mentioned)}discord-message[data-dt-continuation] .dt-avatar,discord-message[message-body-only] .dt-avatar{visibility:hidden}discord-message[data-dt-continuation] .dt-header,discord-message[message-body-only] .dt-header{display:none}discord-message[data-dt-continuation]:hover:before,discord-message[data-dt-continuation]:focus-within:before{content:attr(data-dt-short-time);position:absolute;top:3px;left:var(--dt-gutter);width:calc(var(--dt-avatar-size) - 4px);font-size:.6875rem;line-height:1.375rem;color:var(--dt-text-muted);white-space:nowrap;overflow:hidden;pointer-events:none}discord-message[data-dt-group-start]{margin-top:1.0625rem}discord-message:first-child{margin-top:0}discord-messages[compact-mode],discord-message[compact-mode]{--dt-avatar-size: 16px;--dt-avatar-gap: 8px;--dt-gutter: 16px;--dt-msg-padding-right: 16px}discord-messages[compact-mode] discord-message{padding-top:1px;padding-bottom:1px}discord-messages[compact-mode] .dt-avatar{margin-top:.25rem}discord-messages[compact-mode] .dt-header{display:inline;margin-right:8px}discord-messages[compact-mode] .dt-author{margin-right:6px}discord-messages[compact-mode] .dt-body{display:inline}discord-messages[compact-mode] .dt-timestamp{margin-right:6px;font-size:.6875rem}:where(discord-author-info){display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--dt-role-default)}discord-author-info:not([data-dt-ready]):before{content:attr(author)}:where(discord-author-info[bot],discord-author-info[server],discord-author-info[official-app],discord-author-info[op]) :after{margin-left:4px;padding:0 4px;border-radius:3px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:15px}:where(discord-author-info[bot]):after{content:"APP"}:where(discord-author-info[bot][verified]):after{content:"\2713\a0aPP"}:where(discord-author-info[server]):after{content:"SERVER";background:#3ba55c}:where(discord-author-info[official-app]):after{content:"OFFICIAL";background:#1abc84}:where(discord-author-info[op]):after{content:"OP"}:where(discord-mention){display:inline;padding:0 2px;border-radius:3px;background:var(--dt-mention-bg);color:var(--dt-mention-text);font-weight:500;cursor:pointer}:where(discord-mention):hover{background:var(--dt-bg-modifier-active)}:where(discord-mention[type=channel]),:where(discord-mention[type=voice]),:where(discord-mention[type=thread]),:where(discord-mention[type=forum]),:where(discord-mention[type=locked]){background:var(--dt-mention-channel-bg);color:var(--dt-mention-channel-text)}:where(discord-mention[type=role]){background:var(--dt-mention-bg);color:var(--dt-mention-role-color)}discord-mention:not([no-prefix]):before{content:"@"}discord-mention:not([no-prefix])[type=channel]:before,discord-mention:not([no-prefix])[type=voice]:before,discord-mention:not([no-prefix])[type=thread]:before,discord-mention:not([no-prefix])[type=forum]:before,discord-mention:not([no-prefix])[type=locked]:before{content:"#"}:where(discord-custom-emoji){display:inline-block;vertical-align:-.25em}:where(discord-custom-emoji) img{display:inline-block;width:1.375em;height:1.375em;object-fit:contain;vertical-align:middle}discord-custom-emoji:not([data-dt-ready]):not(:has(img)):before{content:attr(name);font-size:.75rem;color:var(--dt-text-muted)}:where(discord-time){display:inline;padding:0 2px;border-radius:3px;background:var(--dt-bg-modifier-hover);font-size:.875rem;white-space:nowrap}:where(discord-time):hover{background:var(--dt-bg-modifier-active)}:where(discord-spoiler){display:inline;border-radius:var(--dt-radius-sm);background:var(--dt-spoiler-bg);color:transparent;cursor:pointer;transition:background var(--dt-transition),color var(--dt-transition)}:where(discord-spoiler)::selection{background:transparent;color:transparent}:where(discord-spoiler[activated]),:where(discord-spoiler[revealed]),:where(discord-spoiler[data-dt-revealed]){background:var(--dt-spoiler-revealed-bg);color:inherit;cursor:auto}discord-spoiler:not([data-dt-ready]):hover{background:var(--dt-spoiler-revealed-bg);color:inherit}discord-spoiler[data-dt-ready]{outline:none}discord-spoiler[data-dt-ready]:focus-visible{box-shadow:0 0 0 2px var(--dt-focus-ring)}:where(discord-code){display:inline;padding:0 2px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-inline-code);border:1px solid var(--dt-border-strong);font-family:var(--dt-font-mono);font-size:.85em;white-space:pre-wrap;word-break:break-word}:where(discord-code[multiline]){display:block;margin:6px 0 0;padding:8px 12px;border:1px solid var(--dt-border);border-radius:var(--dt-radius-sm);background:var(--dt-bg-code);font-size:.75rem;line-height:1rem;white-space:pre;overflow-x:auto;tab-size:4}:where(discord-pre){position:relative;display:block;margin:6px 0 0;padding:0;border:1px solid var(--dt-border);border-radius:var(--dt-radius-sm);background:var(--dt-bg-code);overflow:hidden}:where(discord-pre)>:where(discord-code),:where(discord-pre) pre{display:block;margin:0;padding:8px 12px;border:0;border-radius:0;background:none;font-family:var(--dt-font-mono);font-size:.75rem;line-height:1rem;white-space:pre;overflow-x:auto;tab-size:4}:where(discord-pre) code{font-family:inherit}.dt-code-lang{display:block;padding:6px 12px 0;font-family:var(--dt-font);font-size:.75rem;color:var(--dt-text-muted)}.dt-copy{position:absolute;top:6px;right:8px;display:none;padding:2px 8px;border:1px solid var(--dt-border-strong);border-radius:var(--dt-radius-sm);background:var(--dt-bg-primary);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:.75rem;cursor:pointer}discord-pre:hover .dt-copy,.dt-copy:focus-visible{display:block}.dt-copy:hover{background:var(--dt-bg-modifier-hover)}:where(discord-system-message){position:relative;display:block;margin:0;padding:2px var(--dt-msg-padding-right) 2px calc(var(--dt-gutter) + var(--dt-avatar-size) + var(--dt-avatar-gap));background:transparent;color:var(--dt-text-muted);font-size:.9375rem}:where(discord-system-message):before{content:"";position:absolute;top:7px;left:calc(var(--dt-gutter) + (var(--dt-avatar-size) - 16px) / 2);width:16px;height:16px;border-radius:50%;background:var(--dt-bg-modifier-hover)}discord-system-message[type=join]:before{background:var(--dt-status-online)}discord-system-message[type=leave]:before,discord-system-message[type=missed-call]:before,discord-system-message[type=alert]:before,discord-system-message[type=error]:before{background:var(--dt-status-dnd)}discord-system-message[type=boost]:before{background:#ff73fa}discord-system-message[type=pin]:before{background:var(--dt-status-idle)}discord-system-message[type=upgrade]:before,discord-system-message[type=thread]:before,discord-system-message[type=edit]:before,discord-system-message[type=call]:before{background:var(--dt-brand)}discord-system-message a,discord-system-message :where(discord-link){color:var(--dt-text-muted);font-weight:500}discord-system-message .dt-system-time{margin-left:4px;font-size:.75rem;color:var(--dt-text-muted)}:where(discord-command){position:relative;display:block;margin:0 0 2px;padding:0;font-size:.9375rem}discord-command:not([data-dt-ready]):before{content:attr(author) " used /" attr(command) "\a0";font-weight:500;color:var(--dt-text-normal)}.dt-avatar--initials{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:600;text-transform:uppercase}:where(discord-thread){position:relative;display:block;margin:4px 0 0;padding:4px 120px 4px 12px;border-left:2px solid var(--dt-line-color);font-size:.875rem;color:var(--dt-text-muted)}discord-thread:not([data-dt-ready]):before{content:attr(name);font-weight:500;color:var(--dt-text-normal)}discord-thread[cta]:after{content:attr(cta) " " "\203a";position:absolute;top:4px;right:8px;font-size:.875rem;font-weight:500;color:var(--dt-text-muted);pointer-events:none}discord-thread-message{display:block;margin:2px 0;font-size:.875rem}discord-thread-message:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:500;color:var(--dt-role-default)}:where(discord-reply){position:relative;display:block;margin:0 0 2px;color:var(--dt-text-normal);font-size:.875rem;line-height:1.125rem;min-height:1.125rem}discord-reply:not([data-dt-ready]):before{content:attr(author) "\a0";font-weight:500;color:var(--dt-role-default)}discord-reply[mentions]:not([data-dt-ready]):before{content:"@" attr(author) "\a0"}discord-reply[deleted]>*{display:none}discord-reply[deleted]:before{content:"Original message was deleted";font-style:italic;font-weight:400;color:var(--dt-text-muted)}.dt-msg--has-reply>:where(discord-reply),.dt-msg--has-reply>:where(discord-command){grid-column:2;grid-row:1}.dt-msg--has-reply>.dt-avatar,.dt-msg--has-reply>.dt-content{grid-row:2}discord-message[data-dt-ready] :where(discord-reply):after{content:"";position:absolute;left:-36px;bottom:-2px;width:36px;height:12px;border-left:2px solid var(--dt-line-color);border-top:2px solid var(--dt-line-color);border-top-left-radius:6px;pointer-events:none}discord-reply[data-dt-ready] .dt-reply-avatar{display:inline-block;width:var(--dt-reply-avatar-size);height:var(--dt-reply-avatar-size);margin-right:4px;border-radius:50%;overflow:hidden;vertical-align:-3px;background:var(--dt-bg-tertiary)}discord-reply[data-dt-ready] .dt-reply-avatar img{display:block;width:100%;height:100%;object-fit:cover}discord-reply[data-dt-ready] .dt-reply-author{margin-right:4px;font-weight:500;color:var(--dt-role-default)}discord-reply[data-dt-ready] .dt-reply-author:hover{text-decoration:underline;cursor:pointer}discord-reply[data-dt-ready] .dt-reply-avatar,discord-reply[data-dt-ready] .dt-reply-author{-webkit-user-select:none;user-select:none}discord-messages[compact-mode] :where(discord-reply):after{display:none}:where(discord-embed){position:relative;display:block;margin:8px 0 0;padding:2px 16px 16px 12px;border:1px solid var(--dt-border);border-left:4px solid var(--dt-embed-color, var(--dt-embed-default-color));border-radius:var(--dt-radius-sm);background:var(--dt-bg-embed);max-width:516px;color:var(--dt-text-normal);font-size:.875rem;line-height:1.125rem}.dt-embed-content{min-width:0}discord-embed[thumbnail] .dt-embed-content,discord-embed[data-dt-thumbnail] .dt-embed-content,discord-embed:has(.dt-embed-thumbnail) .dt-embed-content{padding-right:96px}discord-embed[thumbnail]:not(:has(.dt-embed-content)),discord-embed[data-dt-thumbnail]:not(:has(.dt-embed-content)),discord-embed:has(.dt-embed-thumbnail):not(:has(.dt-embed-content)){padding-right:104px}discord-embed:not([data-dt-ready])[embed-title]:before{content:attr(embed-title);display:block;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.375rem;color:var(--dt-text-strong)}discord-embed:not([data-dt-ready]):not([embed-title])[author-name]:before{content:attr(author-name);display:block;margin:0 0 8px;font-weight:600;line-height:1.125rem}.dt-embed-provider{display:block;margin-bottom:8px;color:var(--dt-text-normal)}.dt-embed-author{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;font-weight:600;line-height:1.125rem}.dt-embed-author img{width:24px;height:24px;border-radius:50%;object-fit:cover}.dt-embed-author a{color:var(--dt-text-normal);text-decoration:none}.dt-embed-author a:hover{text-decoration:underline}.dt-embed-title{display:block;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.375rem;color:var(--dt-text-strong);text-decoration:none}.dt-embed-title--link,a.dt-embed-title:hover,.dt-embed-title a:hover{text-decoration:underline}a.dt-embed-title{color:var(--dt-text-link)}.dt-embed-thumbnail{position:absolute;top:8px;right:16px;width:80px;height:80px;border-radius:var(--dt-radius-sm);overflow:hidden;background:var(--dt-bg-tertiary)}.dt-embed-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}:where(discord-embed-description){display:block;margin:0;font-size:.875rem;line-height:1.125rem;white-space:pre-line}:where(discord-embed-fields){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:8px}:where(discord-embed-field){grid-column:1 / -1;min-width:0;font-size:.875rem;line-height:1.125rem}:where(discord-embed-field[inline]){grid-column:span 4}discord-embed[thumbnail] :where(discord-embed-field[inline]),discord-embed[data-dt-thumbnail] :where(discord-embed-field[inline]){grid-column:span 6}.dt-embed-field-title{display:block;margin:0 0 2px;font-weight:600;color:var(--dt-text-strong)}discord-embed-field:not([data-dt-ready]):not(:has(.dt-embed-field-title)):before{content:attr(field-title);display:block;margin-bottom:2px;font-weight:600;color:var(--dt-text-strong)}.dt-embed-image{display:block;margin-top:16px}.dt-embed-image img,.dt-embed-image video{display:block;max-width:100%;max-height:300px;border-radius:var(--dt-radius-sm);object-fit:contain}:where(discord-embed-footer){display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.75rem;line-height:1rem;color:var(--dt-text-muted)}discord-embed-footer:empty:before{content:attr(footer)}.dt-embed-footer-icon{width:20px;height:20px;border-radius:50%;overflow:hidden;background:var(--dt-bg-tertiary)}.dt-embed-footer-icon img{display:block;width:100%;height:100%;object-fit:cover}.dt-embed-footer-sep{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--dt-text-muted);opacity:.6}:where(discord-attachments){display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;max-width:550px}:where(discord-attachments:empty){display:none}:where(discord-image-attachment){position:relative;display:block;max-width:100%;border-radius:var(--dt-radius-md);overflow:hidden;line-height:0}:where(discord-image-attachment) img{display:block;max-width:100%;max-height:350px;border-radius:var(--dt-radius-md);object-fit:contain;cursor:pointer}:where(discord-image-attachment) a{display:block}discord-image-attachment[url]:not([data-dt-ready]):not(:has(img)){min-width:220px;min-height:120px;border:1px dashed var(--dt-border-strong)}discord-image-attachment[spoiler] img,discord-video-attachment[spoiler] video{filter:blur(44px);transition:filter var(--dt-transition)}discord-image-attachment[spoiler][data-dt-revealed] img,discord-video-attachment[spoiler][data-dt-revealed] video{filter:none}.dt-spoiler-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--dt-radius-md);background:#00000059;color:#fff;font-family:var(--dt-font);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.dt-spoiler-overlay:hover{background:#00000073}discord-image-attachment[data-dt-revealed]>.dt-spoiler-overlay,discord-video-attachment[data-dt-revealed]>.dt-spoiler-overlay{display:none}:where(discord-file-attachment){display:flex;align-items:center;gap:12px;width:100%;max-width:420px;padding:12px;border:1px solid var(--dt-border);border-radius:var(--dt-radius-md);background:var(--dt-bg-secondary)}:where(discord-file-attachment) a{display:flex;align-items:center;gap:12px;width:100%;color:inherit;text-decoration:none}discord-file-attachment:empty{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:center;column-gap:12px}discord-file-attachment:empty:before{grid-column:1;grid-row:1 / span 2;content:"FILE";display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-modifier-hover);color:var(--dt-text-muted);font-size:.5625rem;font-weight:700}discord-file-attachment[type]:empty:before{content:attr(type)}discord-file-attachment:empty:after{grid-column:2;content:attr(name) "\a" attr(bytes) " " attr(bytes-unit);white-space:pre-line;line-height:1.25rem}discord-file-attachment[bytes=""]:empty:after,discord-file-attachment:not([bytes]):empty:after{content:attr(name)}.dt-file-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--dt-radius-sm);background:var(--dt-bg-modifier-hover);color:var(--dt-text-muted);font-size:.5625rem;font-weight:700;text-transform:uppercase;flex:none}.dt-file-meta{display:flex;flex-direction:column;min-width:0}.dt-file-name{font-size:.875rem;font-weight:500;color:var(--dt-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-file-size{font-size:.75rem;color:var(--dt-text-muted)}:where(discord-audio-attachment){display:block;width:100%;max-width:420px}:where(discord-audio-attachment) audio{display:block;width:100%;max-width:420px;border-radius:var(--dt-radius-md);outline:none}:where(discord-video-attachment){position:relative;display:block;max-width:100%;border-radius:var(--dt-radius-md);overflow:hidden;background:#000;line-height:0}:where(discord-video-attachment) video{display:block;max-width:100%;max-height:400px;border-radius:var(--dt-radius-md)}:where(discord-video-attachment) video:focus-visible,:where(discord-audio-attachment) audio:focus-visible{box-shadow:0 0 0 2px var(--dt-focus-ring)}:where(discord-reactions){display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px}:where(discord-reactions:empty){display:none}:where(discord-reaction){display:inline-flex;align-items:center;gap:6px;min-width:36px;height:24px;padding:2px 6px;border:1px solid var(--dt-reaction-border);border-radius:var(--dt-radius-md);background:var(--dt-reaction-bg);color:var(--dt-text-normal);font-family:var(--dt-font);font-size:.875rem;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dt-transition),border-color var(--dt-transition)}:where(discord-reaction:hover){border-color:var(--dt-border-strong)}:where(discord-reaction[reacted]){background:var(--dt-reaction-bg-reacted);border-color:var(--dt-reaction-border-reacted);color:var(--dt-reaction-text-reacted)}discord-reaction:not([data-dt-ready]):before{content:attr(emoji);font-size:1rem;line-height:1}discord-reaction[emoji^=http]:not([data-dt-ready]):before,discord-reaction[emoji^="data:"]:not([data-dt-ready]):before,discord-reaction[emoji^="blob:"]:not([data-dt-ready]):before,discord-reaction[emoji^="/"]:not([data-dt-ready]):before,discord-reaction[emoji^="./"]:not([data-dt-ready]):before,discord-reaction:not([emoji]):not([data-dt-ready]):before{content:none}discord-reaction:not([data-dt-ready]):after{content:attr(count);font-size:.875rem;font-weight:500;line-height:1}discord-reaction:not([count]):not([data-dt-ready]):after,discord-reaction[count="1"]:not([data-dt-ready]):after{content:none}:where(discord-reaction) img,.dt-reaction-emoji{display:inline-block;flex:none;width:1rem;height:1rem;overflow:hidden;object-fit:contain;vertical-align:middle}.dt-reaction-count{font-size:.75rem;font-weight:600;line-height:1;color:inherit}:where(discord-action-row){display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-width:600px}:where(discord-button){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:2px 16px;border:0;border-radius:var(--dt-radius-sm);background:var(--dt-button-secondary);color:#fff;font-family:var(--dt-font);font-size:.875rem;font-weight:500;line-height:1rem;white-space:nowrap;cursor:pointer;transition:background var(--dt-transition)}:where(discord-button):hover{background:var(--dt-button-secondary-hover)}:where(discord-button[type=primary]){background:var(--dt-button-primary)}:where(discord-button[type=primary]):hover{background:var(--dt-button-primary-hover)}:where(discord-button[type=success]){background:var(--dt-button-success)}:where(discord-button[type=destructive],discord-button[type=danger]){background:var(--dt-button-danger)}:where(discord-button[type=link]){background:var(--dt-button-link)}:where(discord-button[disabled]){opacity:.5;cursor:not-allowed}.dt-button-emoji{width:1rem;height:1rem;object-fit:contain}.dt-button-link-icon{width:12px;height:12px;opacity:.9}:where(discord-verified-author-tag){display:inline-flex;align-items:center;justify-content:center;gap:3px;height:16px;padding:0 5px 0 4px;border-radius:4px;background:var(--dt-brand);color:var(--dt-text-on-brand);font-size:.625rem;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase;vertical-align:-2px}:where(discord-verified-author-tag):before{content:"\2713";font-size:.75rem;line-height:1}:where(discord-verified-author-tag:not([verified])):before{content:none}:where(discord-verified-author-tag):after{content:"APP"}.dt-divider{height:1px;margin:8px 0;border:0;background:var(--dt-divider)}.dt-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(discord-message,discord-embed,discord-attachments,discord-reactions) :focus-visible{outline:none;box-shadow:0 0 0 2px var(--dt-focus-ring)}@media(prefers-reduced-motion:reduce){:where(discord-spoiler),:where(discord-reaction),:where(discord-button),discord-image-attachment img{transition:none}}@media(max-width:480px){:where(discord-messages){--dt-msg-padding-right: 16px}:where(discord-embed),:where(discord-attachments){max-width:100%}}@media print{:root,discord-messages,discord-message{--dt-bg-primary: #ffffff;--dt-bg-secondary: #f2f3f5;--dt-bg-embed: #f2f3f5;--dt-bg-code: #f2f3f5;--dt-text-normal: #000000;--dt-text-strong: #000000;--dt-text-muted: #444444}:where(discord-spoiler){background:none;color:inherit}.dt-copy,.dt-spoiler-overlay{display:none!important}}
@@ -0,0 +1,2 @@
1
+ /*! discord-transcript-ui v1.1.0 | MIT | https://github.com/x1xo/discord-transcript-ui */
2
+ (function(){"use strict";if(typeof window=="undefined"||typeof document=="undefined"||window.DiscordTranscript&&window.DiscordTranscript.version)return;var V="1.0.0",qt=420*1e3,E={blue:"https://cdn.discordapp.com/embed/avatars/0.png",gray:"https://cdn.discordapp.com/embed/avatars/1.png",green:"https://cdn.discordapp.com/embed/avatars/2.png",orange:"https://cdn.discordapp.com/embed/avatars/3.png",red:"https://cdn.discordapp.com/embed/avatars/4.png",pink:"https://cdn.discordapp.com/embed/avatars/5.png"},k=["#5865f2","#3ba55c","#faa81a","#ed4245","#eb459e","#00a8fc","#9b59b6","#1abc9c"],Z=[],q=[],$={messages:"dms",message:"dm",reply:"drp",time:"dti",spoiler:"dsp",embed:"de","embed-footer":"defo","file-attachment":"dfil","image-attachment":"dimg","video-attachment":"dvid","audio-attachment":"daud",reaction:"dr",pre:"dp",code:"dc","custom-emoji":"demo",attachments:"dats",thread:"dth","author-info":"dai"};function s(t){var r=$[t];return r?":is(discord-"+t+","+r+")":"discord-"+t}function _(){return window.$discordMessage=window.$discordMessage||{}}function D(){return window.discordTranscript=window.discordTranscript||{}}function J(){var t={},r;for(r in E)t[r]=E[r];var e=_().avatars||{};for(r in e)e[r]&&(t[r]=e[r]);return(!t.default||E[t.default])&&(t.default=t[e.default]||E.blue),t}function Q(t){var r=J();return t==null||t===""?r.default:r[t]?r[t]:t}function X(t){var r=t.getAttribute("profile"),e=_().profiles||{};return r&&e[r]||{}}function K(t,r,e){var a=t.getAttribute(r);return a===null||a===""?e:a}function tt(t){var r=X(t),e=K(t,"author",r.author||"User"),a=t.getAttribute("avatar")||r.avatar;return{author:e,avatarUrl:Q(a),hasAvatar:!!a,roleColor:t.getAttribute("role-color")||r.roleColor||null,bot:l(t,"bot")||!!r.bot,verified:l(t,"verified")||!!r.verified,server:l(t,"server")||!!r.server,official:l(t,"official-app")||!!r.officialApp,op:l(t,"op")||!!r.op}}function l(t,r){return t.hasAttribute(r)}function rt(t){for(var r=0,e=0;e<t.length;e++)r=(r+t.charCodeAt(e))%997;return k[r%k.length]}function M(t){if(t==null||t==="")return null;if(/^\d+$/.test(t))return new Date(Number(t));var r=new Date(t);return isNaN(r.getTime())?null:r}function et(){return D().timeZone||void 0}function at(){return D().locale||"en-US"}function C(t,r){return new Intl.DateTimeFormat(at(),Object.assign({timeZone:et()},t)).format(r)}function j(t){return!(t||D().hour24)}function T(t,r){return C({hour:"numeric",minute:"2-digit",hour12:j(r)},t).replace(/\u202f/g," ")}function it(t,r){var e=new Date,a=new Date(e.getFullYear(),e.getMonth(),e.getDate()),i=new Date(t.getFullYear(),t.getMonth(),t.getDate()),d=Math.round((a-i)/864e5);return d===0?"Today at "+T(t,r):d===1?"Yesterday at "+T(t,r):C({day:"2-digit",month:"2-digit",year:"numeric"},t)}function F(t,r,e){switch(r){case"t":return T(t,e);case"T":return C({hour:"numeric",minute:"2-digit",second:"2-digit",hour12:j(e)},t).replace(/\u202f/g," ");case"d":return C({day:"2-digit",month:"2-digit",year:"numeric"},t);case"D":return C({day:"numeric",month:"long",year:"numeric"},t);case"F":return C({weekday:"long",day:"numeric",month:"long",year:"numeric"},t)+" at "+T(t,e);case"R":return z(t);case"f":default:return C({day:"numeric",month:"long",year:"numeric"},t)+" at "+T(t,e)}}function z(t){for(var r=Math.round((t.getTime()-Date.now())/1e3),e=r>0,a=[["year",31536e3],["month",2592e3],["week",604800],["day",86400],["hour",3600],["minute",60],["second",1]],i=0;i<a.length;i++){var d=a[i][1];if(Math.abs(r)>=d||d===1){var o=Math.abs(Math.round(r/d)),u=a[i][0]+(o===1?"":"s");return e?"in "+o+" "+u:o+" "+u+" ago"}}return"now"}function n(t,r,e){var a=document.createElement(t);return r&&(a.className=r),e!==void 0&&(a.textContent=e),a}function P(t,r){var e=n("span",r||"dt-avatar");if(t.hasAvatar){var a=n("img");a.src=t.avatarUrl,a.alt="",a.decoding="async",e.appendChild(a)}else e.classList.add("dt-avatar--initials"),e.style.backgroundColor=rt(t.author),e.textContent=(t.author||"?").charAt(0);return e}function dt(t){var r=n("span","dt-badges");if(t.bot){var e=t.verified?"dt-badge dt-badge--verified":"dt-badge";r.appendChild(n("span",e,"APP"))}else t.server?r.appendChild(n("span","dt-badge dt-badge--server","SERVER")):t.official&&r.appendChild(n("span","dt-badge dt-badge--official","OFFICIAL"));return t.op&&r.appendChild(n("span","dt-badge","OP")),r.children.length?r:null}function nt(t){if(!l(t,"data-dt-ready")){var r=N(t),e=M(t.getAttribute("timestamp")),a=n("div","dt-body"),i=[],d=t.querySelector(":scope > "+s("author-info")+", :scope > discord-message-header");for(d&&d.remove();t.firstChild;){var o=t.firstChild;if(o.nodeType===1&&(o.tagName==="DISCORD-REPLY"||o.tagName==="DISCORD-COMMAND")){i.push(o),t.removeChild(o);continue}a.appendChild(o)}var u=n("div","dt-msg");if(i.length){u.classList.add("dt-msg--has-reply");for(var f=0;f<i.length;f++)u.appendChild(i[f])}u.appendChild(P(r,"dt-avatar"));var c=n("div","dt-content"),p=n("div","dt-header"),g=n("span","dt-author",r.author);r.roleColor&&(g.style.color=r.roleColor),p.appendChild(g);var v=dt(r);v&&p.appendChild(v);var h=l(t,"twenty-four");if(e){var y=n("span","dt-timestamp",it(e,h));y.title=F(e,"F",h),p.appendChild(y),t.setAttribute("data-dt-short-time",T(e,h))}c.appendChild(p),c.appendChild(a),u.appendChild(c),t.appendChild(u),l(t,"edited")&&a.appendChild(n("span","dt-edited","(edited)")),ot(a)&&a.classList.add("dt-jumbo"),t.setAttribute("data-dt-ready","")}}function N(t){return tt(t)}function ot(t){var r=(t.textContent||"").replace(/\s+/g,"");if(r.length>0)return!1;var e=t.querySelectorAll(s("custom-emoji")+", img.emoji");return e.length>0&&e.length<=6}function ut(t){if(D().grouping!==!1)for(var r=(D().groupWindow||7)*60*1e3,e=null,a=null,i=0;i<t.length;i++){var d=t[i];if(d.removeAttribute("data-dt-continuation"),d.removeAttribute("data-dt-group-start"),d.hasAttribute("message-body-only")){d.setAttribute("data-dt-continuation",""),e=null,a=null;continue}var o=d.getAttribute("profile")||d.getAttribute("author")||d.getAttribute("avatar"),u=M(d.getAttribute("timestamp")),f=e!==null&&o!==null&&o===e,c=a===null||u===null||Math.abs(u-a)<=r;f&&c?d.setAttribute("data-dt-continuation",""):e!==null&&d.setAttribute("data-dt-group-start",""),e=o,a=u}}function st(t){if(!(l(t,"data-dt-ready")||l(t,"deleted"))){var r=N(t),e=[];t.querySelector(":scope > .dt-reply-avatar")||r.hasAvatar&&e.push(P(r,"dt-reply-avatar"));var a=n("span","dt-reply-author",(l(t,"mentions")?"@":"")+r.author);r.roleColor&&(a.style.color=r.roleColor),e.push(a);var i=n("span","dt-sr-only","replying to ");t.insertBefore(i,t.firstChild);for(var d=e.length-1;d>=0;d--)t.insertBefore(e[d],i.nextSibling);t.setAttribute("data-dt-ready","")}}function lt(t){if(!l(t,"data-dt-ready")){var r=t.getAttribute("timestamp");if(r){var e=M(r==="now"?String(Date.now()):r);if(e){var a=l(t,"twenty-four"),i=t.getAttribute("format")||"f";t.setAttribute("data-dt-stamp",e.toISOString()),t.textContent=F(e,i,a),t.setAttribute("datetime",e.toISOString()),t.title=F(e,"F",a),t.setAttribute("data-dt-ready",""),i==="R"&&q.indexOf(t)===-1&&q.push(t)}}}}function ct(t){return M(t.getAttribute("data-dt-stamp")||t.getAttribute("timestamp"))}function U(){for(var t=0;t<q.length;t++){var r=ct(q[t]);r&&(q[t].textContent=z(r))}}function ft(t){for(var r=t.querySelectorAll(s("spoiler")+":not([data-dt-ready])"),e=0;e<r.length;e++){var a=r[e];a.setAttribute("data-dt-ready",""),a.setAttribute("role","button"),a.hasAttribute("tabindex")||a.setAttribute("tabindex","0"),a.setAttribute("aria-expanded",l(a,"activated")?"true":"false")}for(var i=t.querySelectorAll(s("image-attachment")+"[spoiler], "+s("video-attachment")+"[spoiler]"),d=0;d<i.length;d++)i[d].querySelector(":scope > .dt-spoiler-overlay")||i[d].appendChild(n("button","dt-spoiler-overlay","Spoiler"))}function W(t){var r=!l(t,"data-dt-revealed");r?t.setAttribute("data-dt-revealed",""):t.removeAttribute("data-dt-revealed"),t.hasAttribute("aria-expanded")&&t.setAttribute("aria-expanded",r?"true":"false")}function pt(t){if(!l(t,"data-dt-ready")){var r=t.getAttribute("emoji"),e=r&&/^(https?:|data:|blob:|\/|\.\/)/i.test(r);if(e){var a=n("img","dt-reaction-emoji");a.src=r,a.alt=t.getAttribute("name")||"",a.loading="lazy",a.decoding="async",t.appendChild(a)}else r&&t.appendChild(n("span","dt-reaction-emoji",r));var i=parseInt(t.getAttribute("count")||"1",10);i>1&&t.appendChild(n("span","dt-reaction-count",String(i))),t.setAttribute("data-dt-ready","")}}function vt(t){var r=t.querySelector(":scope > .dt-reaction-count");return r&&parseInt(r.textContent,10)||1}function Y(t,r){var e=t.querySelector(":scope > .dt-reaction-count");if(r<=1){e&&e.remove();return}e?e.textContent=String(r):t.appendChild(n("span","dt-reaction-count",String(r)))}function gt(t){if(!l(t,"data-dt-ready")){var r=t.getAttribute("color");r&&t.style.setProperty("--dt-embed-color",r);var e=t.querySelector(":scope > .dt-embed-content");if(!e){for(e=n("div","dt-embed-content");t.firstChild;)e.appendChild(t.firstChild);t.appendChild(e)}var a=t.getAttribute("provider");a&&!e.querySelector(":scope > .dt-embed-provider")&&e.insertBefore(n("span","dt-embed-provider",a),e.firstChild);var i=t.getAttribute("author-name");if(i&&!e.querySelector(":scope > .dt-embed-author")){var d=n("div","dt-embed-author"),o=t.getAttribute("author-image");if(o){var u=n("img");u.src=o,u.alt="",u.loading="lazy",u.decoding="async",d.appendChild(u)}var f=t.getAttribute("author-url");if(f){var c=n("a",null,i);c.href=f,c.target="_blank",c.rel="noopener noreferrer",d.appendChild(c)}else d.appendChild(n("span",null,i));e.insertBefore(d,e.firstChild)}var p=t.getAttribute("embed-title")||t.getAttribute("title");if(p&&!e.querySelector(":scope > .dt-embed-title")){var g=t.getAttribute("url"),v=g?n("a","dt-embed-title dt-embed-title--link",p):n("span","dt-embed-title",p);g&&(v.href=g,v.target="_blank",v.rel="noopener noreferrer");var h=e.querySelector(":scope > .dt-embed-author, :scope > .dt-embed-provider");h?h.insertAdjacentElement("afterend",v):e.insertBefore(v,e.firstChild)}var y=t.getAttribute("thumbnail");if(y&&!t.querySelector(":scope > .dt-embed-thumbnail")){var x=n("div","dt-embed-thumbnail"),A=n("img");A.src=y,A.alt="",A.loading="lazy",A.decoding="async",x.appendChild(A),t.appendChild(x)}var m=t.getAttribute("video"),O=t.getAttribute("image");if((m||O)&&!t.querySelector(":scope > .dt-embed-image")){var S=n("div","dt-embed-image");if(m){var w=n("video");w.controls=!0,w.preload="metadata",w.src=m,S.appendChild(w)}else{var b=n("img");b.src=O,b.alt="",b.loading="lazy",b.decoding="async",S.appendChild(b)}var I=e.querySelector(":scope > "+s("embed-footer"));e.insertBefore(S,I||null)}t.setAttribute("data-dt-ready","")}}function ht(t){if(!l(t,"data-dt-ready")){var r=t.getAttribute("url");if(r&&!t.querySelector("img")){var e=n("img");e.src=r,e.alt=t.getAttribute("alt")||"discord image attachment",e.loading="lazy",e.decoding="async";var a=t.getAttribute("width"),i=t.getAttribute("height");a&&(e.style.maxWidth=a+"px"),i&&(e.style.maxHeight=i+"px"),t.appendChild(e)}var d=t.querySelector("img");d&&!d.getAttribute("loading")&&(d.loading="lazy"),t.setAttribute("data-dt-ready","")}}function G(t,r){if(!l(t,"data-dt-ready")){var e=t.getAttribute("href")||t.getAttribute("src");if(e&&!t.querySelector(r)){var a=n(r);if(a.controls=!0,a.preload="metadata",a.src=e,r==="video"){a.playsInline=!0;var i=t.getAttribute("poster");i&&(a.poster=i)}t.appendChild(a)}t.setAttribute("data-dt-ready","")}}function bt(t){if(!l(t,"data-dt-ready")){var r=t.getAttribute("href");if(r&&!t.firstChild){var e=n("a");e.href=r,e.target=t.getAttribute("target")||"_blank",e.rel="noopener noreferrer";var a=t.getAttribute("name")||r.split("/").pop()||"file";e.appendChild(n("span","dt-file-icon",t.getAttribute("type")||"FILE"));var i=n("span","dt-file-meta");i.appendChild(n("span","dt-file-name",a)),i.appendChild(n("span","dt-file-size",[t.getAttribute("bytes"),t.getAttribute("bytes-unit")].filter(Boolean).join(" "))),e.appendChild(i),t.appendChild(e)}t.setAttribute("data-dt-ready","")}}function yt(t){if(!(l(t,"data-dt-ready")||t.querySelector(":scope > .dt-copy"))){var r=n("button","dt-copy","Copy");r.type="button",t.appendChild(r),t.setAttribute("data-dt-ready","")}}function At(t){for(var r=t.querySelectorAll(s("attachments")+" img:not([loading]), "+s("embed")+" img:not([loading]), "+s("embed")+" video, "+s("thread")+" img"),e=0;e<r.length;e++)r[e].setAttribute("loading","lazy")}function L(t){if(!(!t||!t.querySelectorAll)){for(var r=t.querySelectorAll(s("message")+":not([data-dt-ready])"),e=0;e<r.length;e++)nt(r[e]);for(var a=t.querySelectorAll(s("messages")),i=0;i<a.length;i++){var d=a[i].querySelectorAll(":scope > "+s("message"));d.length&&ut(d)}for(var o=t.querySelectorAll(s("reply")+":not([data-dt-ready])"),u=0;u<o.length;u++)st(o[u]);for(var f=t.querySelectorAll(s("time")+":not([data-dt-ready])"),c=0;c<f.length;c++)lt(f[c]);for(var p=t.querySelectorAll(s("embed")+":not([data-dt-ready])"),g=0;g<p.length;g++)gt(p[g]);for(var v=t.querySelectorAll(s("file-attachment")+":not([data-dt-ready])"),h=0;h<v.length;h++)bt(v[h]);for(var y=t.querySelectorAll(s("image-attachment")+":not([data-dt-ready])"),x=0;x<y.length;x++)ht(y[x]);for(var A=t.querySelectorAll(s("video-attachment")+":not([data-dt-ready])"),m=0;m<A.length;m++)G(A[m],"video");for(var O=t.querySelectorAll(s("audio-attachment")+":not([data-dt-ready])"),S=0;S<O.length;S++)G(O[S],"audio");for(var w=t.querySelectorAll(s("reaction")+":not([data-dt-ready])"),b=0;b<w.length;b++)pt(w[b]);for(var I=t.querySelectorAll(s("pre")+":not([data-dt-ready])"),B=0;B<I.length;B++)yt(I[B]);ft(t),At(t),Ct(t)}}function Ct(t){for(var r=t.querySelectorAll(s("messages")),e=0;e<r.length;e++)r[e].hasAttribute("light-theme")&&!r[e].hasAttribute("data-theme")&&r[e].setAttribute("data-theme","light")}function mt(t){var r=t.target;if(!(!r||!r.closest)){var e=r.closest("discord-spoiler");if(e){W(e);return}var a=r.closest(".dt-spoiler-overlay");if(a&&a.parentElement){a.parentElement.setAttribute("data-dt-revealed","");return}var i=r.closest("discord-reaction");if(i&&i.hasAttribute("data-dt-ready")){var d=vt(i);l(i,"reacted")?(i.removeAttribute("reacted"),Y(i,Math.max(1,d-1))):(i.setAttribute("reacted",""),Y(i,d+1));return}var o=r.closest(".dt-copy");if(o&&o.parentElement&&navigator.clipboard){var u=o.parentElement,f=u.querySelector(s("code")+", pre, code");navigator.clipboard.writeText((f||u).textContent).then(function(){o.textContent="Copied",setTimeout(function(){o.textContent="Copy"},1200)})}}}function St(t){if(!(t.key!=="Enter"&&t.key!==" ")){var r=t.target;if(!(!r||!r.closest)){var e=r.closest("discord-spoiler");e&&(t.preventDefault(),W(e))}}}var R=null;function wt(t){R||(R=window.requestAnimationFrame(function(){R=null,L(t||document)}))}function H(){if(L(document),document.addEventListener("click",mt,!1),document.addEventListener("keydown",St,!1),window.setInterval&&Z.push(window.setInterval(function(){q.length&&U()},6e4)),D().observe!==!1&&window.MutationObserver){var t=new MutationObserver(function(r){for(var e=0;e<r.length;e++)if(r[e].addedNodes.length){wt(document);return}});t.observe(document.documentElement,{childList:!0,subtree:!0})}}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",H,!1):H(),window.DiscordTranscript={version:V,upgrade:function(t){L(t||document)},refresh:U,formatStamp:F,parseStamp:M}})();