.blog-header-scrolled{border-radius:0 0 2rem 2rem;padding:1rem;box-shadow:0 2px 10px #0000001a}.blog-header-top{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 1.5rem;transition:all .3s ease-in-out;display:flex}.blog-header-scrolled .blog-header-top{margin-bottom:0;padding:0 1rem}.blog-nav{gap:1.25rem;display:flex}.blog-nav-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.blog-nav-link:hover{opacity:.8}.blog-title-container{color:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:all .3s ease-in-out;display:inline-flex;position:relative}.blog-title-scrolled{font-size:1.5rem}.blog-decor{margin-left:.5rem;font-size:1.5rem;transition:all .3s ease-in-out}.blog-title-scrolled .blog-decor{font-size:1rem}.blog-header-right{align-items:center;gap:1rem;display:flex}.search-wrapper{z-index:10;width:90%;max-width:600px;position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%)}.search-container{background-color:#fff;border-radius:1rem;align-items:center;padding:.5rem 1rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 4px 10px #0000001a}.search-container-scrolled{box-shadow:none;background-color:#fff3;border:1px solid #ffffff4d;border-radius:.5rem;width:200px;padding:.3rem .8rem}.search-container-scrolled .search-input{color:#fff}.search-container-scrolled .search-input::placeholder{color:#ffffffb3}.search-container-scrolled .search-icon{color:#fffc}.search-icon{color:#999;margin-right:.5rem;transition:color .3s ease-in-out}.search-input{background:0 0;border:none;outline:none;flex:1;padding:0;font-size:1rem;transition:color .3s ease-in-out}.blog-theme-toggle{color:#fff}.blog-content-wrapper{margin-top:1rem;transition:margin-top .3s ease-in-out}@media (max-width:768px){.blog-header{padding:1rem}.blog-header-scrolled{padding:.5rem}.blog-nav{gap:1rem}.blog-title-container{font-size:2rem}.blog-title-scrolled{font-size:1.2rem}.search-container-scrolled{width:150px}.blog-content-wrapper{margin-top:10rem}}@media (max-width:480px){.blog-header-top{padding:0 .5rem}.search-container-scrolled{width:120px}}
.blog-content-wrapper{max-width:1024px;margin:10rem auto 40px;padding:8px 1.5rem 40px;transition:margin-top .3s ease-in-out}.blog-content-wrapper.editor{max-width:80vw}.blog-home{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.blog-home{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-home{grid-template-columns:repeat(3,1fr)}}.blog-category{flex-direction:column;gap:2rem;display:flex}.blog-search{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:768px){.blog-search{grid-template-columns:repeat(2,1fr)}}.blog-header-top>div:last-child{z-index:1001;position:relative}.blog-content-wrapper{z-index:1;width:100%;position:relative;overflow-x:hidden}body{overflow-x:hidden}[data-radix-popper-content-wrapper]{z-index:9999!important}.blog-header{contain:layout style}.masonry-container{column-count:1;column-gap:1.5rem;margin-top:1.5rem}@media (min-width:768px){.masonry-container{column-count:2}}@media (min-width:1024px){.masonry-container{column-count:3}}.masonry-item{break-inside:avoid;margin-bottom:1.5rem}