.amber{background-color:#f59e0b}.blue{background-color:#0b69ff}.orange{background-color:#f97316}.emerald{background-color:#10b981}.teal{background-color:#14b8a6}.red{background-color:#b91c1c}.light-blue{background-color:#0ea5e9}.comment-list-cont{list-style-type:none}.comment-container,.initial-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.initial-container{-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:16px;margin-top:18px;margin-right:8px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:flex-start}.initial{color:#fff;font-family:"Roboto";font-size:16px;margin:0}.name-time-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:20px;margin-bottom:12px}.name{color:#334155;font-size:16px;font-weight:500}.name,.time{font-family:"Roboto";margin-top:0;margin-bottom:0}.time{color:#94a3b8;font-size:12px;margin-left:18px}.comment{color:#64748b;font-family:"Roboto";font-size:14px}.like-delete-btn{-ms-flex-pack:justify;justify-content:space-between}.like-container,.like-delete-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.button{background-color:transparent;color:#7e858e;font-family:"Roboto";font-size:14px;font-weight:500;border:none;outline:none;cursor:pointer}.like-icon{height:20px;width:20px;margin-right:8px}.active{color:#0ea5e9}.delete-icon{height:20px;width:20px}.comment-line{width:100%;border:1px solid #dee0e3}.main-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:48px}@media screen and (min-width:768px){.main-container{margin-top:96px}}.comments-container{width:90%;max-width:550px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width:768px){.comments-container{width:80%;max-width:1140px}}.heading{font-size:48px;color:#1e293b;font-family:"Roboto";margin-bottom:12px}@media screen and (min-width:768px){.heading{font-size:56px;margin-top:0;margin-bottom:24px}}.comment-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}@media screen and (min-width:768px){.comment-image-container{-ms-flex-direction:row;flex-direction:row}}.comments-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;-ms-flex-order:1;order:1}@media screen and (min-width:768px){.comments-form{width:28%;min-width:300px;-ms-flex-order:0;order:0}}.desc{font-size:16px;color:#475569;font-weight:500;font-family:"Roboto";margin-top:24px}.name-input{height:40px;margin-bottom:10px}.comment-input,.name-input{font-family:"Roboto";font-size:16px;outline:none;padding-top:8px;padding-bottom:8px;padding-left:16px;border-radius:4px;border:1px solid #cbd2d9}.add-comment-btn{font-size:14px;font-family:"Roboto";-ms-flex-item-align:start;align-self:flex-start;margin-top:16px;min-width:60px;border-radius:6px;color:#fff;background-color:#0284c7;padding:8px 16px;border:none;outline:none;cursor:pointer}.image{width:280px;height:200px}@media screen and (min-width:768px){.image{width:380px;height:300px}}.hr-line{border:1px solid #dee0e3;width:100%;margin-top:16px}.count-head{color:#475569;font-family:"Roboto";font-size:14px;font-weight:500;margin-left:8px}.comments-count{text-align:center;color:#fff;background-color:#0284c7;font-size:12px;font-family:"Roboto";border-radius:4px;padding:4px 8px;margin-right:4px}.comments-container{padding-left:0;margin-top:0;list-style-type:none}*{-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.1eda0677.chunk.css.map */