.blip-actions{.toolbar-separator{background-color:var(--colors-mono-04);height:1.5rem;width:1px}.delete{.icon{color:var(--colors-danger);font-size:1.25rem}}.publish{.icon{color:var(--colors-warning)}}.unpublish{.icon{color:var(--colors-success)}}.edit{.icon{color:var(--colors-resonant-blue)}}}.tooltip-trigger{display:inline-flex}.tooltip-content{animation:tooltip-content-show .12s ease-out;background:color-mix(in srgb,var(--colors-mono-02) 92%,var(--colors-mono-01) 8%);border:1px solid var(--colors-mono-05);border-radius:.4rem;box-shadow:0 .25rem .5rem color-mix(in srgb,var(--colors-mono-00) 24%,transparent),0 .125rem .25rem color-mix(in srgb,var(--colors-mono-00) 12%,transparent);color:var(--colors-mono-11);font-size:.75rem;line-height:1.2;max-width:14rem;padding:.45rem .6rem;transform-origin:var(--kb-tooltip-content-transform-origin);z-index:40}.tooltip-arrow{fill:color-mix(in srgb,var(--colors-mono-02) 92%,var(--colors-mono-01) 8%)}@keyframes tooltip-content-show{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.blip-reaction-summary-list{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0;padding:0}.blip-reaction-summary-pill{align-items:center;background:color-mix(in srgb,var(--colors-mono-02) 88%,transparent);border:1px solid var(--colors-mono-05);border-radius:999px;color:var(--colors-mono-09);display:inline-flex;gap:.25rem;line-height:1;min-height:1.45rem;padding:.1rem .38rem;&.reacted{background:rgba(var(--colors-info-rgb),.25);border-color:color-mix(in srgb,var(--colors-info) 60%,var(--colors-mono-05) 40%);box-shadow:0 0 0 .0625rem rgba(var(--colors-info-rgb),.18);color:var(--colors-mono-10)}.emoji{font-size:.85rem}.count{font-size:.6875rem;font-weight:500}}.blip-reaction-summary-button{cursor:pointer;transition:var(--transitions-primary);&:hover:not(:disabled){border-color:color-mix(in srgb,var(--colors-info) 75%,var(--colors-mono-05) 25%);transform:translateY(-.03125rem)}&:disabled{cursor:wait;opacity:.8}}.tooltip-content.blip-reaction-summary-tooltip{max-width:18rem}.popover-content{animation:popover-content-show .16s ease-out;transform-origin:var(--kb-popover-content-transform-origin);z-index:30}.popover-arrow{fill:rgba(var(--colors-mono-01-rgb),.95)}@keyframes popover-content-show{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.reaction-trigger{align-items:center;background:transparent;border:1px solid var(--colors-mono-05);border-radius:999px;color:var(--colors-mono-08);cursor:pointer;display:inline-flex;justify-content:center;padding:.1rem .45rem;transition:var(--transitions-primary);&:hover{border-color:var(--colors-links);color:var(--colors-links);.icon{transform:scale(1.1) rotate(10deg)}}&[aria-disabled=true]{cursor:not-allowed}.icon{color:currentcolor;font-size:1rem;transition:transform .16s ease}}.reaction-picker-content{--picker-surface: rgba(var(--colors-mono-01-rgb), .95);--picker-gap: .24rem;--picker-cell-size: 1.92rem;--picker-inline-padding: .32rem;backdrop-filter:blur(.2rem);background:var(--picker-surface);border:1px solid var(--colors-mono-04);border-radius:.75rem;box-shadow:0 .25rem .5rem #0000003d,0 .125rem .25rem #0000001f;overflow:visible;padding:.45rem var(--picker-inline-padding) .42rem;width:min(16.75rem,calc(100vw - 1rem))}.reaction-picker-shell{display:flex;flex-direction:column;gap:.45rem}.reaction-picker-body{max-height:min(12rem,calc(100vh - 8rem));overflow-y:auto;padding:.08rem 0 .12rem .08rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--colors-mono-06) 55%,transparent) transparent}.reaction-picker-body::-webkit-scrollbar{width:.125rem}.reaction-picker-body::-webkit-scrollbar-track{background:transparent}.reaction-picker-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--colors-mono-06) 55%,transparent);border-radius:999px}.reaction-picker-note{align-self:center;color:var(--colors-mono-08);font-size:.625rem;line-height:1;padding:.1rem 0}.reaction-picker-grid{display:flex;flex-wrap:wrap;gap:var(--picker-gap);justify-content:center}.reaction-picker-emoji{align-items:center;background:transparent;border:1px solid transparent;border-radius:.6rem;cursor:pointer;display:inline-flex;height:var(--picker-cell-size);justify-content:center;transition:var(--transitions-primary);width:var(--picker-cell-size);span{font-size:1.28rem;line-height:1}&:hover{border-color:var(--colors-mono-05);transform:scale(1.05)}&.active{background:rgba(var(--colors-info-rgb),.25);border-color:color-mix(in srgb,var(--colors-info) 60%,var(--colors-mono-05) 40%);box-shadow:inset 0 0 0 .0625rem rgba(var(--colors-info-rgb),.18)}}@media(max-width:48rem){.reaction-picker-content{--picker-gap: .3rem;--picker-cell-size: 2.9rem;--picker-inline-padding: .35rem;width:min(18.5rem,calc(100vw - .75rem))}.reaction-picker-body{max-height:min(14rem,calc(100vh - 5rem))}.reaction-picker-emoji{span{font-size:2.15rem}}}