.emerald{background-color:#10b981}.teal{background-color:#14b8a6}.light-blue{background-color:#0ea5e9}.comment-item{-ms-flex-direction:column;flex-direction:column;margin-bottom:20px}.comment-header,.comment-item{display:-ms-flexbox;display:flex}.comment-header{-ms-flex-align:start;align-items:flex-start;margin-bottom:12px}.avatar{width:40px;height:40px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;margin-right:16px}.avatar-text{color:#fff;font-size:16px;font-weight:700}.name-time-comment-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.name-time-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-bottom:6px}.username{color:#334155;font-size:16px;font-weight:700;margin:0}.posted-time{color:#94a3b8;font-size:12px;margin:0}.comment-body{color:#64748b;font-size:14px;line-height:1.5;margin:0}.comment-actions{-ms-flex-pack:justify;justify-content:space-between;padding-left:56px}.comment-actions,.like-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.like-btn{background-color:transparent;border:none;cursor:pointer;outline:none;padding:4px 0}.like-icon{width:18px;height:18px;margin-right:8px}.like-text{color:#94a3b8;font-size:14px;font-weight:500}.like-text.liked{color:#0b69ff}.delete-btn{background-color:transparent;border:none;cursor:pointer;outline:none;padding:4px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.delete-icon{width:18px;height:18px}.item-divider{border:1px solid #dee0e3;margin-top:16px;margin-bottom:0;width:100%}body{font-family:"Roboto"}.app-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:100vh;padding:40px 20px}.comments-app-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:1000px}.main-heading{color:#1e293b;font-size:42px;font-weight:700;margin-top:0;margin-bottom:24px}.form-and-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:40px;gap:40px}@media screen and (min-width:768px){.form-and-image-container{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}.comment-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:500px}.form-description{color:#475569;font-size:16px;margin-top:0;margin-bottom:20px}.name-input{margin-bottom:16px}.comment-input,.name-input{background-color:#fff;color:#1e293b;border:1px solid #cbd2d9;border-radius:4px;padding:12px 16px;font-size:14px;outline:none}.comment-input{margin-bottom:20px;resize:none;font-family:"Roboto"}.comment-input::-webkit-input-placeholder,.name-input::-webkit-input-placeholder{color:#7e858e}.comment-input::-moz-placeholder,.name-input::-moz-placeholder{color:#7e858e}.comment-input:-ms-input-placeholder,.name-input:-ms-input-placeholder{color:#7e858e}.comment-input::-ms-input-placeholder,.name-input::-ms-input-placeholder{color:#7e858e}.comment-input::placeholder,.name-input::placeholder{color:#7e858e}.add-btn{background-color:#0ea5e9;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:6px;padding:12px 24px;cursor:pointer;outline:none;-ms-flex-item-align:start;align-self:flex-start}.image-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;max-width:400px}.comments-image{width:100%;height:auto}.divider{border:1px solid #dee0e3;margin-top:40px;margin-bottom:24px;width:100%}.comments-count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px}.count-badge{background-color:#0284c7;color:#fff;font-size:14px;font-weight:700;border-radius:4px;padding:2px 8px;margin-right:8px}.comments-count-label{color:#334155;font-size:16px;font-weight:500;margin:0}.comments-list{padding-left:0;list-style-type:none;margin:0}.amber{background-color:#f59e0b}.blue{background-color:#0b69ff}.orange{background-color:#f97316}.purple{background-color:#7e22ce}.red{background-color:#b91c1c}.green{background-color:#10b981}.teal{background-color:#0ea5e9}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.d18cec69.chunk.css.map */