.main-article__comments{margin-block-start:48px;padding-block-start:32px;border-block-start:1px solid var(--color-border, #e2e2e2)}.main-article__comments-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-block:0 24px;color:var(--comments-heading-color, var(--color-heading, var(--color-foreground, #1a1a1a)))}.main-article__comments-count{font-size:.75em;font-weight:400;color:var(--color-text-secondary, #6b6b6b)}.main-article__comments-moderated{margin-block:0 24px;padding:12px 16px;border-radius:var(--radius-cards, 8px);background-color:color-mix(in srgb,var(--color-foreground, #1a1a1a) 6%,transparent);color:var(--color-text-secondary, #6b6b6b);font-size:.9375rem}.main-article__comment-list{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-direction:column}.main-article__comment-author{margin:0;font-weight:500;color:var(--comments-text-color, var(--color-foreground, #1a1a1a))}.main-article__comment-date{display:block;margin-block:2px 12px;font-size:.8125rem;color:var(--color-text-secondary, #6b6b6b)}.main-article__comment-body{color:var(--comments-text-color, var(--color-foreground, #1a1a1a))}.main-article__comments--cards .main-article__comment-list{gap:12px}.main-article__comments--cards .main-article__comment{background:var(--comments-bg, var(--color-background-secondary, #f7f7f5));border:1px solid var(--comments-border-color, var(--color-border, #e5e5e5));border-radius:var(--comments-radius, var(--radius-cards, 10px));padding-block:16px;padding-inline:18px}.main-article__comments--editorial .main-article__comment-list{gap:0}.main-article__comments--editorial .main-article__comment{padding-block:18px;border-block-start:1px solid var(--comments-border-color, var(--color-border, #e5e5e5))}.main-article__comments--editorial .main-article__comment-list>.main-article__comment:first-child{border-block-start:0;padding-block-start:0}.main-article__comment-form-title{margin-block:0 20px;color:var(--color-heading, var(--color-foreground, #1a1a1a))}.main-article__comment-field{display:flex;flex-direction:column;gap:6px;margin-block-end:16px}.main-article__comment-field label{font-size:.875rem;font-weight:500;color:var(--color-text, var(--color-foreground, #1a1a1a))}.main-article__comment-row{display:grid;gap:16px}.main-article__comment-row .main-article__comment-field{margin-block-end:0}.main-article__comment-field input,.main-article__comment-field textarea{inline-size:100%;box-sizing:border-box;font:inherit;font-size:14px;color:var(--color-foreground, #1a1a1a)}.main-article__comment-field textarea{resize:vertical;min-block-size:8rem}.main-article__comment-field input:focus-visible,.main-article__comment-field textarea:focus-visible{outline:none;border-color:var(--color-input-border-focus, var(--color-accent, #1c1b1b));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-input-border-focus, var(--color-accent, #000)) 25%,transparent)}.main-article__comments--cards .main-article__comment-field input,.main-article__comments--cards .main-article__comment-field textarea{padding-block:10px;padding-inline:12px;border:1px solid var(--color-border, #e5e5e5);border-radius:var(--radius-cards, 8px);background:var(--color-background, #ffffff)}.main-article__comments--editorial .main-article__comment-field input,.main-article__comments--editorial .main-article__comment-field textarea{padding-block:8px;padding-inline:2px;border:0;border-block-end:1.5px solid var(--color-border, #e5e5e5);border-radius:0;background:transparent}.main-article__comment-success,.main-article__comment-errors{margin-block:0 20px;padding:12px 16px;border-radius:var(--radius-cards, 8px);font-size:.9375rem}.main-article__comment-success{border:1px solid color-mix(in srgb,var(--color-accent, #1c7c54) 40%,transparent);background-color:color-mix(in srgb,var(--color-accent, #1c7c54) 10%,transparent);color:var(--color-foreground, #1a1a1a)}.main-article__comment-errors{border:1px solid color-mix(in srgb,#c0392b 40%,transparent);background-color:color-mix(in srgb,#c0392b 10%,transparent);color:var(--color-foreground, #1a1a1a)}.main-article__comment-errors ul{margin:0;padding-inline-start:1.25rem}.main-article__comment-submit{margin-block-start:4px}@media screen and (min-width:750px){.main-article__comments{margin-block-start:64px}.main-article__comment-row{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-article-comments.css.map */