.mxd-blog-card{background:#fff;border:1px solid #0000000d;border-radius:1.5rem;transition:transform .3s,box-shadow .3s;overflow:hidden}[color-scheme=dark] .mxd-blog-card{color:#fff;background:#18181b;border:1px solid #ffffff1a}.mxd-blog-card__media{aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.mxd-blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .7s}.mxd-blog-card:hover .mxd-blog-card__image{transform:scale(1.1)}.mxd-blog-card__overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.mxd-blog-card:hover .mxd-blog-card__overlay{opacity:1}.mxd-blog-card__read-more{color:#000;background:#fff;border-radius:9999px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .5s;transform:translateY(20px)}.mxd-blog-card:hover .mxd-blog-card__read-more{transform:translateY(0)}.mxd-blog-card__content{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.mxd-blog-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.75rem;font-weight:700;transition:color .3s;display:-webkit-box;overflow:hidden}.mxd-blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.mxd-blog-card:hover .mxd-blog-card__title{color:#2563eb}[color-scheme=dark] .mxd-blog-card:hover .mxd-blog-card__title{color:#60a5fa}.mxd-blog-card__desc{color:#52525b;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:1.25rem;line-height:1.6;display:-webkit-box;overflow:hidden}[color-scheme=dark] .mxd-blog-card__desc{color:#a1a1aa}.mxd-blog-card__footer{margin-top:auto;padding-top:1rem}.mxd-blog-card__link{text-transform:uppercase;letter-spacing:.05em;color:#2563eb;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}[color-scheme=dark] .mxd-blog-card__link{color:#60a5fa}.mxd-blog-card__link svg{transition:transform .3s}.mxd-blog-card:hover .mxd-blog-card__link svg{transform:translate(5px)}.mxd-blogs-header{margin-bottom:4rem}.mxd-blogs-title{font-size:5.5rem;font-weight:600}.mxd-blogs-desc{color:#52525b;max-width:600px;font-size:1.1rem;line-height:1.6}[color-scheme=dark] .mxd-blogs-desc{color:#a1a1aa}.hashnode-content{color:#3f3f46;overflow-wrap:break-word;word-break:break-word;font-size:1.4rem;line-height:1}[color-scheme=dark] .hashnode-content{color:#d4d4d8}.hashnode-content h1,.hashnode-content h2,.hashnode-content h3,.hashnode-content h4{color:#18181b;margin-top:1.5rem;margin-bottom:1rem;scroll-margin-top:120px;font-weight:700;line-height:1.3}[color-scheme=dark] .hashnode-content h1,[color-scheme=dark] .hashnode-content h2,[color-scheme=dark] .hashnode-content h3,[color-scheme=dark] .hashnode-content h4{color:#fff}.hashnode-content h1{font-size:4.5rem}.hashnode-content h2{font-size:3.5rem}.hashnode-content h3{font-size:2.5rem;font-weight:600}.hashnode-content h4{font-size:1.5rem;font-weight:600}.hashnode-content p{margin-bottom:1rem}.hashnode-content strong,.hashnode-content b{color:#18181b;font-weight:700}[color-scheme=dark] .hashnode-content strong,[color-scheme=dark] .hashnode-content b{color:#fff}.hashnode-content ul,.hashnode-content ol{margin-top:1rem;margin-bottom:1.5rem;padding-left:1.5rem}.hashnode-content li{margin-bottom:.5rem;padding-left:.25rem;font-size:1.2rem;line-height:1.65;position:relative}.hashnode-content li p{margin:0;display:inline}.hashnode-content ul{list-style-type:disc}.hashnode-content ol{list-style-type:decimal}.hashnode-content table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:1.1rem;display:block;overflow-x:auto}.hashnode-content th,.hashnode-content td{text-align:left;border:1px solid #0000001a;padding:.75rem 1rem}.hashnode-content th{background:#f4f4f5;font-weight:700}[color-scheme=dark] .hashnode-content th,[color-scheme=dark] .hashnode-content td{border:1px solid #ffffff1a}[color-scheme=dark] .hashnode-content th{background:#18181b}.hashnode-content tr:nth-child(2n){background:#00000005}[color-scheme=dark] .hashnode-content tr:nth-child(2n){background:#ffffff05}.hashnode-content img{border-radius:1rem;max-width:100%;height:auto;margin:2.5rem 0}.hashnode-content hr{background:#0000001a;border:0;height:1px;margin:2.5rem 0}[color-scheme=dark] .hashnode-content hr{background:#ffffff1a}.hashnode-content pre{border:1px solid #ffffff1a;border-radius:1rem;margin:2.5rem 0;padding:0;background:#1e1e1e!important;overflow:hidden!important}.hashnode-content pre::-webkit-scrollbar{width:6px!important;height:6px!important;display:block!important}.mxd-syntax-highlighter::-webkit-scrollbar{width:6px!important;height:6px!important;display:block!important}.hashnode-content pre::-webkit-scrollbar-track{background:#121214!important;border-radius:0 0 1rem 1rem!important}.mxd-syntax-highlighter::-webkit-scrollbar-track{background:#121214!important;border-radius:0 0 1rem 1rem!important}.hashnode-content pre::-webkit-scrollbar-thumb{background:#444!important;border:1px solid #121214!important;border-radius:10px!important}.mxd-syntax-highlighter::-webkit-scrollbar-thumb{background:#444!important;border:1px solid #121214!important;border-radius:10px!important}.hashnode-content pre::-webkit-scrollbar-thumb:hover{background:#555!important}.mxd-syntax-highlighter::-webkit-scrollbar-thumb:hover{background:#555!important}.hashnode-content code{background:#0000000d;border-radius:6px;padding:.25em .5em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;overflow:auto!important}[color-scheme=dark] .hashnode-content code{background:#ffffff1a}.hashnode-content pre code{white-space:pre;color:#facc15;background:0 0;border-radius:0;padding:1.5rem 2.5rem;font-size:1.2rem;line-height:1.5;display:block}.mxd-syntax-highlighter{background:0 0!important;border-radius:1rem!important;margin:0!important;padding:2.5rem!important;font-size:1.2rem!important;line-height:1.5!important;overflow:hidden!important}.hashnode-content blockquote{color:#52525b;border-left:4px solid #2563eb;margin:2.5rem 0;padding:.5rem 0 .5rem 1.5rem;font-style:italic}[color-scheme=dark] .hashnode-content blockquote{color:#a1a1aa}.mxd-article-layout{align-items:flex-start;gap:4rem;width:100%;display:flex}@media (min-width:1200px){.mxd-container.grid-container{max-width:1500px}}@media (min-width:1600px){.mxd-container.grid-container{max-width:1800px}}.mxd-article-main-content{flex:1;min-width:0}.mxd-article-sidebar-container{z-index:10;flex-shrink:0;width:350px;position:sticky;top:100px}.mxd-toc-sidebar{background:#fafafa;border:1px solid #0000000d;border-radius:1.5rem;padding:2rem}[color-scheme=dark] .mxd-toc-sidebar{background:#121214;border:1px solid #ffffff14}.mxd-toc-title{color:#a1a1aa;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.mxd-toc-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100vh - 250px);margin:0;padding:0 1.5rem 0 0;list-style:none;position:relative;overflow-y:auto}.mxd-toc-list::-webkit-scrollbar{width:5px}.mxd-toc-list::-webkit-scrollbar-track{background:0 0}.mxd-toc-list::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}[color-scheme=dark] .mxd-toc-list::-webkit-scrollbar-thumb{background:#fff3}.mxd-toc-item{border-left:2px solid #0000;margin-bottom:1.25rem;padding-left:1.5rem;font-size:1.4rem;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.mxd-toc-item a{color:#71717a;text-decoration:none;transition:color .2s;display:block}.mxd-toc-item.active{border-left-color:#2563eb}.mxd-toc-item.active a{color:#000;font-weight:600}[color-scheme=dark] .mxd-toc-item.active{border-left-color:#fff}[color-scheme=dark] .mxd-toc-item.active a{color:#fff;font-weight:600}.mxd-toc-item:hover a{color:#2563eb}[color-scheme=dark] .mxd-toc-item:hover a{color:#fff}.mxd-toc-item.level-3{margin-left:1rem}.mxd-toc-item.level-4{margin-left:2rem}.mxd-mobile-toc-trigger{z-index:99;position:fixed;bottom:2rem;right:2rem}.mxd-mobile-toc-trigger .btn{color:#fff;background:#000;border:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:flex}[color-scheme=dark] .mxd-mobile-toc-trigger .btn{color:#000;background:#fff}.mxd-mobile-toc-overlay{z-index:1000;background-color:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.mxd-mobile-toc-modal{background:#fff;outline:none;width:80%;max-width:400px;height:100%;transition:transform .3s ease-in-out;transform:translate(100%)}[color-scheme=dark] .mxd-mobile-toc-modal{background:#09090b}.ReactModal__Content--after-open{transform:translate(0)}.ReactModal__Content--before-close{transform:translate(100%)}.mxd-mobile-toc-content{flex-direction:column;height:100%;display:flex}.mxd-mobile-toc-header{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}[color-scheme=dark] .mxd-mobile-toc-header{border-bottom-color:#ffffff1a}.mxd-mobile-toc-header h5{margin:0;font-weight:700}.btn-close-toc{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.mxd-mobile-toc-body{flex:1;padding:1.5rem;overflow-y:auto}@media (max-width:1199px){.mxd-article-layout{display:block}}.hashnode-content ::-webkit-scrollbar{width:4px!important;height:4px!important;display:block!important}.hashnode-content ::-webkit-scrollbar-track{background:#121214!important}.hashnode-content ::-webkit-scrollbar-thumb{background:#444!important;border:1px solid #121214!important;border-radius:10px!important}.mxd-code-wrapper{margin:2.5rem 0;position:relative}.mxd-copy-btn{z-index:20;color:#a1a1aa;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:.8rem;justify-content:center;align-items:center;padding:.6rem;font-size:1.4rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.5rem;right:1.5rem}.mxd-copy-btn:hover{color:#fff;background:#ffffff26;transform:translateY(-1px)}.mxd-copy-btn.copied{color:#facc15;background:#facc151a;border-color:#facc154d}.mxd-copy-btn i{pointer-events:none}.hashnode-content pre,.mxd-code-wrapper pre{margin:0!important}.mxd-embed-container{z-index:5;background:#000;border-radius:1.5rem;max-width:100%;height:0;margin:2.5rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;pointer-events:auto!important}.mxd-embed-container iframe{z-index:6;border:0;width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:auto!important}.blog-search-container{align-items:center;margin-right:1.5rem;display:inline-flex}.blog-search-trigger{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.8rem;transition:all .2s;display:flex}.blog-search-trigger:hover{background:#0000000d;transform:scale(1.1)}[color-scheme=dark] .blog-search-trigger:hover{background:#ffffff1a}.mxd-search-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mxd-search-modal{background:#fff;border-radius:1.5rem;outline:none;width:90%;max-width:600px;animation:.2s ease-out modal-zoom;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}[color-scheme=dark] .mxd-search-modal{background:#18181b;border:1px solid #ffffff1a}@keyframes modal-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mxd-search-inner{flex-direction:column;max-height:80vh;display:flex}.mxd-search-header{border-bottom:1px solid #0000000d;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex;position:relative}[color-scheme=dark] .mxd-search-header{border-bottom:1px solid #ffffff1a}.mxd-search-header .search-icon{color:#71717a;font-size:1.8rem}.mxd-search-input{color:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.6rem}.mxd-search-hints{color:#a1a1aa;align-items:center;gap:.8rem;display:flex}.mxd-search-hints .kbd{background:#f4f4f5;border-radius:4px;padding:.2rem .6rem;font-size:1.1rem;font-weight:700}[color-scheme=dark] .mxd-search-hints .kbd{color:#d4d4d8;background:#27272a}.mxd-search-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:1rem;padding:.5rem;font-size:1.8rem;display:flex}.mxd-search-close:hover{background:#0000000d}.mxd-search-results{flex:1;min-height:200px;padding:1rem;overflow-y:auto}.mxd-search-status{text-align:center;color:#71717a;padding:4rem;font-size:1.4rem}.mxd-search-results-title{color:#a1a1aa;letter-spacing:.1em;padding:1.5rem 1rem .5rem;font-size:1rem;font-weight:800}.mxd-search-item{color:inherit;border-radius:1rem;align-items:center;gap:1.5rem;margin-bottom:.5rem;padding:1.2rem;text-decoration:none;transition:all .2s;display:flex}.mxd-search-item:hover{background:#f4f4f5}[color-scheme=dark] .mxd-search-item:hover{background:#27272a}.mxd-search-item__thumb{border-radius:6px;flex-shrink:0;width:60px;height:40px;overflow:hidden}.mxd-search-item__info{flex:1;min-width:0}.mxd-search-item__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.4rem;font-weight:600;line-height:1.3;overflow:hidden}.mxd-search-item__meta{color:#71717a;align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.mxd-search-item__meta .separator{color:#d1d5db}.scroll-styled::-webkit-scrollbar{width:4px}.scroll-styled::-webkit-scrollbar-track{background:0 0}.scroll-styled::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}[color-scheme=dark] .scroll-styled::-webkit-scrollbar-thumb{background:#3f3f46}.blog-header-actions{align-items:center;gap:1.2rem;margin-right:1.5rem;display:inline-flex}.btn-blog-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:1rem;align-items:center;gap:.8rem;padding:.7rem 1.6rem;font-size:1.4rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;text-decoration:none!important}.btn-subscribe{background:#3b82f6;color:#fff!important}.btn-subscribe:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}.subscribe-container{display:inline-block;position:relative}.subscribe-popover{z-index:1000;background:#fff;border:1px solid #0000000d;border-radius:1.5rem;width:360px;padding:2.5rem;animation:.3s ease-out popover-slide;position:absolute;top:calc(100% + 1.5rem);right:-100px;box-shadow:0 25px 50px -12px #00000040}@keyframes popover-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[color-scheme=dark] .subscribe-popover{background:#18181b;border-color:#ffffff1a;box-shadow:0 25px 50px -12px #00000080}.subscribe-popover__title{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.subscribe-popover__text{color:#52525b;margin-bottom:2.5rem;font-size:1.4rem;line-height:1.5}[color-scheme=dark] .subscribe-popover__text{color:#a1a1aa}.subscribe-form-row{background:#00000008;border:1px solid #00000014;border-radius:1.2rem;align-items:center;padding:.6rem;display:flex}[color-scheme=dark] .subscribe-form-row{background:#ffffff08;border-color:#ffffff14}.subscribe-input{color:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.8rem 1.2rem;font-size:1.4rem}.subscribe-input::placeholder{color:#71717a;opacity:.7}.btn-subscribe-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.8rem;padding:.8rem 2rem;font-size:1.4rem;font-weight:700;transition:all .2s}.btn-subscribe-submit:hover{background:#2563eb;transform:scale(1.02)}.subscribe-success-message{color:#16a34a;text-align:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:1rem;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem;font-size:1.4rem;font-weight:600;display:flex}[color-scheme=dark] .subscribe-success-message{color:#4ade80;background:#22c55e0d}.subscribe-success-message i{font-size:2.8rem}.subscribe-error-message{color:#ef4444;margin-top:1rem;font-size:1.2rem;font-weight:600}@media (max-width:991px){.btn-blog-action span{display:none}.btn-blog-action{border-radius:50%;justify-content:center;width:40px;height:40px;padding:.8rem}.blog-header-actions{gap:.8rem;margin-right:.8rem}.subscribe-popover{width:300px;padding:2rem;right:-50px}}@media (max-width:480px){.blog-header-actions{display:none}}.blog-profile-section{margin:4rem 0}.profile-box,.subscribe-box-large{background:#18181b;border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;gap:1.5rem;padding:3rem;transition:all .3s;display:flex}[color-scheme=light] .profile-box,[color-scheme=light] .subscribe-box-large{background:#fdfdfd;border-color:#0000000d;box-shadow:0 4px 6px -1px #0000000d}.profile-header{align-items:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.profile-logo{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:6px;display:flex}.profile-name{margin:0;font-size:2rem;font-weight:800}.profile-posts-count{color:#ffffff80;margin:0;font-size:1.3rem}[color-scheme=light] .profile-posts-count{color:#71717a}.profile-bio{color:#fffc;margin-bottom:1.5rem;font-size:1.5rem;line-height:1.5}[color-scheme=light] .profile-bio{color:#3f3f46}.profile-socials{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}[color-scheme=light] .profile-socials{border-top-color:#0000000d}.social-icon{width:38px;height:38px;color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-size:1.6rem;transition:all .2s;display:flex;text-decoration:none!important}.social-icon:hover{background:#ffffff26;transform:translateY(-2px)}[color-scheme=light] .social-icon{background:#0000000d;border-color:#0000001a}.subscribe-box-header{align-items:flex-start;gap:1.5rem;display:flex}.subscribe-icon-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2.2rem;display:flex}.subscribe-box-title{margin:0;font-size:2.1rem;font-weight:800}.subscribe-box-subtitle{color:#ffffff80;margin:.5rem 0 0;font-size:1.4rem}[color-scheme=light] .subscribe-box-subtitle{color:#71717a}.subscribe-form-large{margin-top:auto}.subscribe-input-group{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;gap:.5rem;padding:.6rem;display:flex}[color-scheme=light] .subscribe-input-group{background:#00000005;border-color:#0000001a}.subscribe-input-field{color:inherit;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.8rem 1.2rem;font-size:1.5rem}.subscribe-btn-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;flex-shrink:0;padding:.8rem 2.2rem;font-size:1.5rem;font-weight:700;transition:all .2s}.subscribe-btn-submit:hover{background:#2563eb;transform:scale(1.02)}.subscribe-success-inline{color:#4ade80;background:#22c55e1a;border-radius:10px;align-items:center;gap:1rem;padding:1.5rem;font-size:1.5rem;font-weight:600;display:flex}.subscribe-error-small{color:#ef4444;margin-top:1rem;margin-left:1rem;font-size:1.3rem}.blog-search-bar-trigger{color:#71717a;cursor:pointer;text-align:left;background:#0000000a;border:1px solid #00000014;border-radius:1.2rem;align-items:center;gap:1.5rem;width:100%;height:48px;padding:0 2rem;font-size:1.5rem;transition:all .3s;display:flex}[color-scheme=dark] .blog-search-bar-trigger{color:#a1a1aa;background:#ffffff0a;border-color:#ffffff1a}.blog-search-bar-trigger:hover{background:#00000012;border-color:#00000026}[color-scheme=dark] .blog-search-bar-trigger:hover{background:#ffffff12;border-color:#fff3}.blog-search-bar-trigger i{font-size:2rem}.btn-blog-action.force-show-text span{display:inline!important}.btn-blog-action.force-show-text{border-radius:1.2rem!important;width:auto!important;padding:.9rem 1.8rem!important}.blog-header-actions.mobile-inline{justify-content:flex-end;gap:1.5rem;width:100%;margin-right:0!important;display:flex!important}@media (max-width:480px){.blog-header-actions.mobile-inline{display:flex!important}}.search-bar-styled{width:100%}.btn-icon-only{flex-shrink:0;border-radius:1.2rem!important;justify-content:center!important;width:48px!important;height:48px!important;padding:0!important}.btn-icon-only i{font-size:2rem!important}.actions-icons-only{gap:1rem!important;margin-right:0!important;display:flex!important}.actions-icons-only .subscribe-popover{width:320px;max-width:calc(100vw - 40px);right:0}@media (max-width:480px){.actions-icons-only .subscribe-popover{right:-20px}}