.blog-header-scrolled{padding:1rem;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,.1);border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.blog-header-top{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;margin-bottom:1rem;transition:all .3s ease-in-out}.blog-header-scrolled .blog-header-top{margin-bottom:0;padding:0 1rem}.blog-nav{display:flex;gap:1.25rem}.blog-nav-link{color:white;font-weight:500;text-decoration:none;transition:opacity .2s}.blog-nav-link:hover{opacity:.8}.blog-title-container{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:white;transition:all .3s ease-in-out}.blog-decor,.blog-title-scrolled{font-size:1.5rem}.blog-decor{margin-left:.5rem;transition:all .3s ease-in-out}.blog-title-scrolled .blog-decor{font-size:1rem}.blog-header-right{display:flex;align-items:center;gap:1rem}.search-wrapper{position:absolute;bottom:-2.2rem;left:50%;transform:translateX(-50%);width:90%;max-width:600px;z-index:10}.search-container{display:flex;align-items:center;background-color:white;padding:.5rem 1rem;border-radius:1rem;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:all .3s ease-in-out}.search-container-scrolled{background-color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);padding:.3rem .8rem;border-radius:.5rem;box-shadow:none;width:200px}.search-container-scrolled .search-input{color:white}.search-container-scrolled .search-input::placeholder{color:rgba(255,255,255,.7)}.search-container-scrolled .search-icon{color:rgba(255,255,255,.8)}.search-icon{margin-right:.5rem;color:#999}.search-icon,.search-input{transition:color .3s ease-in-out}.search-input{border:none;outline:none;background:transparent;flex:1;font-size:1rem;padding:0}.blog-theme-toggle{color:white}.blog-content-wrapper{margin-top:1rem}@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;transition:margin-top .3s ease-in-out;padding:8px 1.5rem 40px;margin:10rem auto 40px}.blog-content-wrapper.editor{max-width:80vw}.blog-home{display:grid;gap:2rem;grid-template-columns:1fr}@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{display:flex;flex-direction:column;gap:2rem}.blog-search{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.blog-search{grid-template-columns:repeat(2,1fr)}}.blog-header-top>div:last-child{position:relative;z-index:1001}.blog-content-wrapper{position:relative;z-index:1;width:100%;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}