.blog-header{padding:4rem 0 2rem;position:relative;width:100vw;background-size:cover;background-position:50%;display:flex;align-items:flex-end;justify-content:flex-start;text-align:center;color:white;background-color:#9944e5}.blog-header h1{margin:3rem 0 2rem}.blog-header .overlay{position:absolute;top:0;left:0;width:100vw;height:100%;background:rgba(0,0,0,.7)}.header-content{display:flex;flex-direction:column;position:relative;z-index:1;margin:4rem 5% 1rem 10%;width:100%}.header-content .blog-topic-row{display:flex;flex-direction:row;gap:1rem}.blog-title{text-align:left;font-weight:700;margin-bottom:10px}.blog-topic-row .blog-topic{padding:10px 25px;font-size:18px;font-weight:700;gap:10px;border-radius:30px;border-width:1px;position:relative;display:flex;justify-content:center;align-items:center;text-align:center}.blog-topic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30px;padding:1px;background:linear-gradient(#9944e5,#9944e5) padding-box,linear-gradient(135deg,rgba(255,255,255,.6),#000000) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background 1s ease}.blog-topic:hover:before{background:linear-gradient(135deg,rgba(255,126,95,.4),rgba(254,180,123,.4) 25%,rgba(255,106,136,.4) 50%)}.blog-topic:hover{background:linear-gradient(135deg,rgba(255,126,95,1),rgba(254,180,123,1) 25%,rgba(255,106,136,1) 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-content{background-color:#fff;padding:3rem 8%;gap:2rem;display:flex;flex-direction:row;color:#000000;align-items:flex-start;min-height:150vh;position:static}.toc{position:-webkit-sticky;position:sticky;top:30%;width:30%;max-height:80vh;align-self:flex-start}.toc,.toc ul{overflow-y:auto}.toc ul{margin-top:2rem;list-style:none;max-height:60vh}.toc li{margin-bottom:1rem}.toc a{text-decoration:none;color:#b8b8b8;font-weight:600}.toc a:hover{color:#9944e5}.toc a.active{color:#333}.toc-h3{margin-left:10px}.blog-content-right{width:65%}.blog-content-date-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blog-date{font-family:Figtree;font-weight:400;font-size:16px;line-height:28px;letter-spacing:0;text-align:left}.blog-text{text-align:left;color:#333}.blog-text img{width:100%;margin:1rem 0}.blog-text h2{font-size:30px;margin:2rem 0 1rem}.blog-text h3{font-size:25px;margin:2rem 0 1rem}.blog-text iframe{width:100%;height:315px;margin:1rem 0}.blog-text ul{list-style:none;margin:2rem}.blog-text ol{margin:2rem}.blog-text li{position:relative;padding-left:2rem;line-height:2rem;margin-top:20px;margin-bottom:10px!important}.blog-text li,.blog-text ul{font-size:20px}.blog-text ul li:before{content:"•";font-size:2rem;color:black;position:absolute;left:0}.blog-text ol li:before{content:none}.blog-text ul>li>ul>li{position:relative;padding-left:20px;padding-top:0;margin-top:0;margin-bottom:0!important}.blog-text ul>li>ul{margin-top:10px!important}.blog-text ul>li>ul>li:before{content:"";position:absolute;left:0;top:12px;width:4px;height:4px;border:1px solid #000;border-radius:50%;background:transparent}.ud-blog-details-para{font-weight:400;font-size:20px;line-height:28px;letter-spacing:0;margin-top:8px}.ud-blog-details-subtitle{font-family:Figtree;font-weight:700;line-height:36px;letter-spacing:0}.code-footer{width:100%;text-align:right}.ud-blog-quote{background:radial-gradient(55.89% 112.02% at 18.83% 45.5%,#e6e6fa .5%,#ecdfff 53.5%,#d8bfff 95.5%);text-align:center;padding:2rem 4rem;margin:4rem 0}.lni{font-size:50px;display:inline-block;color:white}.ud-blog-quote p{font-weight:500;font-size:18px}.ud-blog-quote h6{font-weight:400;font-style:italic;font-size:14px}.share-socials{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem;gap:1rem}.share-socials p{font-size:16px}.share-socials img{width:30px;height:30px;margin-left:.5rem}.share-socials .socials{gap:10px}.ql-syntax{background:#edeff2;color:#282c34;font-family:Fira Code,Courier New,monospace;font-size:14px;padding:12px;border-radius:6px;white-space:pre-wrap;line-height:1.5;border-left:4px solid #9944e5;margin-bottom:0!important}.rec-post-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:2rem 0;width:90vw}.rec-post-title{display:flex;flex-direction:row;justify-content:space-between;width:100%}.link-more-button{background-color:white!important;color:#38006A!important;padding:0 25px;height:45px;border-radius:30px;border-width:1.53px}.link-more-button,.rec-post-row .post-row{display:flex;justify-content:center;align-items:center}.rec-post-row .post-row{margin-top:2rem}.mobile-only{display:none}.start-button{background:#9944e5;border-radius:30px;border:1.53px solid transparent;background-image:linear-gradient(#9944e5,#9944e5) padding-box,linear-gradient(135deg,rgba(255,255,255,.6),#000000) border-box;-webkit-backdrop-filter:blur(23.15px);backdrop-filter:blur(23.15px);box-shadow:0 10px 20px 0 rgba(0,0,0,.15);font-size:1em;font-weight:500;font-family:inherit;color:rgba(255,255,255,.87);cursor:pointer;transition:border-color .25s;display:flex;justify-content:center;align-items:center}.start-button:hover{background:white;border:none;border-radius:30px;position:relative;color:#9944e5;-webkit-backdrop-filter:blur(23.15133285522461px);backdrop-filter:blur(23.15133285522461px);box-shadow:0 5px 10px 0 rgba(255,255,255,.5);&:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30px;padding:3px;background:linear-gradient(90deg,#bf81fd,#9944e5);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}@media (max-width:768px){.rec-post-row{width:100vw;justify-content:center;align-items:center;gap:1rem}.mobile-img{margin-top:2rem}.rec-post-row h2{width:80%;text-align:center;font-size:30px}.start-button{width:auto}.desktop-only{display:none}.mobile-only{display:block}.blog-title{font-size:43px;line-height:51.6px;letter-spacing:0;text-align:left}.blog-content{flex-direction:column;padding:1rem 2rem;gap:1rem;justify-content:center;width:100vw}.blog-header{padding:0}.header-content{margin:6rem 2rem 2rem}.blog-topic-row{justify-content:center}.blog-topic-row .blog-topic{padding:5px 15px;font-size:14px;font-weight:400}.blog-text{margin-top:2rem;text-align:left}.blog-content-date-row{margin:0 1rem}.blog-content-date-row p,.blog-date{font-weight:400;font-size:12px;line-height:24px;letter-spacing:0}.share-socials{margin-bottom:0}.share-socials img{width:20px;height:20px}.toc-mobile{display:flex;flex-direction:column;align-items:center;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:80%;background:transparent;z-index:100;padding:10px 10px 0}.toc-toggle{border:.5px solid lightgray;width:100%;background:white;color:#333;border-radius:30px;font-weight:700;padding:10px;cursor:pointer;text-align:center;transition:border-radius .3s ease-in-out}.mobile-toc-modal{width:100%;background:white;border-radius:0 0 15px 15px;padding:0;overflow-y:hidden;min-height:0;max-height:0;opacity:0;visibility:hidden;text-align:left}.mobile-toc-modal.open{min-height:10vh;max-height:50vh;padding:10px;opacity:1;visibility:visible;overflow-y:auto}.mobile-toc-modal ul{list-style:none;padding-left:20px}.mobile-toc-modal li{margin-bottom:1rem}.mobile-toc-modal a{text-decoration:none;color:#b8b8b8;font-weight:600;display:block}.mobile-toc-modal a.active{color:#000}.rec-post-title{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem}.rec-post-title button{max-width:50vw}}