.c-message{align-items:flex-start;border-style:solid;border-width:.0625rem;display:flex;flex-direction:row;font-weight:600;gap:.75rem;justify-content:flex-start;padding:.75rem;width:100%}.c-message p{font-size:var(--font-static-sm);margin:0}.c-message a{text-decoration:underline}.c-message__title{font-family:var(--font-typeface-display);font-size:var(--font-static-sm);font-weight:700;line-height:1.1}.c-message--warning{background-color:var(--surface-functional-warning);border-color:var(--border-functional-warning);color:var(--text-functional-warning)}.c-message--error{background-color:var(--surface-functional-error);border-color:transparent;border-radius:0 0 var(--radius-primary) var(--radius-primary);color:var(--text-global-light);font-size:var(--font-static-xs);line-height:1.5;margin-top:-.125rem;padding:.25rem .75rem}.c-message--error .icon{margin-right:.25rem}.c-message--success{align-items:center;background-color:var(--surface-functional-success);border-color:var(--border-functional-success);border-radius:var(--radius-primary);color:var(--text-global-light);gap:1rem;padding:1rem}.c-message--success p{font-size:var(--font-body-sm);font-weight:400}.c-pagination{width:100%}.c-pagination__list{align-items:center;display:flex;flex-direction:row;gap:.75rem;justify-content:center}.c-pagination__element.is-active{background-color:var(--surface-button-secondary--hover);border-color:var(--border-button-secondary--hover);color:var(--text-button-secondary--hover);pointer-events:none}.s-article-comments{display:grid;gap:1rem}.s-article-comments__form{display:grid;gap:1.5rem}.s-article-comments__form-title{font-family:var(--font-typeface-display);font-size:var(--font-display-md);font-weight:700;line-height:1.2}.s-article-comment{border:.0625rem solid var(--border-global-subtle);padding:1rem}.s-article-comment__header{font-size:var(--font-body-xs);font-weight:var(--font-weight-strong);justify-content:space-between;width:100%}.s-article-comment__header,.s-article-comment__user{align-items:center;display:flex;flex-direction:row;gap:1rem}.s-article-comment__user{justify-content:flex-start}.s-article-comment__avatar{background-color:var(--surface-global-subtle);border-radius:50%;height:3rem;width:3rem}.s-article-comment--is-pending{opacity:.6}.s-article-comment__form{display:grid;gap:1.5rem}@media only screen and (min-width:48em){.s-article-comment{padding:1.5rem}}@media only screen and (max-width:calc(48em - 1px)){.c-pagination__element{padding-inline:1rem}}