.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:64px}.blog__tag-button{align-items:center;border:1px solid var(--Grey);border-radius:4px;display:flex;height:40px;opacity:.6;padding:0 20px;transition:.5s}.blog__tag-button:hover{border:1px solid var(--Blue-purple);color:var(--Blue-purple);opacity:1}.blog__tag-button.active{background:var(--Purple-gradient);border:none;color:var(--White);opacity:1;pointer-events:none}.blog-posts{display:flex;flex-wrap:wrap;gap:20px}.blog-posts li{flex-basis:calc(33.33333% - 13.33333px);flex-grow:0;flex-shrink:1}.blog-post-item{background:var(--White);border:1px solid var(--Grey);border-radius:8px;display:flex;flex-direction:column;gap:16px;height:100%;padding:16px;transition:.5s}.blog-post-item__image{border-radius:4px;overflow:hidden}.blog-post-item__image img{aspect-ratio:281/172;transform:scale(1);transition:.5s}.blog-post-item .description2{margin-bottom:8px;transition:.5s}.blog-post-item__body{display:flex;flex-direction:column;gap:24px}.blog-post-item__body strong{font-weight:500}.blog-post-item__body-tags{display:flex;gap:8px}.blog-post-item__body .body2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;opacity:.6;overflow:hidden;position:relative;text-overflow:ellipsis}.blog-post-item__body-info{display:flex;gap:16px}.blog-post-item__body-info-item{align-items:center;display:flex;gap:6px;opacity:.7}.blog-post-item:hover{box-shadow:0 16px 48px -16px #3b2cb129}.blog-post-item:hover .blog-post-item__image img{transform:scale(1.05)}.blog-post-item:hover .description2{color:var(--Blue-purple)}.blog-pagination{border:1px solid var(--Grey);border-radius:8px;margin:64px auto 0;padding:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-pagination ul{display:flex;gap:8px}.blog-pagination ul li button{align-items:center;background:none;border-radius:4px;display:flex;font-family:SpaceGrotesk-Bold;font-size:14px;height:40px;justify-content:center;line-height:100%;opacity:.6;transition:.5s,border .1s;width:40px}@media screen and (max-width:639px){.blog-pagination ul li button{font-size:12px}}.blog-pagination ul li button:hover{background:none;border:1px solid var(--Blue-purple);color:var(--Blue-purple);opacity:1}.blog-pagination ul li button.Mui-selected{background:var(--Purple-gradient);color:var(--White);opacity:1;pointer-events:none}.blog-pagination ul li button.MuiPaginationItem-previousNext{align-items:center;display:flex;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.blog-pagination ul li button.MuiPaginationItem-previousNext:hover{border:none}.blog-pagination ul li button.blog-pagination__ellipsis{pointer-events:none}.blog-pagination ul li button.blog-pagination__prev svg{transform:scaleX(-1)}.blog-pagination ul li:first-child .MuiPaginationItem-previousNext:after{content:"Previous page";font-family:SpaceGrotesk-Medium,sans-serif;font-size:16px;line-height:100%}@media screen and (max-width:639px){.blog-pagination ul li:first-child .MuiPaginationItem-previousNext:after{font-size:14px}}.blog-pagination ul li:last-child .MuiPaginationItem-previousNext:before{content:"Next page";font-family:SpaceGrotesk-Medium,sans-serif;font-size:16px;line-height:100%}@media screen and (max-width:639px){.blog-pagination ul li:last-child .MuiPaginationItem-previousNext:before{font-size:14px}}@media screen and (max-width:1023px){.blog-posts li{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:1}}@media screen and (max-width:639px){.blog-posts li{flex:0 1 100%}.blog-post-item__body-info-item{font-size:12px}.blog-pagination ul li:first-child .MuiPaginationItem-previousNext:after,.blog-pagination ul li:last-child .MuiPaginationItem-previousNext:before{content:""}}.blog-title-section{padding-bottom:40px;width:100%}.blog-title-section h1{margin:50px 0 24px}.blog-title-section .body1{max-width:480px;opacity:.6}@media screen and (max-width:639px){.blog-title-section h1{margin:32px 0 16px}}.h1,h1{font-size:80px;letter-spacing:-3px;line-height:100%}@media screen and (max-width:639px){.h1,h1{font-size:40px;letter-spacing:-1px;line-height:120%}}.h2,h2{font-size:56px;letter-spacing:-2px;line-height:110%}@media screen and (max-width:639px){.h2,h2{font-size:32px;letter-spacing:-1px;line-height:120%}}.h3,h3{font-size:40px;letter-spacing:-1px;line-height:120%}@media screen and (max-width:639px){.h3,h3{font-size:24px;letter-spacing:-1px;line-height:120%}}.body1{font-size:20px;line-height:130%}@media screen and (max-width:639px){.body1{font-size:16px;line-height:140%}}.body2{font-size:16px;line-height:140%}@media screen and (max-width:639px){.body2{font-size:14px}}.body3{font-size:14px;line-height:100%}@media screen and (max-width:639px){.body3{font-size:12px}}.body4{font-size:14px;letter-spacing:.5px;line-height:140%}@media screen and (max-width:639px){.body4{font-size:12px}}.description1{font-size:32px;letter-spacing:-1px;line-height:110%}@media screen and (max-width:639px){.description1{font-size:24px;letter-spacing:-.5px;line-height:130%}}.description2{font-family:SpaceGrotesk-Bold;font-size:24px;line-height:120%}@media screen and (max-width:639px){.description2{font-size:20px}}.link{font-size:16px;line-height:100%}@media screen and (max-width:639px){.link{font-size:14px}}.tag-text{font-family:SpaceGrotesk-Bold;font-size:14px;line-height:100%}@media screen and (max-width:639px){.tag-text{font-size:12px}}.button-text{font-size:16px}.button-text,.tag{font-family:SpaceGrotesk-Bold;line-height:100%}.tag{background:var(--Lavender-10);border:1px solid var(--Lavender-20);border-radius:2px;color:var(--Lavender);display:inline-block;font-size:14px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:639px){.tag{font-size:12px}}.tag--M{padding:4px 10px 6px}.tag--L{padding:7px 16px 9px}
/*# sourceMappingURL=405.0774d294.chunk.css.map*/