.reaction-area{grid-column:1/-1;min-width:0;width:100%;border-top:1px solid #dce7e4;margin-top:.5rem;padding-top:.5rem}.reaction-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.35rem 0}.reaction-label{font-size:.8rem;font-weight:700;color:#425d5b;margin-right:auto}.reaction-choice{display:inline-flex;align-items:center;border:1px solid #c5d7d2;border-radius:2rem;overflow:hidden;background:#fff}.reaction-vote,.reaction-count,.reaction-icon{display:grid;place-items:center;box-sizing:border-box;width:46px;min-width:46px;height:46px;border:0;background:transparent;padding:0;cursor:pointer;font-size:1rem}.reaction-vote[aria-pressed=true]{background:#d1eee2}.reaction-icon{cursor:default}.reaction-count{font-weight:700;border-left:1px solid #dce7e4;color:#164e47}.reaction-vote:focus-visible,.reaction-count:focus-visible{outline:3px solid #b37b00;outline-offset:-3px}.reaction-message{display:block;font-size:.8rem}.reaction-dialog{max-width:min(90vw,28rem);max-height:70vh;border:0;border-radius:1rem;padding:1.5rem;box-shadow:0 1rem 3rem #0005}.reaction-dialog::backdrop{background:#001b1bb3}.reaction-dialog ul{max-height:40vh;overflow:auto;overflow-wrap:anywhere}.reaction-dialog button{min-height:44px;padding:.65rem 1rem;border-radius:.5rem;cursor:pointer}.reaction-settings input{max-width:100%;font:inherit;padding:.6rem;border:1px solid #8aa5a0;border-radius:.4rem}.reaction-settings button{font:inherit;padding:.6rem .9rem}@media(max-width:360px){.reaction-row{gap:.4rem}.reaction-label{flex-basis:100%}}