.blog-post{padding-top:clamp(100px,10%,165px)}.blog-main{margin:60px 0}.blog-filters{background:#fff;padding:10px 0;position:sticky;top:96px;z-index:100;.tag-list{flex-wrap:nowrap;overflow:auto}.filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;select{appearance:none;border:none;border-bottom:1px solid #331be2;color:rgba(5,2,47,.5);cursor:pointer;font-size:24px;padding:5px;text-align:center}label{color:var(--Almost-Black,#05022f);font-size:24px;font-style:normal;font-weight:700;letter-spacing:-.24px;line-height:140%;&:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='16' fill='none' viewBox='0 0 9 16'%3E%3Cpath fill='%23331be2' d='M.315 1.855a1.094 1.094 0 0 1 0-1.537 1.07 1.07 0 0 1 1.522 0l6.848 6.914c.42.424.42 1.112 0 1.536l-6.848 6.914a1.07 1.07 0 0 1-1.522 0 1.094 1.094 0 0 1 0-1.537L6.402 8z'/%3E%3C/svg%3E");margin-left:10px}}}}.blog-list{display:flex;flex-wrap:wrap;gap:24px;margin:60px auto}.blog-list .blog-item{align-self:stretch;background-color:#fff;background:var(--Off-White,#fffdf8);border:1px solid #331be2;border-radius:8px;box-shadow:0 8px 20px 0 rgba(9,21,112,.05);display:flex;flex:0 1 345px;flex-direction:column;overflow:hidden;width:100%}.blog-list .blog-item[hidden]{display:none}.blog-more{display:flex;justify-content:center;margin:0 auto 60px}.blog-more[hidden]{display:none}.blog-item a{text-decoration:none}.blog-item .tag-list{margin-bottom:10px}.blog-item .img-container{display:flex;height:207px;overflow:hidden;padding:30px;position:relative;width:100%;.overlay{background:linear-gradient(0deg,rgba(51,27,222,.5),rgba(51,27,222,.5));height:100%;inset:0;position:absolute;width:100%;z-index:2}.title{align-self:flex-end;color:#fff;font-size:24px;font-style:normal;font-weight:500;line-height:120%;margin-top:auto;position:relative;z-index:3}}.blog-list .blog-item .featured-img{display:block;inset:0;min-height:100%;object-fit:cover;position:absolute;width:100%;z-index:1}.blog-list .blog-item .details{display:flex;flex-direction:column;flex-grow:1;padding:20px 30px}.blog-list .read-more{color:var(--primary-blue);font-size:16px;margin-top:auto}.content blockquote{margin:80px 0;padding:40px 20px 40px 100px;position:relative}.content blockquote div,.content blockquote p,.content blockquote span{color:var(--Black,#000);font-size:32px;font-style:normal;font-weight:700;line-height:150%;margin-bottom:0}@media screen and (max-width:991px){.post-content blockquote{margin:40px 0;padding:20px 0 20px 70px}.post-content blockquote p{font-size:20px}}.article-hero .container{position:relative;z-index:10}.post-content .sticky{display:flex;flex-direction:column;gap:60px}.crumbs{gap:16px;&.list-crumbs{padding-bottom:20px;padding-top:20px}.breadcrumb{font-family:Inter;font-feature-settings:"liga" off,"clig" off;font-size:24px;font-style:normal;font-weight:400;letter-spacing:-.24px;line-height:140%;text-decoration:none;&.active{color:var(--purple-60,#0b04bf)}}}.post-content{display:flex;gap:85px;padding-bottom:clamp(30px,3vw,60px);padding-top:clamp(30px,3vw,60px);width:100%;.content{flex:0 1 747px;ol,ul{padding-left:20px}}}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list .tag{background:var(--Purple-5,#ebe8fc);border-radius:8px;color:#0a03c0;display:flex;font-weight:600;letter-spacing:-.32px;line-height:120%;padding:12px 16px;text-decoration:none;width:fit-content;&.requesters{background:#f9fe6b}&.providers{background:linear-gradient(0deg,#fdb148,#fdb148),#fff}}@media screen and (min-width:992px){.article-hero{margin-top:110px}.post-content .sticky{position:sticky;top:120px}}@media screen and (max-width:991px){.post-content,.post-content .sticky{gap:20px}.post-content .card{width:100%}}@media screen and (max-width:905px){.blog-list .blog-item{margin:0 auto}}.recent-posts{padding-bottom:60px;position:relative}@media screen and (max-width:991px){main{padding-top:0}}.blog-toc{visibility:hidden}.toc-mobile{display:none}.blog-toc .title{color:#03002f;font-size:32px;font-style:normal;font-weight:500;gap:10px;letter-spacing:-.32px;line-height:140%;margin-bottom:16px}.blog-toc .title .menu-toggle{display:none}#readProgress{background:#d0d6e3;border-radius:16px;display:block;height:2px;overflow:hidden;position:relative;width:100%;#blogProgress{background:var(--purple-60,#0b04bf);display:block;height:100%;left:0;position:absolute;top:0;transform-origin:left center;width:0}}@media (prefers-reduced-motion:no-preference){#readProgress .scroll-progress__bar{transition:width .1s linear}}body .blog-toc ul{list-style-type:none;margin:10px 0;padding:0}body .blog-toc ul li{font-size:24px;line-height:1;padding-bottom:6px;&:before{content:none}a{color:#141413;text-decoration:none;transition:all .2s ease-in-out}}.blog-toc ul li.read a{color:#5e6268}.blog-toc ul li.active a{color:var(--purple-60,#0b04bf)}@media (min-width:1116px){.toc-container{max-width:262px}.blog-toc{background:transparent;left:0;position:sticky;top:100px;z-index:10}}@media (max-width:1200px) and (min-width:992px){.post-content{gap:40px}}@media (max-width:1115px){.toc-desktop .link-container,.toc-desktop .title{display:none!important}body .toc-container.toc-desktop{display:none}.toc-mobile{display:block;margin-bottom:20px;width:100%;.tag-list{margin-top:20px}.title{align-items:center;cursor:pointer;font-size:20px;justify-content:space-between;margin-bottom:0;padding:16px}.blog-toc{background:#fff;border:1px solid #9ca2af;border-radius:16px;position:relative;transition:border-color .2s ease-in-out;width:100%;z-index:1000;&.open,&:hover{border-color:var(--purple-60,#0b04bf)}}}body .toc-desktop .blog-toc{margin:0 auto;width:94%}body .blog-toc ul{margin:0 0 10px;padding-left:20px;li{padding:10px 0;a{display:block;font-size:16px;line-height:1.1}}}.blog-toc .title .menu-toggle{display:block}.blog-toc .link-container{flex-direction:column;flex-wrap:nowrap;gap:0;max-height:0;opacity:0;order:2;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.blog-toc.menu-toggle{transition:transform .2s ease-in-out}.blog-toc.open .menu-toggle{transform:scaleY(-1)}.blog-toc.open .link-container{opacity:1}.blog-toc #readProgress{order:3}}@media (max-width:991px){.toc-container.toc-desktop{top:92px}.crumbs .breadcrumb{font-size:16px}}@media screen and (max-width:798px){.blog-list .blog-item{flex:1 1 345px}}