.article-comments{display:grid;gap:24px}.article-comments__head{display:flex;align-items:center;gap:10px}.article-comments__title{margin:0}.article-comments__count{background:#f1f2f2;color:#3a4046;border-radius:9999px;font-size:.8125rem;font-weight:600;font-style:normal;padding:3px 11px;line-height:1.4}.article-comments__list{list-style:none;margin:0;padding:0;display:grid;gap:20px}.article-comments__item{display:flex;gap:14px}.article-comments__avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#d6e9f3}.article-comments__avatar img{width:100%;height:100%;object-fit:cover;display:block}.article-comments__initials{font-weight:700;font-style:italic;font-size:1rem;color:#2f7aa8}.article-comments__body{flex:1;min-width:0}.article-comments__byline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.article-comments__author{font-weight:700;font-size:.875rem;color:#1b1f22}.article-comments__date{font-size:.75rem;color:#6b7177}.article-comments__content{margin-top:5px;font-size:.875rem;line-height:1.55;color:#3a4046}.article-comments__content :is(p){margin:0 0 .5em}.article-comments__content :is(p):last-child{margin-bottom:0}.article-comments__composer{display:flex;gap:14px;align-items:flex-start}.article-comments__form{flex:1;min-width:0;border:none;padding:0;display:grid;gap:12px}.article-comments__textarea{width:100%;resize:vertical;min-height:48px;border:1px solid #e3e5e7;border-radius:var(--radius-lg, 12px);padding:13px 16px;font-family:Jost,sans-serif;font-size:.9375rem;line-height:1.5;color:#1b1f22;background:#fff;outline:none;box-sizing:border-box;transition:border-color .2s ease}.article-comments__textarea:focus{border-color:#4197cb}.article-comments__note{margin:0;font-size:.75rem;color:#6b7177}.article-comments__composer-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.article-comments__disclaimer{flex:1;min-width:200px;font-size:.75rem;color:#6b7177;line-height:1.5}.article-comments__disclaimer a{color:#4197cb}.article-comments__login{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:#f1f2f2;border:1px solid #e3e5e7;border-radius:var(--radius-xl, 16px);padding:clamp(20px,3vw,28px)}.article-comments__login-text{margin:0;font-size:.9375rem;color:#3a4046}.article-comments__form .button{background-color:#1b1f22;color:#fff;border-color:#1b1f22}.article-comments__form .button:hover{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/82/assets/snippets-article-comments.css.map */