.b-comments__wrap{gap:var(--space-m);width:min(100%,42.5rem);margin-inline:auto;display:grid}.b-comments__head{gap:var(--space-2xs);display:grid}.b-comments__eyebrow{color:var(--sec-muted);font-size:var(--fs-meta);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:600}.b-comments__title{font-family:var(--f-heading);font-size:var(--fs-title-l);line-height:var(--lh-title);text-wrap:balance;margin:0}.b-comments__count{color:var(--sec-muted);font-size:var(--fs-meta);margin:0;font-weight:700}.b-comments__empty,.b-comments__intro{font-size:var(--fs-body);line-height:var(--lh-body);margin:0}.b-comments__list{gap:var(--space-s);margin:0;padding:0;list-style:none;display:grid}.b-comments__list--replies{border-inline-start:2px solid var(--sec-line);margin-block-start:var(--space-s);padding-inline-start:var(--space-m)}.b-comments__card{gap:var(--space-2xs);display:grid}.b-comments--compact .b-comments__card{padding:var(--space-s);border:1.5px solid var(--edge);border-radius:var(--r-card);background:var(--sec-bg)}.b-comments__who{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.b-comments__avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.b-comments__avatar--icon{border:1.5px solid var(--sec-line-strong);background:var(--sec-pop);color:var(--sec-pop-ink);place-items:center;font-size:21px;display:grid;position:relative;overflow:hidden}.b-comments__photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.b-comments__photo[hidden]{display:none}.b-comments__meta{min-width:0;display:grid}.b-comments__name{font-weight:700;font-size:var(--fs-body);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:5px 8px;margin:0;display:flex}.b-comments__badge{background:var(--sec-ink);color:var(--sec-bg);font-size:var(--fs-micro);letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-weight:800}.b-comments__badge--sample{color:var(--sec-ink);border:1.5px dashed var(--sec-line-strong);background:0 0}.b-comments__date{color:var(--sec-muted);font-size:var(--fs-meta)}.b-comments__text{font-size:var(--fs-body);line-height:var(--lh-body);white-space:pre-line;overflow-wrap:break-word;margin:0}.b-comments__cancel,.b-comments__fold-btn,.b-comments__reply{min-height:44px;color:var(--sec-ink);font:inherit;font-weight:700;font-size:var(--fs-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-self:start;align-items:center;gap:5px;margin-inline-start:-13px;padding:0 13px;display:inline-flex}.b-comments__fold-btn{width:fit-content;list-style:none}.b-comments__fold-btn::-webkit-details-marker{display:none}.b-comments__fold[open] .b-comments__fold-caret{rotate:180deg}.b-comments__cancel:focus-visible,.b-comments__fold-btn:focus-visible,.b-comments__reply:focus-visible{outline:3px solid var(--sec-focus);outline-offset:2px}@media (hover:hover){.b-comments__cancel:hover,.b-comments__fold-btn:hover,.b-comments__reply:hover{background:color-mix(in srgb,var(--sec-ink) 8%,transparent)}}.b-comments__state{align-items:center;gap:var(--space-2xs);padding:var(--space-s);border-radius:var(--r-card);border:1.5px solid var(--edge);font-size:var(--fs-body);margin:0;display:flex}.b-comments__state--note{font-size:var(--fs-meta)}.b-comments__open,.b-comments__send{justify-content:center;align-items:center;gap:var(--space-2xs);border:1.5px solid var(--sec-ink);background:var(--sec-ink);min-height:44px;color:var(--sec-bg);font:inherit;cursor:pointer;border-radius:999px;justify-self:start;padding:8px 21px;font-weight:800;display:inline-flex}.b-comments__open:focus-visible,.b-comments__send:focus-visible{outline:3px solid var(--sec-focus);outline-offset:2px}.b-comments__fields:disabled .b-comments__send,.b-comments__send:disabled{cursor:not-allowed;opacity:.72}.b-comments__form{gap:var(--space-s);border-block-start:1px solid var(--sec-line);padding-block-start:var(--space-m);display:grid}.b-comments__form-title{font-family:var(--f-heading);font-size:var(--fs-title);line-height:var(--lh-title);margin:0}.b-comments__replying{justify-content:space-between;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.b-comments__fields{border:0;min-width:0;margin:0;padding:0}.b-comments__fields,.b-comments__row{gap:var(--space-s);display:grid}@container (width>=520px){.b-comments__row{grid-template-columns:1fr 1fr}}.b-comments__field{gap:5px;min-width:0;display:grid}.b-comments__field label{font-weight:700;font-size:var(--fs-ui)}.b-comments__opt{color:var(--sec-muted);font-weight:500}.b-comments__field input,.b-comments__field textarea{border-radius:var(--radius-inner,10px);border:1.5px solid var(--sec-line-strong);background:var(--sec-bg);width:100%;min-height:44px;color:var(--sec-ink);font:inherit;font-size:max(16px,var(--fs-body));padding:8px 13px;line-height:1.5}.b-comments__field textarea{resize:vertical;min-height:144px}.b-comments__field input:focus-visible,.b-comments__field textarea:focus-visible{outline:3px solid var(--sec-focus);outline-offset:1px}.b-comments__field [aria-invalid=true]{border-color:var(--sec-ink);border-width:2px}.b-comments__err{color:var(--sec-ink);font-size:var(--fs-meta);margin:0;font-weight:700}.b-comments__err:before{content:"! "}.b-comments__err--form{padding:var(--space-xs) var(--space-s);border-radius:var(--radius-inner,10px);border:2px solid var(--sec-ink)}.b-comments__hp{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.b-comments__actions{align-items:center;gap:var(--space-xs) var(--space-s);flex-wrap:wrap;display:flex}.b-comments__note{color:var(--sec-muted);font-size:var(--fs-meta);margin:0}.b-comments__done{align-items:center;gap:var(--space-2xs);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-inner,10px);background:var(--sec-pop);color:var(--sec-pop-ink);margin:0;font-weight:700;display:flex}.b-comments__ts{min-height:65px}@media (prefers-reduced-motion:no-preference){.b-comments__fold-caret{transition:rotate .2s}}