.mention-textarea{display:grid;position:relative}.mention-textarea__field,.mention-textarea__overlay{grid-area:1/1}.mention-textarea .form-textarea.mention-textarea__field{color:#0000;caret-color:var(--white-ghost-100)}.mention-textarea .form-textarea.mention-textarea__field::placeholder{color:var(--white-ghost-300)}.mention-textarea .form-textarea.mention-textarea__overlay{color:var(--white-ghost-100);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border-color:#0000;overflow:hidden}.mention-textarea__pill{background:color-mix(in srgb, currentcolor 18%, transparent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em}.mention-textarea__pill--selected{background:var(--white-ghost-100);color:var(--black-oil-1000)}.mention-textarea__listbox{z-index:5;max-height:40dvh;margin:var(--spacing-1) 0 0;position:absolute;inset:100% 0 auto;overflow-y:auto}.mention-textarea__listbox--anchored{margin:0}.mention-textarea__listbox{padding:var(--spacing-1);border:2px solid var(--white-ghost-100);border-radius:var(--radius-md);background:var(--black-oil-900);color:var(--white-ghost-100);list-style:none}.mention-textarea__option{align-items:center;gap:var(--spacing-2);min-height:40px;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm,4px);cursor:pointer;display:flex}.mention-textarea__option[aria-selected=true],.mention-textarea__option:hover{background:var(--black-oil-800)}.mention-textarea__icon{width:1.5rem;height:1.5rem;color:var(--white-ghost-300);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mention-textarea__avatar{flex-shrink:0}.mention-textarea__text{flex-direction:column;min-width:0;display:flex}.mention-textarea__primary{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-textarea__primary b{font-weight:var(--font-weight-semibold)}.mention-textarea__secondary{color:var(--white-ghost-300);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.page-comments{gap:var(--spacing-4);background:var(--black-oil-1000);min-width:0;color:var(--white-ghost-100);flex-direction:column;display:flex}.page-comments--page{box-sizing:border-box;padding:var(--spacing-4);margin-top:var(--spacing-6);border:2px solid var(--white-ghost-100);border-radius:var(--radius-md)}.page-comments--card{gap:var(--spacing-3);width:100%;color:var(--feed-card-fg,var(--white-ghost-100));background:0 0}.page-comments__title{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;display:flex}.page-comments__toggle{align-self:flex-start}.page-comments__list{gap:var(--spacing-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.page-comments__thread{gap:var(--spacing-3);flex-direction:column;display:flex}.page-comments__replies{margin-top:var(--spacing-3);padding-left:var(--spacing-4);border-left:2px solid var(--black-oil-700)}.page-comments__replies--flat{padding-left:var(--spacing-2)}@media (max-width:640px){.page-comments__replies{padding-left:var(--spacing-2)}}.page-comments__item{gap:var(--spacing-2);padding:var(--spacing-3);border:var(--border-hairline);border-radius:var(--radius-md);background:var(--black-oil-900);flex-direction:column;display:flex}.page-comments__item--pending{opacity:.6}.page-comments__item--deleted{background:0 0}.page-comments__item:target{box-shadow:0 0 0 2px var(--color-accent)}.page-comments__fold{align-self:flex-start}.page-comments__mentions-you{align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-2);border:1px solid var(--white-ghost-100);border-radius:var(--radius-sm,4px);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.02em;text-transform:uppercase;display:inline-flex}.page-comments__meta{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.page-comments__author{min-width:0;color:inherit;font-weight:var(--font-weight-medium);overflow-wrap:anywhere;text-decoration:none}.page-comments__author:hover{text-decoration:underline}.page-comments__author:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.page-comments__reply-to,.page-comments__time,.page-comments__hint,.page-comments__deleted,.page-comments__signin{color:var(--white-ghost-300);font-size:var(--font-size-sm)}.page-comments__deleted{margin:0;font-style:italic}.page-comments__body{margin:0}.page-comments__actions,.page-comments__composer-actions,.page-comments__confirm{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.page-comments__reply-box{padding:var(--spacing-1) 0}.page-comments__composer{gap:var(--spacing-2);flex-direction:column;display:flex;position:relative}.page-comments__replying{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);margin:0;display:flex}.page-comments__listbox{z-index:5;margin:var(--spacing-1) 0 0;padding:var(--spacing-1);border:1px solid var(--black-oil-700);border-radius:var(--radius-md);background:var(--black-oil-900);color:var(--white-ghost-100);list-style:none;position:absolute;inset:100% 0 auto}.page-comments__suggestion{justify-content:flex-start;width:100%}.page-comments__signin{margin:0}.page-comments__signin a{color:inherit}.page-comments__error{margin:0}@media (hover:none),(pointer:coarse){.page-comments .button{min-height:44px}.page-comments .form-textarea{font-size:max(1rem,var(--font-size-base))}.page-comments__hint{display:none}}