.c-article-comments{display:grid;gap:1.5rem}.c-article-comments__title{text-align:center}.c-article-comments__form-wrapper{background:var(--surface-subtle);border-radius:var(--radius-primary);padding:var(--grid-static-md)}.c-article-comments__form{display:grid;gap:1.5rem}.c-article-comments__form .input-group{display:grid;width:100%}.c-article-comments__form .btn-primary{width:100%}.c-article-comments__form-title{text-wrap:balance;font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--font-responsive-sm);font-variation-settings:"wdth" 100;font-weight:600;line-height:1}.c-article-comment{background:var(--surface-subtle);border-radius:var(--radius-primary);display:grid;gap:1rem;padding:var(--grid-static-md)}.c-article-comment__header{align-items:center;display:flex;flex-direction:row;font-size:var(--font-body-md);font-weight:600;gap:1rem;justify-content:space-between;width:100%}.c-article-comment__user{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start}.c-article-comment__avatar{--image-background-color:var(--surface-subtle);border-radius:50%;height:2rem;overflow:hidden;width:2rem}.c-article-comment--is-pending{opacity:.6}.c-article-comment__form{display:grid;gap:1.5rem}.c-article-comments__toggle{--icon-size:1em;--button-min-width:10rem;--button-min-height:3.5rem;--hollow-color:var(--primary-dark);--hollow-border:var(--primary-dark);--hollow-hover-color:var(--neutral-white);--hollow-hover-border:var(--primary-dark);--hollow-hover-background:var(--primary-dark);align-items:center;background-color:var(--primary-dark);border-color:var(--primary-dark);border-radius:var(--radius-primary);border-style:solid;border-width:.0625rem;box-sizing:border-box;color:var(--neutral-white);display:inline-flex;display:flex;font-size:var(--font-display-xs);font-weight:400;gap:.5625rem;gap:var(--grid-static-xs);justify-content:center;line-height:1;line-height:1.2;margin-bottom:var(--grid-static-lg);min-height:var(--button-min-height,2rem);min-width:var(--button-min-width,2rem);padding:var(--grid-static-lg) var(--grid-responsive-xxl);padding-inline:var(--grid-static-md);text-align:center;text-transform:uppercase;transition:color .15s ease-in,background-color .15s ease-in,border-color .15s ease-in;width:100%}.c-article-comments__toggle:has(>.icon,>.btn__text){gap:0}.c-article-comments__toggle:has(>.icon,>.btn__text) .btn__text{padding-inline:.5rem}.c-article-comments__toggle:disabled{opacity:.5!important;pointer-events:none!important}.c-article-comments__toggle:active{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--primary-light)}.c-article-comments__toggle .c-article-comments__toggle-text--close{display:none}.c-article-comments__toggle.is-active .icon{transform:rotate(180deg)}.c-article-comments__toggle.is-active .c-article-comments__toggle-text--open{display:none}.c-article-comments__toggle.is-active .c-article-comments__toggle-text--close{display:inline}@media only screen and (min-width:48em){.c-article-comments__form-wrapper{padding:var(--grid-static-lg)}.c-article-comments__form .btn-primary{margin-inline:auto;max-width:16rem}.c-article-comment{padding:var(--grid-static-lg)}.c-article-comments__toggle{margin-inline:auto;max-width:16rem}}@media only screen and (hover:hover){.c-article-comments__toggle:focus-visible,.c-article-comments__toggle:not(:disabled):hover{background-color:var(--primary-light);border-color:var(--primary-dark);color:var(--primary-dark)}}