.blog .wrapper .blog-box .blog-content .blog-description,.blog .wrapper .blog-box .blog-content .blog-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden}.blog-hero{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}.blog-hero::before{position:absolute;top:-50%;left:50%;transform:translate(-50%,-60%);width:100rem;height:50rem;filter:blur(10rem);opacity:1;content:"";border-radius:50%;background:var(--color-glow);z-index:-10}.blog-hero .content{height:auto;width:100%;gap:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.blog-hero h2 span{position:relative}.blog-hero h2 span::after{background:var(--color-linear-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 2rem var(--color-primary);right:-5rem;bottom:2rem;width:auto;height:auto;transform:scale(.7);opacity:1;content:"✧";position:absolute}.blog-hero p{color:var(--color-text-dark);max-width:55rem}.blog{display:flex;align-items:center;justify-content:center}.blog .content{width:100%;height:auto;gap:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px}.blog .wrapper-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:2rem;padding:2rem 0;border-top:1px solid var(--color-btn-light);border-bottom:1px solid var(--color-btn-light)}.blog .wrapper-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1rem;width:70%}.blog .wrapper-search-filter{width:30%;max-width:35rem;position:relative}.blog .wrapper-search-filter .search-icon{position:absolute;top:52%;left:1.3rem;font-size:1.4rem;transform:translateY(-50%);color:var(--color-text-dark);pointer-events:none;z-index:1}.blog .wrapper-search-filter input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;outline:0;font-size:1.4rem;letter-spacing:0;color:var(--color-text-light);border:1px solid var(--color-btn-light);border-radius:8px;background-color:var(--color-btn-dark);transition:.15s}.blog .wrapper-search-filter input:focus{border:1px solid var(--color-text-hover)}.blog .wrapper-search-filter input::placeholder{color:var(--color-text-dark)}.blog .wrapper-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.5rem}.blog .wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;height:auto;gap:4rem}.blog .wrapper .blog-box{flex:0 1 calc(33.333% - calc(8rem / 3));border-radius:8px;border:1px solid var(--color-btn-light);transition:.15s}.blog .wrapper .blog-box:hover .blog-img img{transform:scale(1.05)}.blog .wrapper .blog-box.skeleton{user-select:none;pointer-events:none;animation:1.2s ease-in-out infinite pulse-2}.blog .wrapper .blog-box.skeleton .blog-img{height:15rem;border-top-left-radius:8px;border-top-right-radius:8px;background-color:var(--color-btn-light)}.blog .wrapper .blog-box.skeleton .blog-img img,.blog .wrapper .blog-box.skeleton .content-info i,.blog .wrapper .blog-box.skeleton .tooltip-author .author-image-box .author-img{display:none}.blog .wrapper .blog-box.skeleton .blog-title{width:100%;height:4rem;border-radius:6px;background:var(--color-btn-light)}.blog .wrapper .blog-box.skeleton .blog-description{width:100%;height:4rem;border-radius:6px;background-color:var(--color-btn-light)}.blog .wrapper .blog-box.skeleton .content-info{height:2.3rem;margin-left:-1rem;border-radius:6px;color:transparent;background-color:var(--color-btn-light)}.blog .wrapper .blog-box.skeleton .content-info:nth-of-type(2){margin-left:0}.blog .wrapper .blog-box.skeleton .tooltip-author .author-image-box{background-color:var(--color-btn-light)}.blog .wrapper .blog-box .blog-link{width:100%;height:100%;display:flex;flex-direction:column}.blog .wrapper .blog-box .blog-img{width:100%;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}.blog .wrapper .blog-box .blog-img img{width:100%;height:20rem;object-fit:cover;object-position:center;transition:.3s}.blog .wrapper .blog-box .blog-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;padding:1.5rem;gap:1.5rem;background-color:var(--color-btn-dark);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.blog .wrapper .blog-box .blog-content .blog-description{font-size:1.4rem;color:var(--color-text-dark)}.blog .wrapper .blog-box .blog-content .info{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:2rem}.blog .wrapper .blog-box .blog-content .info .content-info,.blog .wrapper .blog-box .blog-content .tooltip-author .author-info{font-size:1.4rem}.blog .wrapper .blog-box .blog-content .tooltip-author{position:relative;display:flex;align-items:center;gap:.5rem;padding:.2rem 0;cursor:help}.blog .wrapper .blog-box .blog-content .tooltip-author .author-image-box{width:2.3rem;height:2.3rem;border-radius:50%;border:1px solid var(--color-btn-light);overflow:hidden}.blog .wrapper .blog-box .blog-content .tooltip-author .author-img{width:100%;height:100%;object-fit:cover;object-position:center}.blog .wrapper .blog-box .blog-content .tooltip-author:hover .tooltip{opacity:1;visibility:visible;pointer-events:auto}.blog .wrapper .blog-box .blog-content .tooltip{position:absolute;top:-6.2rem;left:0;padding:1rem 1.2rem;border-radius:6px;--background-tooltip:var(--color-btn-light);background:var(--background-tooltip);box-shadow:0 0 2rem .5rem rgba(0,0,0,.5);opacity:0;white-space:nowrap;transition:.15s;z-index:1;pointer-events:none;cursor:auto}.blog .wrapper .blog-box .blog-content .tooltip::before{position:absolute;content:"";height:.6em;width:.6em;bottom:-.2em;left:2.1rem;transform:rotate(45deg);background:var(--background-tooltip)}.blog .wrapper .blog-box .blog-content .tooltip .tooltip-content{display:flex;align-items:center;width:max-content;height:max-content;gap:1rem}.blog .wrapper .blog-box .blog-content .tooltip .tooltip-content img{width:3.4rem;height:3.4rem;border-radius:50%;object-fit:cover;border:1px solid var(--color-btn-dark)}.blog .wrapper .blog-box .blog-content .tooltip p:first-of-type{font-size:1.4rem;color:var(--color-text-light)}.blog .wrapper .blog-box .blog-content .tooltip p:nth-of-type(2){font-size:1.3rem;color:var(--color-text-dark)}.blog .wrapper .blog-box .blog-content .tooltip .author-socials{display:flex;align-items:center;justify-content:center;gap:1rem;margin-left:1rem}.blog .wrapper .blog-box .blog-content .tooltip .author-socials i{font-size:1.5rem;color:var(--color-text-dark);cursor:pointer;transition:.15s}.blog .wrapper .blog-box .blog-content .tooltip .author-socials i:hover{color:var(--color-text-light)}.blog .wrapper .no-results-wrapper{text-align:center;padding:2rem;width:100%;grid-column:1/-1}.blog .wrapper .no-results-message{margin-top:.5rem;color:var(--color-text-dark)}.blog .pagination{display:flex;align-items:center;justify-content:center;width:100%;gap:.5rem}.blog .pagination .page-numbers{display:flex;align-items:center;justify-content:center;gap:.5rem}.blog .pagination .page-numbers .ellipsis{padding:0 1rem;color:var(--color-text-hover)}@media screen and (min-width:851px) and (max-width:1068px){.blog .wrapper{gap:3rem}.blog .wrapper .blog-box{flex:1 1 calc(50% - calc(3rem / 2))}}@media screen and (min-width:601px) and (max-width:850px){.blog .wrapper-filter,.blog-hero::before{width:100%}.blog-hero h2 span::after{right:-4rem;bottom:2rem;transform:scale(.7)}.blog .pagination,.blog .wrapper-top{flex-direction:column}.blog .wrapper-search-filter{width:100%;max-width:none;position:relative}.blog .wrapper{gap:3rem}.blog .wrapper .blog-box{flex:1 1 calc(50% - calc(3rem / 2))}.blog .pagination .page-numbers{gap:.25rem}.blog .pagination .page-numbers .ellipsis{padding:0 .5rem}}@media screen and (max-width:600px){.blog-hero::before{width:100%;height:30rem}.blog-hero h2 span::after{display:none}.blog .content{gap:2rem}.blog .wrapper-top{flex-direction:column;gap:1rem}.blog .wrapper-filter{gap:.75rem;width:100%}.blog .wrapper-search-filter{width:100%;max-width:none;position:relative}.blog .wrapper{gap:3rem}.blog .wrapper .blog-box{flex:1 1 calc(100%)}.blog .pagination{flex-direction:column}.blog .pagination .page-numbers{gap:.25rem}.blog .pagination .page-numbers .ellipsis{padding:0 .5rem}}