.comments{position:relative;padding:0 20px 20px;display:flex;flex-direction:column}.commentsTitle{font-family:Lora,serif;font-size:20px;color:hsl(0,0%,13%);margin-bottom:15px}.commentsAuthPlaceholder{min-height:120px}.commentsLoginPrompt{font-family:Varela Round,Nunito,sans-serif;color:hsl(0,0%,29%);font-size:15px;margin-bottom:20px}.commentsLink{color:#be9656}.commentsMessage{font-family:Varela Round,Nunito,sans-serif;color:hsl(0,0%,45%);font-size:15px;padding:20px 0}.commentsOverlay{position:absolute;inset:0;background-color:rgba(255,255,255,.6);z-index:1}.commentsList{list-style:none;padding:0;margin:0}.commentThread{padding:10px 0;border-bottom:1px solid lightgray}.commentItem{padding:10px 0}.commentItemReply{margin-left:16px;padding-left:12px;border-left:2px solid lightgray;background-color:#fdfbfb}.commentHeader{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}.commentMeta{display:flex;flex-direction:column}.commentAuthor{font-family:Varela Round,Nunito,sans-serif;font-weight:700;font-size:14px;color:hsl(0,0%,13%)}.commentDate{color:hsl(0,0%,45%)}.commentBadge,.commentDate{font-family:Varela Round,Nunito,sans-serif;font-size:12px}.commentBadge{color:#be9656;border:1px solid #be9656;border-radius:5px;padding:2px 8px}.commentBadgeRejected{color:tomato;border-color:tomato}.commentText{font-size:15px;line-height:1.5;color:hsl(0,0%,29%);white-space:pre-wrap;overflow-wrap:anywhere}.commentDeleted,.commentText{font-family:Varela Round,Nunito,sans-serif}.commentDeleted{font-size:14px;font-style:italic;color:hsl(0,0%,45%)}.commentActions{display:flex;gap:15px;margin-top:8px}.commentAction{background:none;border:none;padding:0;cursor:pointer;font-family:Varela Round,Nunito,sans-serif;font-size:13px;color:#be9656}.commentAction:hover{text-decoration:underline}.commentAction:disabled{cursor:default;color:hsl(0,0%,45%);text-decoration:none}.commentActionDanger{color:tomato}.commentForm{display:flex;flex-direction:column;margin-bottom:20px}.commentFormInput{font-family:Varela Round,Nunito,sans-serif;font-size:15px;color:hsl(0,0%,29%);padding:10px;border:1px solid lightgray;border-radius:5px;resize:vertical}.commentFormInput:focus{outline:none;border-color:#be9656}.commentFormFooter{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.commentFormCounter{font-family:Varela Round,Nunito,sans-serif;font-size:12px;color:hsl(0,0%,45%)}.commentFormActions{display:flex;gap:10px}.commentFormSubmit{background-color:teal;color:white;border:none;border-radius:5px;padding:8px 16px;cursor:pointer;font-family:Varela Round,Nunito,sans-serif;font-size:14px}.commentFormSubmit:disabled{background-color:hsl(0,0%,45%);cursor:default}.commentFormCancel{background:none;border:1px solid lightgray;border-radius:5px;padding:8px 16px;cursor:pointer;font-family:Varela Round,Nunito,sans-serif;font-size:14px;color:hsl(0,0%,29%)}.commentFormError{color:red}.commentFormError,.commentSuccess{font-family:Varela Round,Nunito,sans-serif;font-size:13px;margin-top:6px}.commentSuccess{color:teal}@media (min-width:1024px){.comments{padding:20px 0 20px 20px}.commentItemReply{margin-left:32px}}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.avatarFallback{display:inline-flex;align-items:center;justify-content:center;color:white;font-family:Varela Round,Nunito,sans-serif;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none}