.BlogDetails-module__RRWc3a__blogContainer{background:linear-gradient(20deg,#131b37,#cc5449,#131b37);min-height:100vh}.BlogDetails-module__RRWc3a__heroContainer{width:80%;margin:0 auto;display:flex}.BlogDetails-module__RRWc3a__blogSide{color:#fff;flex:1;padding:12px}.BlogDetails-module__RRWc3a__moreSide{color:#fff;min-width:200px;max-width:300px;padding:12px}.BlogDetails-module__RRWc3a__blogImage{aspect-ratio:16/9;border-radius:12px;width:100%;margin-top:12px;margin-bottom:12px}.BlogDetails-module__RRWc3a__categoryLabel{background-color:#ffffff54;border-radius:4px;padding:2px 12px;font-size:.9rem;overflow:hidden}.BlogDetails-module__RRWc3a__blogDate{font-size:.9rem}.BlogDetails-module__RRWc3a__blogParagraph{opacity:.8;font-size:1.1rem}.BlogDetails-module__RRWc3a__blogHeadline{margin-top:24px;margin-bottom:4px;font-size:1.5rem}.BlogDetails-module__RRWc3a__blogTitle{width:80%}.BlogDetails-module__RRWc3a__autoContainer{align-items:center;gap:12px;margin-left:auto;display:flex}.BlogDetails-module__RRWc3a__authorImage{aspect-ratio:1;width:35px}.BlogDetails-module__RRWc3a__divider{background-color:#fff;width:100%;height:1px;margin:24px 0}.BlogDetails-module__RRWc3a__moreBlogItemContainer{flex-direction:column;gap:40px;margin-top:12px;display:flex}.BlogDetails-module__RRWc3a__moreBlogItem{color:#fff;width:100%;text-decoration:none}.BlogDetails-module__RRWc3a__moreBlogImage{aspect-ratio:16/9;border-radius:4px;width:100%}.BlogDetails-module__RRWc3a__moreBlogTitle{font-size:.9rem}.BlogDetails-module__RRWc3a__codeContainer{white-space:pre-wrap;background-color:#0003;border-radius:5px;width:100%;padding:16px;overflow-x:auto}.BlogDetails-module__RRWc3a__code{font-family:Courier New,Courier,monospace;font-size:14px}@media (max-width:1156px){.BlogDetails-module__RRWc3a__heroContainer{flex-direction:column}.BlogDetails-module__RRWc3a__moreSide{min-width:unset;max-width:unset}.BlogDetails-module__RRWc3a__moreBlogItemContainer{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid}.BlogDetails-module__RRWc3a__blogTitle{width:100%}}@media (max-width:950px){.BlogDetails-module__RRWc3a__heroContainer{width:90%;margin:0 auto;display:flex}}