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