.Blog-module__TC4SDq__blog{width:100%;max-width:800px;height:fit-content;margin-bottom:20px;padding:10px}.Blog-module__TC4SDq__loadingContainer{place-content:center;align-items:center;height:200px;display:flex}.Blog-module__TC4SDq__loadingContainer.Blog-module__TC4SDq__loadedBlogs{display:none}.Blog-module__TC4SDq__blogPostWrapper{width:100%;max-width:800px;height:fit-content;margin-bottom:20px;padding:10px}.Blog-module__TC4SDq__blogPostContainer{width:100%}.Blog-module__TC4SDq__blogPostContainer a:hover{background-color:var(--main-green);color:#fff;border-radius:3px;text-decoration:none}.Blog-module__TC4SDq__blogPostContainer a{color:var(--main-green);text-decoration:underline}.Blog-module__TC4SDq__blogPostImage{float:right;border-radius:8px;width:40%;height:auto;margin:0 0 20px 20px;display:inline-block}@media (max-width:768px){.Blog-module__TC4SDq__blogPostImage{width:50%}}@media (max-width:600px){.Blog-module__TC4SDq__blogPostImage{float:none;width:100%;margin:0 0 20px;display:block}}.Blog-module__TC4SDq__linkonpage{color:var(--main-green);text-decoration:underline}.Blog-module__TC4SDq__linkonpage:hover{background-color:var(--main-green);color:#fff;border-radius:3px;text-decoration:none}@media (prefers-color-scheme:dark){.Blog-module__TC4SDq__linkonpage{color:#9baf9e}.Blog-module__TC4SDq__linkonpage:hover{color:#1a1b1e;background-color:#9baf9e}}.Blog-module__TC4SDq__sectionTitles{text-align:center;border-bottom:2px solid var(--main-green);width:fit-content;margin-left:auto;margin-right:auto;padding:10px;font-family:Roboto,sans-serif}@media (prefers-color-scheme:dark){.Blog-module__TC4SDq__sectionTitles{border-bottom-color:#9baf9e}}
.CodeBlock-module__fTeacG__codeBlockWrapper{background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;margin:20px 0;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.CodeBlock-module__fTeacG__codeBlockWrapper{background-color:#1a1a1a;border:1px solid #444}}.CodeBlock-module__fTeacG__codeBlockHeader{background-color:#fafafa;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}@media (prefers-color-scheme:dark){.CodeBlock-module__fTeacG__codeBlockHeader{background-color:#252525;border-bottom:1px solid #444}}.CodeBlock-module__fTeacG__language{text-transform:uppercase;color:#666;font-size:12px;font-weight:600}@media (prefers-color-scheme:dark){.CodeBlock-module__fTeacG__language{color:#aaa}}.CodeBlock-module__fTeacG__copyButton{cursor:pointer;color:#666;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}@media (prefers-color-scheme:dark){.CodeBlock-module__fTeacG__copyButton{color:#aaa}}.CodeBlock-module__fTeacG__copyButton:hover{color:#333;background-color:#f0f0f0}@media (prefers-color-scheme:dark){.CodeBlock-module__fTeacG__copyButton:hover{color:#e0e0e0;background-color:#333}}.CodeBlock-module__fTeacG__copyButton:active{transform:scale(.95)}@keyframes CodeBlock-module__fTeacG__checkAnimation{0%{opacity:0;transform:scale(.6)rotate(-45deg)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)rotate(0)}}.CodeBlock-module__fTeacG__checkIcon{justify-content:center;align-items:center;animation:.4s ease-out CodeBlock-module__fTeacG__checkAnimation;display:inline-flex}.CodeBlock-module__fTeacG__codeBlock{margin:0;padding:20px;font-size:14px;line-height:1.5;overflow:auto}.CodeBlock-module__fTeacG__codeBlock code{color:#333;white-space:pre-wrap;word-break:break-word;background-color:#0000;border:none;padding:0;font-size:14px;line-height:1.5}@media (prefers-color-scheme:dark){.CodeBlock-module__fTeacG__codeBlock code{color:#e0e0e0}}