.BlogComments_commentsSection__4yYsJ{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.BlogComments_formContainer__tQ_Zh{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem}.BlogComments_formTopRow__IgcOy{display:flex;gap:.85rem;margin-bottom:0}.BlogComments_formAvatar__zPs7P{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0;border:2px solid rgba(34,197,94,.3)}.BlogComments_formEditorWrap__1pkJZ{flex:1;min-width:0}.BlogComments_formTextarea__p3bkl{width:100%;box-sizing:border-box;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:.375rem;padding:.7rem .85rem;font-size:.875rem;color:hsla(0,0%,100%,.85);min-height:70px;resize:vertical;font-family:inherit;transition:border-color .2s}.BlogComments_formTextarea__p3bkl:focus{outline:none;border-color:rgba(34,197,94,.5)}.BlogComments_formTextarea__p3bkl::-moz-placeholder{color:hsla(0,0%,100%,.25)}.BlogComments_formTextarea__p3bkl::placeholder{color:hsla(0,0%,100%,.25)}.BlogComments_toolbar__PDyK6{border-top:1px solid hsla(0,0%,100%,.06);padding:.5rem 0 .6rem;margin:.5rem 0 0 3.35rem}.BlogComments_toolbarButtons__ags2X{display:flex;align-items:center;gap:.15rem}.BlogComments_toolbarBtn__oYsbw{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:none;border:none;border-radius:.25rem;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:.8rem;transition:color .15s,background-color .15s}.BlogComments_toolbarBtn__oYsbw:hover{color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.06)}.BlogComments_toolbarDivider__fs3WJ{width:1px;height:1rem;background:hsla(0,0%,100%,.08);margin:0 .35rem}.BlogComments_formFieldsRow__6Klkx{display:flex;align-items:center;gap:.65rem;margin-left:3.35rem;padding-top:.5rem}.BlogComments_formField__hnvIH{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.375rem;padding:0 .65rem}.BlogComments_fieldIcon__YWo_7{display:flex;align-items:center;color:hsla(0,0%,100%,.25);flex-shrink:0}.BlogComments_formInput__1isZq{flex:1;background:none;border:none;padding:.55rem 0;font-size:.8rem;color:hsla(0,0%,100%,.85);min-width:0}.BlogComments_formInput__1isZq:focus{outline:none}.BlogComments_formInput__1isZq::-moz-placeholder{color:hsla(0,0%,100%,.3)}.BlogComments_formInput__1isZq::placeholder{color:hsla(0,0%,100%,.3)}.BlogComments_submitButton__xal1s{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.25rem;background:#22c55e;border:none;border-radius:.375rem;font-size:.8rem;font-weight:600;color:#fff;cursor:pointer;transition:background-color .15s,transform .1s;white-space:nowrap;flex-shrink:0}.BlogComments_submitButton__xal1s:hover:not(:disabled){background:#16a34a;transform:translateY(-1px)}.BlogComments_submitButton__xal1s:disabled{opacity:.5;cursor:not-allowed}.BlogComments_successMessage__7yvSW{border-radius:.375rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:#22c55e}.BlogComments_errorMessage__zejGn,.BlogComments_successMessage__7yvSW{margin-top:.75rem;margin-left:3.35rem;padding:.6rem .85rem;font-size:.8rem}.BlogComments_errorMessage__zejGn{border-radius:.375rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.BlogComments_commentsHeader__JeFzE{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:.5rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.BlogComments_commentsHeaderLeft__KuXlZ{display:flex;align-items:center;gap:.5rem}.BlogComments_commentsCount__MtnRr{font-size:.9rem;font-weight:700;color:hsla(0,0%,100%,.7)}.BlogComments_commentsLabel__JlLIL{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:hsla(0,0%,100%,.35)}.BlogComments_commentsHeaderRight__FntxX{display:flex;align-items:center;gap:.75rem}.BlogComments_sortSelect__VxzHy{position:relative}.BlogComments_sortDropdown___LkcQ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:.375rem;padding:.35rem 1.5rem .35rem .65rem;font-size:.75rem;color:hsla(0,0%,100%,.5);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.BlogComments_sortDropdown___LkcQ:focus{outline:none;border-color:rgba(34,197,94,.4)}.BlogComments_sortDropdown___LkcQ option{background:#0a0a0a;color:hsla(0,0%,100%,.8)}.BlogComments_commentList__QtD2_{display:flex;flex-direction:column;gap:0}.BlogComments_commentCard__ivADg{display:flex;gap:.85rem;padding:1rem 0;border-bottom:1px solid hsla(0,0%,100%,.04)}.BlogComments_commentCard__ivADg:last-child{border-bottom:none}.BlogComments_commentAvatar__aybTR{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#4a9eff,#22c55e);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.BlogComments_commentBody__noHVF{flex:1;min-width:0}.BlogComments_commentMeta__JevJo{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.BlogComments_commentName___lTL6{font-size:.825rem;font-weight:600;color:hsla(0,0%,100%,.8)}.BlogComments_commentDot__iRDPk{color:hsla(0,0%,100%,.15);font-size:.6rem}.BlogComments_commentDate__FEjBl{font-size:.7rem;color:hsla(0,0%,100%,.25)}.BlogComments_commentText__dwuBG{font-size:.85rem;line-height:1.6;color:hsla(0,0%,100%,.55);margin:0;word-wrap:break-word}.BlogComments_noComments__PJqEb{text-align:center;padding:2rem 1rem;color:hsla(0,0%,100%,.25);font-size:.85rem;font-style:italic}@media (max-width:640px){.BlogComments_commentsSection__4yYsJ{padding:2rem 1rem}.BlogComments_formFieldsRow__6Klkx{flex-direction:column;margin-left:0;align-items:stretch}.BlogComments_toolbar__PDyK6{margin-left:0}.BlogComments_submitButton__xal1s{width:100%;justify-content:center}.BlogComments_formTopRow__IgcOy{flex-direction:column}.BlogComments_formAvatar__zPs7P{display:none}.BlogComments_errorMessage__zejGn,.BlogComments_successMessage__7yvSW{margin-left:0}.BlogComments_commentDate__FEjBl{display:none}}