.blogCard .tags,.blogCard .title{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}html{font-size:16px}.blogViewer{line-height:1;--primary-color:#06b6d4}.blogViewer .zopTheme{color:var(--primary-color)!important}.blogViewer .octicon-check,.blogViewer pre:hover .active,.blogViewer pre:hover .copied:hover{background-color:#fff!important;background:#fff!important}.blogViewer .octicon-check{color:#28a745!important}.blogViewer .cta-section{padding:24px!important;color:#000;border-radius:16px;background-size:cover;background-position:50%;background-repeat:no-repeat;border:1px solid #d1d5db}.blogViewer .cta-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.blogViewer .cta-section .title{font-size:22px!important;font-weight:500;margin-bottom:16px!important}.blogViewer .cta-section .sub-title{font-size:16px!important;font-weight:400;margin-bottom:36px!important}.blogViewer .cta-buttons{display:flex;justify-content:center;gap:24px}.blogViewer .cta-buttons.single-button{justify-content:center}@media(max-width:480px){.blogViewer .cta-buttons{display:block;text-align:center}.blogViewer .cta-buttons>*{display:inline-block;margin-bottom:12px;width:100%;white-space:normal;word-wrap:break-word;padding:12px 16px;line-height:1.4;box-sizing:border-box;height:fit-content}}.blogViewer .cta-button{background-color:#0891b2;text-decoration:none!important;color:#fff}.blogViewer .cta-button,.blogViewer .second-button{padding:11px 24px!important;border-radius:10px!important;display:flex;justify-content:center;align-items:center;font-weight:500!important;font-size:16px!important;height:fit-content!important}.blogViewer .second-button{background-color:#fff;color:#000;text-decoration:none;border:1px solid rgba(0,0,0,.2);transition:border .1s ease-in-out,background-color .3s ease-in-out}.blogViewer .second-button:hover{border:1px solid #000;background-color:#fff!important}.blogViewer .cta-button:hover{background-color:#06b6d4}.blogViewer .cta-section[style*="background-image: none"]{background-color:#f3f3f3;color:#000}.blogViewer .text-primary{color:var(--primary-color)}.blogViewer *{font-family:var(--font-family);background-color:transparent}.blogViewer{display:flex;flex-direction:column!important;gap:1rem!important}.blogViewer .contentHolder{display:flex;flex-direction:column;gap:1rem}.blogViewer .custom-list-parent{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;padding-bottom:1rem}.blogViewer .custom-list-wrapper{position:relative;padding-top:.25rem;padding-bottom:.25rem;padding-left:2rem;font-size:1rem;line-height:2rem}.blogViewer .custom-list-wrapper .custom-list-head{font-weight:600}.blogViewer .custom-list-wrapper .custom-list-content{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity))}.blogViewer .custom-quote{position:relative;margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;border-left:4px solid transparent;border-radius:4px}.blogViewer .custom-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#f90,#176ac6,#a920d9);border-radius:4px}.blogViewer .custom-quote .quote{border-width:0;font-weight:600;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity));line-height:1.5rem}.blogViewer .custom-quote img{aspect-ratio:1/1;width:2rem;border-radius:9999px;border-width:1px}.blogViewer .custom-quote .avatar-container{display:flex;align-items:center;gap:.5rem;padding-left:1rem}.blogViewer .custom-quote .avatar-container,.blogViewer svg{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.blogViewer hr{height:.25rem;border-radius:.375rem;border-width:0;background-color:rgb(226 232 240/var(--tw-bg-opacity));--tw-bg-opacity:0.5}.blogViewer h1 a{display:none}.blogViewer h1{margin:0!important;border-style:none!important;padding:0!important;padding-bottom:.75rem;font-size:2rem!important;line-height:2.5rem!important;font-weight:600;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity))}@media (min-width:768px){.blogViewer h1{font-size:2.5rem!important;line-height:3rem!important}}@media (min-width:1024px){.blogViewer h1{font-size:3rem!important;line-height:3.5rem!important}}.blogViewer h2{color:#030712}.blogViewer h2 a{display:none}.blogViewer h2{margin:1.25rem 0 -1.25rem!important;border-style:none!important;font-size:1.25rem!important;line-height:2rem!important;font-weight:400!important;--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity))}@media (min-width:768px){.blogViewer h2{font-size:1.5rem!important;line-height:2rem!important}}@media (min-width:1024px){.blogViewer h2{font-size:1.5rem!important;line-height:2rem!important}}.blogViewer h3 a{display:none}.blogViewer h3 p{font-size:1.5rem!important;line-height:2.5rem!important}.blogViewer h3{color:#0d1117;margin:0 0 .5rem!important;border-style:none!important;font-size:1rem!important;line-height:1.75rem!important;font-weight:500!important;letter-spacing:-.025em}.blogViewer h4 a{display:none}.blogViewer h4{border-style:none!important;font-size:1.25rem!important;font-weight:400}.blogViewer h4,.blogViewer p{margin:0 0 2.5rem!important;line-height:2rem!important}.blogViewer ol p,.blogViewer ul p{margin:0}.blogViewer ol li,.blogViewer ul li{margin:0;font-size:1rem;line-height:2rem;line-height:1}.blogViewer ol li:has(>ul,>ol),.blogViewer ul li:has(>ul,>ol){margin-bottom:-30px}.blogViewer ol li li,.blogViewer ol li ul,.blogViewer ul li li,.blogViewer ul li ul{margin-top:.25rem}.blogViewer ul li{list-style-type:disc;font-size:1rem!important;line-height:1.5rem!important}.blogViewer ul li p{margin-top:-1.5rem;padding-left:.5rem;margin:0 0 2.5rem!important;border-style:none!important;font-size:1rem!important;line-height:2rem!important;font-weight:400}.blogViewer ol li{list-style-type:decimal;font-size:1rem!important;line-height:1.5rem!important}.blogViewer ol li p{margin-top:-1.5rem;padding-left:1.75rem;margin:0 0 2.5rem!important;border-style:none!important;font-size:1rem!important;line-height:2rem!important;font-weight:400}.blogViewer ol,.blogViewer ul{padding-left:2rem;margin-bottom:.5rem!important;display:flex;flex-direction:column;gap:.75rem}.blogViewer b{font-weight:600;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.blogViewer p{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity));margin:0 0 .5rem!important;border-style:none!important;font-size:1rem!important;line-height:1.5rem!important;font-weight:400}.blogViewer p img{display:block;margin:0 auto;max-width:100%;height:auto;object-fit:contain;max-height:70vh;border-radius:10px}blockquote:has(:only-child){position:relative;padding:40px;font-style:italic;border-left:0!important;background-color:#f3f4f6!important;border-radius:8px}blockquote:has(:only-child):before{content:"";position:absolute;top:24px;bottom:32px;left:20px;width:4px;background-image:linear-gradient(180deg,#f90,#176ac6,#a920d9);border-radius:4px}blockquote:has(:only-child)>*{padding-left:24px}.image-text-section{width:100%;margin:2rem 0}.image-text-wrapper{display:flex;gap:2rem;align-items:start;max-width:1200px;margin:0 auto;padding:0 1rem}.image-container{flex:0 0 45%;max-width:500px}.text-container{flex:1;min-width:0}.section-image{width:100%;height:auto;border-radius:8px;display:block}.image-text-wrapper.right{flex-direction:row}.image-text-wrapper.left{flex-direction:row-reverse}@media(max-width:768px){.image-text-wrapper{flex-direction:column-reverse!important;gap:1.5rem}.image-container{flex:0 0 100%;max-width:100%}.text-container{flex:0 0 100%;text-align:center}}.banner-container{border:1px solid #d1d5db;margin-top:16px;max-width:28rem;margin-left:auto;margin-right:auto;background-color:#f9fafb;padding:16px;border-radius:8px}.banner-content,.banner-text{display:flex;flex-direction:column}.banner-heading{font-size:1.25rem;font-weight:600;color:#111827}.banner-description{font-size:1rem;color:#111827}.banner-button{display:inline-flex;align-items:center;border:1px solid #000;padding:8px 16px;border-radius:4px;font-size:.875rem;background-color:#fff!important;cursor:pointer;color:#000!important;text-decoration:none!important}.banner-button:hover{background-color:#f3f4f6!important}.banner-image-wrapper{position:relative;height:200px;margin-top:32px}.banner-image{position:absolute;height:100%;width:100%;inset:0;object-fit:contain;color:transparent;background-color:transparent!important}.language-mermaid{margin-top:1.5rem;margin-bottom:1.5rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity));padding:1rem}.language-mermaid svg{margin-left:auto;margin-right:auto}