.BlogPost__titleContainer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--mui-grid-size) * 2)}.BlogPost__title{margin:calc(var(--mui-grid-size) * 2) 0!important}.BlogPost__actions{display:flex;gap:calc(var(--mui-grid-size) * .25)}.BlogPost__likeContainer{display:flex;align-items:center;gap:calc(var(--mui-grid-size) * .25)}.BlogPost__likeCount--active,.BlogPost__likeButton--active{color:var(--app-like)!important}.BlogPost__likeButton:hover{color:var(--app-like)!important;background-color:var(--app-like-faint)!important}.BlogPost__details{display:flex;align-items:center;gap:calc(var(--mui-grid-size) * 2);margin-bottom:calc(var(--mui-grid-size) * 4)}.BlogPost__imageContainer{margin-bottom:calc(var(--mui-grid-size) * 4)}.BlogPost__image{width:100%;height:auto;object-fit:cover;max-height:400px}.BlogPost__unsplashCreditContainer{display:flex;justify-content:center;align-items:center;text-align:center}.BlogPost__content a{color:var(--mui-palette-primary-main);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mui-palette-primary-main) 40%,transparent)}.BlogPost__content a:hover{text-decoration-color:var(--mui-palette-primary-main)}.BlogPost__buttonContainer{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--mui-grid-size) * 2)}.BlogPost__buttons{display:flex;gap:calc(var(--mui-grid-size) * 2);align-items:center}.BlogPost hr{border-color:var(--mui-palette-divider)}.BlogPost img{display:block;max-width:100%;height:auto;margin:0 auto}.BlogPost blockquote{border-left:4px solid var(--mui-palette-divider);margin:calc(var(--mui-grid-size) * 2) 0;padding:calc(var(--mui-grid-size) * 1) calc(var(--mui-grid-size) * 2)}.BlogPost blockquote p{margin:0}.BlogPost__createForm,.BlogPost .GuestStripe,.BlogPost #comments{margin-top:calc(var(--mui-grid-size) * 4)}.BlogPost__commentsHeader{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--mui-palette-divider);padding:calc(var(--mui-grid-size) * 1) 0;margin-bottom:calc(var(--mui-grid-size) * 2)}.BlogPost__comments{display:flex;flex-direction:column;gap:calc(var(--mui-grid-size) * 1.5)}@media not (min-width:600px){.BlogPost__titleContainer{flex-direction:column;align-items:start;gap:calc(var(--mui-grid-size) * 1)}.BlogPost__title{font-size:2rem!important;margin-bottom:0!important}.BlogPost__actions{margin-bottom:calc(var(--mui-grid-size) * 2)}.BlogPost__details{flex-direction:column;align-items:flex-start}.BlogPost__date{order:-1}}