.comment-form-loading{opacity:.6;pointer-events:none}.comment-form-loading .btn{position:relative}.comment-form-loading .btn::after{content:'';position:absolute;width:16px;height:16px;margin:auto;border:2px solid #fff0;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:0;left:0;bottom:0;right:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.comment-success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:.25rem;display:none}.comment-error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:.25rem;display:none}.new-comment{animation:fadeInUp 0.5s ease-in-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.comment .flex-shrink-0{margin-right:.5rem}.comment .bg-light{padding:1rem}}