@property --fd-chip-paint{syntax:"<number>";inherits:true;initial-value:0}
.fd-timeline-message{position:relative}
.fd-message-actions{--fd-chip-paint:.34;position:absolute;right:0.4375rem;top:0.3125rem;display:flex;gap:0.125rem;padding:0.1875rem;border:1px solid rgb(255 255 255 / calc(var(--fd-chip-paint) * .44));border-radius:0.875rem;background:linear-gradient(135deg,rgb(250 250 250 / calc(var(--fd-chip-paint) * .9)),rgb(238 238 238 / calc(var(--fd-chip-paint) * .8)));backdrop-filter:blur(1rem);box-shadow:inset 0 1px 1px rgb(255 255 255 / calc(var(--fd-chip-paint) * .5)),0 0.1875rem 0.625rem rgb(0 0 0 / calc(var(--fd-chip-paint) * .03));pointer-events:none;transition:--fd-chip-paint .24s cubic-bezier(.16,1,.3,1);z-index:2}
.fd-timeline-message:hover .fd-message-actions,.fd-message-actions:focus-within{--fd-chip-paint:1;pointer-events:auto}
.fd-message-actions button{display:grid;place-items:center;width:1.6875rem;height:1.6875rem;padding:0.375rem;border:0;border-radius:50%;background:transparent;color:#72757e;cursor:pointer;opacity:var(--fd-chip-paint);transform:translateY(calc((1 - var(--fd-chip-paint)) * 0.25rem));transition:background .2s ease,transform .2s ease}
.fd-message-actions svg{width:0.9375rem;height:0.9375rem}
.fd-message-actions button:hover,.fd-message-actions button[aria-pressed=true]{background:#85878e15}
.fd-message-actions button:is(:hover,:focus-visible,.is-raised){transform:translateY(-0.1875rem)}
/* Trash can from Uiverse philipo30 "afraid-ape-40" (MIT), 1:1 at the bar's 15px icon size: the drop shadow is scaled from the 64px original. */
.fd-message-actions button[data-message-action=delete]{padding:0.30469rem}
.fd-message-actions button[data-message-action=delete]:hover{background:transparent}
.fd-message-actions .fd-trash-svg{width:1.07812rem;height:1.07812rem;overflow:visible;filter:drop-shadow(0 .47px .94px rgba(0,0,0,.1));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.fd-message-actions .fd-trash-lid{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.fd-message-actions button[data-message-action=delete]:is(:hover,:focus-visible) .fd-trash-lid{transform:rotate(-28deg) translateY(0.125rem)}
.fd-message-actions button[data-message-action=delete]:active .fd-trash-lid{transform:rotate(-12deg) scale(.98)}
.fd-message-actions button[data-message-action=delete]:is(:hover,:focus-visible) .fd-trash-svg{transform:scale(1.08) rotate(3deg)}
.fd-call-text-card .fd-message-actions button[data-message-action=delete]:focus-visible{background-color:transparent;box-shadow:none}
.fd-message-actions button[data-message-action=delete]:active .fd-trash-svg{transform:scale(.96) rotate(-1deg)}
.fd-call-text-card :is(.fd-message-actions,.fd-message-modal,.fd-composer-reply) button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #85878e60;background-color:#85878e15}
.fd-message-modal{position:absolute;z-index:40;display:flex;flex-direction:column;gap:0.625rem;width:min(26.25rem,calc(100% - 2.125rem));max-height:calc(100% - 2.125rem);box-sizing:border-box;padding:1rem;border:1px solid #ffffff90;border-radius:1.375rem;background:linear-gradient(135deg,#fafafaf2,#eeeeeee8);backdrop-filter:blur(1.375rem);box-shadow:inset 0 1px 1px #ffffffb0,0 0.625rem 1.75rem #00000012;color:#34363c;font:0.75rem/1.5 Inter,'Segoe UI',sans-serif;overflow-x:hidden;overflow-y:auto;animation:fd-message-open .18s ease-out}
.fd-message-modal[hidden]{display:none!important}
.fd-message-modal button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}
.fd-message-modal :is(button,input,textarea):disabled{opacity:.5;cursor:default}
.fd-message-modal-head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex:none}
.fd-message-modal-head strong{font-size:0.875rem;font-weight:600}
.fd-message-modal .fd-message-close{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;padding:0;font-size:1.3125rem}
.fd-message-hint{font-size:0.6875rem;color:#85878e;margin:0;flex:none}
.fd-message-modal .fd-message-input{font:inherit;color:inherit;width:100%;min-width:0;box-sizing:border-box;flex:none;padding:0.5625rem 0.6875rem;border:1px solid #88888820;border-radius:0.75rem;background:#ffffff40;outline:none;resize:none}
.fd-message-modal .fd-message-input:focus{border-color:#88888850;box-shadow:inset 0 0 0 1px #88888810}
.fd-message-destinations{min-height:3.75rem;max-height:16.25rem;overflow:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;gap:0.1875rem}
.fd-message-destination{display:flex;align-items:center;gap:0.625rem;padding:0.5rem;border-radius:0.75rem;flex:none;cursor:pointer;min-width:0}
.fd-message-destination:hover{background:#8888880a}
.fd-message-destination-avatar{display:grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:50%;background:#88888810;color:#85878e;overflow:hidden;font-size:0.9375rem}
.fd-message-destination-avatar img{width:100%;height:100%;object-fit:cover}
.fd-message-destination-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.fd-message-destination-copy strong{font-size:0.75rem;font-weight:500;overflow-wrap:anywhere}
.fd-message-destination-copy small{color:#85878e;font-size:0.625rem}
.fd-message-forward-preview{margin:0;padding:0.4375rem 0.625rem;border-left:0.125rem solid #85878e50;border-radius:0 0.5rem 0.5rem 0;background:#88888808;max-height:4.6875rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;flex:none;font-size:0.6875rem}
.fd-message-forward-footer{display:flex;align-items:center;gap:0.5rem;flex:none;min-width:0}
.fd-message-forward-footer textarea{flex:1!important;height:2.375rem;min-height:2.375rem;max-height:2.375rem;padding:0.5625rem 0.6875rem;line-height:1.125rem;overflow:hidden}
.fd-message-modal .fd-message-submit{flex:none;padding:0.5625rem 0.875rem;border:1px solid #ffffff60;border-radius:0.75rem;background:#85878e18;font-size:0.75rem;box-shadow:inset 0 1px 1px #ffffff50}
.fd-message-modal .fd-message-forward-footer .fd-message-submit{box-sizing:border-box;height:2.375rem;padding:0 0.875rem;display:inline-flex;align-items:center;justify-content:center}
.fd-message-modal .fd-message-submit:hover{background:#85878e28}
.fd-message-error{margin:0;color:#a65b5b;font-size:0.6875rem;flex:none;overflow-wrap:anywhere}
.fd-message-modal.fd-message-reaction{bottom:auto;transform-origin:top right;width:min(21.875rem,calc(100% - 2.125rem));height:min(24.375rem,calc(100% - 2.125rem));color:#34363c}
.fd-message-emoji-body{display:flex;flex-direction:column;flex:1;min-height:0}
.fd-message-reaction .call-emoji-grid{min-height:0;flex:1}
.fd-call-text-card .fd-message-reaction :is(button,input):focus{outline:none;border-color:#85878e50}
.fd-call-text-card .fd-message-reaction button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #85878e50}
.fd-timeline-reactions button{padding:0.125rem 0.4375rem;border:1px solid #88888818;border-radius:1.25rem;background:#ffffff20;font-family:inherit;font-size:0.6875rem;line-height:1.4;color:inherit;cursor:pointer}
.fd-timeline-reactions button[aria-pressed=true]{background:#85878e20;border-color:#85878e40}
.fd-composer-reply{display:flex;align-items:center;gap:0.625rem;padding:0.5625rem 0.75rem;margin-bottom:0.3125rem;border:1px solid #ffffff65;border-radius:0.875rem;background:linear-gradient(135deg,#ffffff35,#ffffff12);color:var(--composer-ink);font:0.6875rem/1.4 Inter,'Segoe UI',sans-serif;box-sizing:border-box}
.fd-composer-reply[hidden]{display:none}
.fd-composer-reply>span{flex:1;min-width:0}
.fd-composer-reply small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.6;margin-top:0.1875rem}
.fd-composer-reply button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;flex:none;border-radius:0.5625rem;padding:0.3125rem 0.4375rem}
.fd-composer-reply-ping[aria-pressed=false]{opacity:.5}
.fd-composer-reply-close{font-size:1.125rem!important}
.fd-call-text-card :is(.fd-message-modal,.fd-message-destinations,.fd-message-forward-preview){scrollbar-width:thin;scrollbar-color:#85878e38 transparent;overscroll-behavior:contain}
.fd-call-text-card :is(.fd-message-modal,.fd-message-destinations,.fd-message-forward-preview)::-webkit-scrollbar{width:0.1875rem;height:0}
.fd-call-text-card :is(.fd-message-modal,.fd-message-destinations,.fd-message-forward-preview)::-webkit-scrollbar-thumb{background:#85878e38;border-radius:0.375rem}
.fd-app-dark .fd-message-actions,.fd-app-dark .fd-message-modal{background:linear-gradient(135deg,#292b30f2,#202226ed);border-color:#ffffff20;color:#dedee3;box-shadow:inset 0 1px 1px #ffffff15,0 0.625rem 1.75rem #00000025}
.fd-app-dark .fd-message-actions button{color:#b8bac2}
.fd-app-dark .fd-message-modal .fd-message-input{background:#ffffff08;border-color:#ffffff18}
.fd-app-dark .fd-message-submit,.fd-app-dark .fd-composer-reply{border-color:#ffffff20;box-shadow:inset 0 1px 1px #ffffff10}
.fd-app-dark .fd-composer-reply{background:#ffffff05}
@keyframes fd-message-open{from{opacity:0;transform:translateY(-0.25rem)}to{opacity:1;transform:none}}
@media(hover:none){.fd-message-actions{position:static;opacity:1;transform:none;pointer-events:auto;margin-left:auto}.fd-timeline-message{flex-wrap:wrap}.fd-timeline-body{min-width:calc(100% - 2.75rem)}.fd-like{position:static;opacity:1;pointer-events:auto;margin-left:0.5rem}}
@media(max-width:480px){.fd-message-forward-footer{flex-direction:column;align-items:stretch}.fd-message-modal{padding:0.75rem}.fd-composer-reply{gap:0.25rem}}
/* Like tag, to the right of the action bar. Shell matches the bar; heart, count slide and divider follow Uiverse popular-puma-87. */
.fd-timeline-message:has(.fd-like) .fd-message-actions{right:calc(0.4375rem + 7rem + 0.5rem)}
.fd-like{--fd-chip-paint:.34;position:absolute;right:0.4375rem;top:0.3125rem;z-index:3;display:flex;width:7rem;height:2.1875rem;box-sizing:border-box;overflow:hidden;border:1px solid rgb(255 255 255 / calc(var(--fd-chip-paint) * .44));border-radius:0.875rem;background:linear-gradient(135deg,rgb(250 250 250 / calc(var(--fd-chip-paint) * .9)),rgb(238 238 238 / calc(var(--fd-chip-paint) * .8)));backdrop-filter:blur(1rem);box-shadow:inset 0 1px 1px rgb(255 255 255 / calc(var(--fd-chip-paint) * .5)),0 0.1875rem 0.625rem rgb(0 0 0 / calc(var(--fd-chip-paint) * .03));color:#34363c;font:0.75rem/1 Inter,'Segoe UI',sans-serif;pointer-events:none;user-select:none;transition:--fd-chip-paint .24s cubic-bezier(.16,1,.3,1)}
.fd-timeline-message:hover .fd-like,.fd-like:focus-within{--fd-chip-paint:1;pointer-events:auto}
.fd-like-main{width:70%;height:100%;display:flex;align-items:center;justify-content:space-evenly;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;transform:translateY(calc((1 - var(--fd-chip-paint)) * 0.1875rem))}
.fd-like-text{opacity:var(--fd-chip-paint)}
.fd-like{--fd-like-shift:calc(2.1875rem * 40 / 48)}
.fd-like-icon{width:1.25rem;height:1.25rem;overflow:visible;opacity:var(--fd-chip-paint);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.fd-like-main:hover .fd-like-icon,.fd-like-main:focus-visible .fd-like-icon{transform:translateY(-0.1875rem)}
.fd-like-icon path{fill:#72757e;transition:fill .2s ease-out}
.fd-like[data-liked=true] .fd-like-icon path{fill:#fc4e4e}
.fd-like.is-pop .fd-like-icon{animation:fd-like-enlarge .2s ease-out 1;transform-origin:center;transform-box:fill-box}
@keyframes fd-like-enlarge{0%{transform:scale(.5)}100%{transform:scale(1.2)}}
.fd-like-counts{position:relative;width:30%;height:100%;overflow:hidden;border:0;border-left:0.125rem solid rgb(136 136 136 / calc(var(--fd-chip-paint) * .2));background:transparent;font:inherit;cursor:pointer;padding:0}
.fd-like-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#85878e;opacity:var(--fd-chip-paint);pointer-events:none;transition:transform .5s ease-out,color .5s ease-out}
.fd-like-count.two{transform:translateY(var(--fd-like-shift))}
.fd-like[data-liked=true] .fd-like-count.two{transform:translateX(0);color:#34363c}
.fd-like[data-liked=true] .fd-like-count.one{transform:translateY(calc(var(--fd-like-shift) * -1))}
.fd-like button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #85878e60}
.fd-like-modal{position:absolute;z-index:41;display:flex;flex-direction:column;gap:0.25rem;width:min(16.25rem,calc(100% - 2.125rem));max-height:24.5rem;box-sizing:border-box;padding:0.5rem;overflow:auto;border:1px solid #ffffff90;border-radius:1rem;background:linear-gradient(135deg,#fafafa99,#eeeeee80);backdrop-filter:blur(1.125rem);box-shadow:inset 0 1px 1px #ffffff80,0 0.625rem 1.75rem #00000010;color:#34363c;font:0.75rem/1.3 Inter,'Segoe UI',sans-serif;scrollbar-width:thin;scrollbar-color:#85878e38 transparent;overscroll-behavior:contain}
.fd-like-modal[hidden]{display:none!important}
.fd-like-modal::-webkit-scrollbar{width:0.1875rem}
.fd-like-modal::-webkit-scrollbar-thumb{background:#85878e38;border-radius:0.375rem}
.fd-like-row{display:flex;align-items:center;gap:0.5rem;min-height:2.125rem;padding:0.25rem 0.5rem;border-radius:0.75rem;background:#ffffff55}
.fd-like-avatar{display:grid;place-items:center;width:1.625rem;height:1.625rem;flex:none;border-radius:50%;overflow:hidden;background:#88888818;color:#85878e;font-size:0.75rem}
.fd-like-avatar img{width:100%;height:100%;object-fit:cover}
.fd-like-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.fd-like-mini{width:0.875rem;height:0.875rem;flex:none;fill:#fc4e4e;opacity:.55}
.fd-like-empty{margin:0;padding:0.5rem;color:#85878e;font-size:0.6875rem}
.fd-app-dark .fd-message-actions,.fd-app-dark .fd-like{background:linear-gradient(135deg,rgb(41 43 48 / calc(var(--fd-chip-paint) * .95)),rgb(32 34 38 / calc(var(--fd-chip-paint) * .93)));border-color:rgb(255 255 255 / calc(var(--fd-chip-paint) * .13));box-shadow:inset 0 1px 1px rgb(255 255 255 / calc(var(--fd-chip-paint) * .08)),0 0.625rem 1.75rem rgb(0 0 0 / calc(var(--fd-chip-paint) * .15))}
.fd-app-dark .fd-message-actions,.fd-app-dark .fd-like{--fd-chip-paint:.28}
.fd-app-dark .fd-like{color:#dedee3}
.fd-app-dark .fd-timeline-message:hover .fd-like,.fd-app-dark .fd-like:focus-within,.fd-app-dark .fd-timeline-message:hover .fd-message-actions,.fd-app-dark .fd-message-actions:focus-within{--fd-chip-paint:1}
.fd-app-dark .fd-like-icon path{fill:#b8bac2}
.fd-app-dark .fd-like[data-liked=true] .fd-like-icon path{fill:#fc4e4e}
.fd-app-dark .fd-like-counts{border-left-color:rgb(255 255 255 / calc(var(--fd-chip-paint) * .14))}
.fd-app-dark .fd-like-count{color:#8e919a}
.fd-app-dark .fd-like[data-liked=true] .fd-like-count.two{color:#fcfcfc}
.fd-app-dark .fd-like-modal{background:linear-gradient(135deg,#292b3099,#20222680);border-color:#ffffff20;color:#dedee3;box-shadow:inset 0 1px 1px #ffffff15,0 0.625rem 1.75rem #00000025}
.fd-app-dark .fd-like-row{background:#ffffff12}
@media(hover:none){.fd-message-actions,.fd-like{--fd-chip-paint:1;pointer-events:auto}.fd-like{position:static;margin-left:0.5rem}}