@vigilkids/section-renderer-vue 0.6.3 → 0.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles/products/visiva.css +1 -1
  2. package/package.json +1 -1
package/dist/styles/products/visiva.css CHANGED
@@ -1 +1 @@
1
- @import "../utilities.css";.article-content--visiva{--visiva-module-margin:40px 0;--visiva-card-radius:20px;--visiva-card-radius-soft:15px;--visiva-article-gutter:16px;max-width:100%;overflow-wrap:break-word;width:100%}.article-content--visiva p{font-size:16px;line-height:24px;margin:10px 0}.article-content--visiva a{cursor:pointer;transition:color .3s ease,text-decoration-color .3s ease,background-color .3s ease}.article-content--visiva a:hover{color:#1fb04f;text-decoration:underline}.article-content--visiva .font-bold,.article-content--visiva b,.article-content--visiva strong{font-weight:700}.article-content--visiva .underline{text-decoration:underline}.article-content--visiva>h2{font-size:30px;font-weight:900;margin-bottom:16px;margin-top:30px}.article-content--visiva>h3{font-size:24px;font-weight:900;margin:16px 0}.article-content--visiva ul{margin:10px 0}.article-content--visiva>img:not(.hot-icon):not([width]):not([height]){border-radius:var(--visiva-card-radius);display:block;margin:24px 0;max-width:100%}.article-content--visiva .contrast-table{border:1px solid #d4d4d4;border-radius:var(--visiva-card-radius);margin:var(--visiva-module-margin);overflow:hidden}.article-content--visiva .contrast-table table{border-collapse:collapse;min-width:600px;width:100%}.article-content--visiva .contrast-table thead tr{background:#292929;color:#fff}.article-content--visiva .contrast-table th{font-size:14px;font-weight:600;padding:17px 16px}.article-content--visiva .contrast-table td{border-top:1px solid #d9d9d9;font-size:14px;padding:17px 16px}.article-content--visiva .sticky-table{overflow-x:auto}.article-content--visiva .blog-paragraph-highlight{color:var(--primary-1000,#1fb04f);text-decoration:underline}.article-content--visiva .blog-paragraph-bg-highlight{background-color:#ecffb9}.article-content--visiva .blog-intro-list{font-weight:300;list-style-position:inside;list-style-type:disc;padding-left:20px}.article-content--visiva .blog-intro-list-item{margin-top:8px}.article-content--visiva .blog-toc{background-color:#f7f8fa;border-radius:var(--visiva-card-radius);margin:var(--visiva-module-margin);padding:40px 32px}.article-content--visiva .blog-toc-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.article-content--visiva .blog-toc-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/30dd1b58c6d487c7/arrow-down-fill.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";flex:0 0 20px;height:20px;transition:transform .3s ease;width:20px}.article-content--visiva .blog-toc.blog-toc--collapsed .blog-toc-header:before{transform:rotate(180deg)}.article-content--visiva .blog-toc-title{font-size:20px;font-weight:600}.article-content--visiva .blog-toc-list{margin:0}.article-content--visiva .blog-toc-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-list-item{list-style-position:inside;list-style-type:disc;padding-left:8px}.article-content--visiva .blog-toc-numbered-list{font-size:14px;list-style-position:outside;list-style-type:decimal;margin-top:8px;padding-left:36px}.article-content--visiva .blog-toc-numbered-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-numbered-list>li{display:list-item;list-style-position:outside;list-style-type:decimal}.article-content--visiva .blog-toc-numbered-list>.blog-toc-list-item{padding-left:0}.article-content--visiva .blog-toc-numbered-item{align-items:center;display:inline-flex;gap:8px;vertical-align:middle}.article-content--visiva .blog-toc-list-item.hot:after{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/0ff0daee3ff768c0/hot-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex:0 0 23px;height:12px;margin-left:8px;vertical-align:-1px;width:23px}.article-content--visiva .blog-h2-style2{gap:8px;line-height:1;padding-left:16px;position:relative}.article-content--visiva .blog-h2-style2:before{background-color:#1fb04f;content:"";display:block;height:25px;left:0;position:absolute;top:2px;width:5px}.article-content--visiva .link{color:#1fb04f}.article-content--visiva .blog-h3-style2{display:flex;font-size:24px;font-weight:900;line-height:1}.article-content--visiva .blog-h3-style2>*+*{margin-left:8px}.article-content--visiva .blog-h3-style2-number{align-items:center;border:1px solid #1fb04f;border-radius:9999px;color:#1fb04f;display:inline-flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:28px;transform:translateY(0);width:24px}.article-content--visiva .blog-h3-style3{display:flex;font-size:24px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style3>*+*{margin-left:12px}.article-content--visiva .blog-h3-style3-badge{background-color:#1fb04f;border-radius:20px;color:#fff;display:inline-block;font-size:16px;font-weight:600;height:22px;line-height:22px;padding-left:8px;padding-right:8px;transform:translateY(4px)}.article-content--visiva .blog-h3-style4{display:flex;font-size:24px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style4>*+*{margin-left:12px}.article-content--visiva .blog-h3-style4-number{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/28cff450cf7db118/dotted-circle.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;font-weight:600;height:24px;line-height:1;position:relative;width:24px}.article-content--visiva .blog-btn,.article-content--visiva .blog-h3-style4-number{align-items:center;color:#000;display:inline-flex;font-size:16px;justify-content:center}.article-content--visiva .blog-btn{background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;cursor:pointer;font-weight:700;gap:8px;height:60px;line-height:24px;min-width:220px;text-decoration:none}.article-content--visiva .blog-btn:hover{background:linear-gradient(270deg,#33ff78,#caff33);color:#000;text-decoration:none}.article-content--visiva .blog-btn:before{background-color:currentColor;content:"";flex:0 0 16px;height:16px;mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/d7eed7caf7a3a302/magic.svg);-webkit-mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/d7eed7caf7a3a302/magic.svg);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:16px}.article-content--visiva .blog-btn.cart:before{mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/ca973c088477b01d/cart.svg);-webkit-mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/ca973c088477b01d/cart.svg)}.article-content--visiva>.blog-btn{margin-top:25px}.article-content--visiva .blog-btn.black{background:#000;color:#fff;min-width:220px}.article-content--visiva .blog-btn.black:hover{background:rgba(0,0,0,.8);color:#fff}.article-content--visiva .blog-btn.green{background:linear-gradient(90deg,#33ff78,#caff33);color:#000;min-width:260px}.article-content--visiva .blog-btn.green:hover{background:linear-gradient(270deg,#33ff78,#caff33);color:#000}.article-content--visiva .blog-btn.dark{background:#000;border:1px solid #fff;color:#fff;min-width:220px}.article-content--visiva .blog-btn.dark:hover{background:#fff;color:#000}.article-content--visiva .blog-btn-row{align-items:center;display:flex;flex-direction:row;gap:24px;margin:var(--visiva-module-margin)}.article-content--visiva .blog-btn-row.dark{align-items:center;background-color:#000;border-radius:var(--visiva-card-radius);display:flex;justify-content:center;max-width:100%;padding:35px 24px;width:-moz-fit-content;width:fit-content}.article-content--visiva .blog-btn-note{align-items:center;color:#666262;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;line-height:20px;margin-top:20px}.article-content--visiva .blog-quote{background-color:#fff;border:1px solid #d4d4d4;border-radius:var(--visiva-card-radius);margin:var(--visiva-module-margin);padding:30px 28px}.article-content--visiva .blog-quote-title{font-size:20px;font-weight:600;line-height:1;margin-bottom:6px}.article-content--visiva .blog-quote-text{font-size:14px;font-style:italic;line-height:22px;margin-bottom:8px;margin-top:6px}.article-content--visiva .blog-quote-author{color:#666262;font-size:14px;line-height:20px;margin:0}.article-content--visiva .blog-table-wrapper{border:1px solid #d4d4d4;border-radius:var(--visiva-card-radius);font-size:14px;line-height:20px;margin:var(--visiva-module-margin);max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;text-align:center;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.article-content--visiva .blog-table-wrapper::-webkit-scrollbar{display:none}.article-content--visiva .blog-table{border-collapse:collapse;min-width:800px;width:100%}.article-content--visiva .blog-table-header{background-color:#292929;color:#fff;font-size:18px;height:80px;line-height:28px}.article-content--visiva .blog-table-header-cell{border-right:1px solid #5e5e68;font-weight:600;padding:16px}.article-content--visiva .blog-table-header-cell:last-child{border-right:none}.article-content--visiva .blog-table-header-cell-last{font-weight:600;line-height:20px;padding:16px}.article-content--visiva .blog-table-row{background-color:#fff;border-top:1px solid #d9d9d9;color:#000;font-weight:300;height:80px;transition:background-color .2s ease}.article-content--visiva .blog-table-cell{border-right:1px solid #d9d9d9;padding:16px}.article-content--visiva .blog-table-cell:last-child{border-right:none}.article-content--visiva .blog-table-cell-first{background-color:#f4f4f4;border-right:1px solid #d9d9d9;padding:16px}.article-content--visiva .blog-table-cell-last{font-size:14px;line-height:20px;padding:17px 16px}.article-content--visiva .blog-table-row:hover .blog-table-cell,.article-content--visiva .blog-table-row:hover .blog-table-cell-first,.article-content--visiva .blog-table-row:hover .blog-table-cell-last{background-color:#f7fff9}.article-content--visiva .blog-table-wrapper.collapsible{background-color:#fff;overflow:hidden;position:relative}.article-content--visiva .blog-table-content{max-height:500px;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;transition:max-height .3s ease-in-out;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.article-content--visiva .blog-table-content::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-content.expanded,.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-content{max-height:3000px;padding-bottom:80px}.article-content--visiva .blog-table-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.72),#fff);bottom:0;height:80px;left:0;position:absolute;right:0;z-index:10}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-overlay{background:transparent;bottom:0;height:80px;pointer-events:none}.article-content--visiva .blog-table-toggle{align-items:center;background-color:#fff;border:1px solid #d4d4d4;border-radius:9999px;bottom:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s;width:50px;z-index:10}.article-content--visiva .blog-table-toggle:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/2458f67aa6069b33/arrow.down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:20px;transition:transform .3s ease;width:20px}.article-content--visiva .blog-table-toggle:hover{background-color:#f2f4f3;border-color:#bfc7c2}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-toggle{bottom:16px;pointer-events:auto;transform:translateX(-50%)}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-toggle:before{transform:rotate(180deg)}.article-content--visiva .blog-pros-cons{display:flex;flex-direction:row;gap:24px;margin:var(--visiva-module-margin)}.article-content--visiva .blog-pros-cons-card{background-color:#f7f8fa;border-radius:var(--visiva-card-radius);flex:1 1 0%;padding:26px 30px}.article-content--visiva .blog-pros-cons-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.article-content--visiva .blog-pros-cons-header:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:28px;width:28px}.article-content--visiva .blog-pros-cons-card.pros .blog-pros-cons-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/bad8fe2f52dffa98/pros.svg)}.article-content--visiva .blog-pros-cons-card.cons .blog-pros-cons-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/fe7765e509abfda1/cons.svg)}.article-content--visiva .blog-pros-cons-title{color:#000;font-size:18px;font-weight:700;line-height:28px}.article-content--visiva .blog-pros-cons-list{color:#000;font-size:14px;line-height:20px;list-style-position:inside;list-style-type:disc}.article-content--visiva .blog-pros-cons-list>*+*{margin-top:12px}.article-content--visiva .blog-step{font-size:18px;margin:24px 0}.article-content--visiva .blog-step-number{color:#1fb04f;font-style:italic;font-weight:900}.article-content--visiva .blog-note-style{background-color:#f7f8fa;border-radius:0 0 5px 5px;margin:var(--visiva-module-margin);padding:26px 16px 10px;position:relative}.article-content--visiva .blog-note-style-badge{align-items:center;background-color:#02a967;border-radius:5px 0 10px 0;color:#fff;display:flex;font-size:14px;font-weight:700;gap:4px;height:24px;left:0;line-height:20px;padding-left:8px;padding-right:8px;position:absolute;top:0}.article-content--visiva .blog-note-style-badge:before{background-image:url(https://cdn.visiva.ai/blog/temp/idea.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:14px;width:14px}.article-content--visiva .blog-note-style.note .blog-note-style-badge:before{background-image:url(https://cdn.visiva.ai/blog/temp/note.png)}.article-content--visiva .blog-note-style-text{color:#666262;font-size:16px;font-weight:300;line-height:24px}.article-content--visiva .blog-features-card{align-items:center;background-color:#f7f8fa;border-radius:var(--visiva-card-radius);display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin:var(--visiva-module-margin);padding:40px}.article-content--visiva .blog-features-card.dark{background-color:#2e2e2e;color:#fff}.article-content--visiva .blog-features-card-content{flex:1 1 0;max-width:426px}.article-content--visiva .blog-features-card-title{font-size:20px;font-weight:700;margin-bottom:16px;text-align:left}.article-content--visiva .blog-features-card-list{color:#666262;font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:disc;margin-bottom:28px;padding-left:16px}.article-content--visiva .blog-features-card-list>*+*{margin-top:8px}.article-content--visiva .blog-features-card.dark .blog-features-card-list{color:inherit}.article-content--visiva .blog-features-card .blog-btn{min-width:260px}.article-content--visiva .blog-features-card-image-wrapper{flex:0 1 411px;max-width:411px;width:100%}.article-content--visiva .blog-features-card-image{border-radius:var(--visiva-card-radius-soft);height:100%;min-height:239px;-o-object-fit:cover;object-fit:cover;width:100%}.article-content--visiva .blog-note-style3{background-color:#f7f8fa;border-radius:var(--visiva-card-radius-soft);margin:var(--visiva-module-margin);padding:24px}.article-content--visiva .blog-note-style3-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.article-content--visiva .blog-note-style3-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/94606ff0f6690ec6/info.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:22px;width:22px}.article-content--visiva .blog-note-style3-title{color:#000;font-weight:600}.article-content--visiva .blog-note-style3-text{color:#666262;font-weight:300}.article-content--visiva .blog-qa-card{background-color:#f7f8fa;border-radius:var(--visiva-card-radius-soft);margin:var(--visiva-module-margin);padding:24px 20px}.article-content--visiva .blog-qa-item{margin-bottom:33px}.article-content--visiva .blog-qa-question{color:#000;font-weight:600;margin-bottom:16px}.article-content--visiva .blog-qa-answer{color:#666262;font-weight:300}.article-content--visiva .blog-qa-answer-label{color:#000;font-weight:600}.article-content--visiva .blog-qa-card2{background-color:#f8fffb;border-radius:var(--visiva-card-radius-soft);margin:var(--visiva-module-margin);padding:28px 20px}.article-content--visiva .blog-qa-card2-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.article-content--visiva .blog-qa-card2-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/bb8010e4ebd03eb9/faq.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:20px;width:20px}.article-content--visiva .blog-qa-card2-title{color:#1fb04f;font-size:20px;font-weight:700;line-height:1}.article-content--visiva .blog-qa-card2-item{margin-bottom:24px}.article-content--visiva .blog-qa-card2-question{font-weight:700;margin-bottom:12px}@media (max-width:1200px){.article-content--visiva{--visiva-card-radius:16px;--visiva-card-radius-soft:12px}.article-content--visiva .blog-toc{padding:32px 24px}.article-content--visiva .blog-btn-row.dark{padding:28px 20px;width:100%}.article-content--visiva .blog-quote{padding:26px 24px}.article-content--visiva .blog-table{min-width:720px}.article-content--visiva .blog-table-header,.article-content--visiva .blog-table-row{height:68px}.article-content--visiva .blog-pros-cons{gap:20px}.article-content--visiva .blog-pros-cons-card{padding:24px}.article-content--visiva .blog-features-card{align-items:stretch;gap:20px;padding:32px}.article-content--visiva .blog-features-card-content{max-width:none}.article-content--visiva .blog-features-card-image-wrapper{max-width:360px}}@media (max-width:768px){.article-content--visiva{--visiva-module-margin:24px 0;--visiva-card-radius:10px;--visiva-card-radius-soft:10px;--visiva-article-gutter:10px}.article-content--visiva li,.article-content--visiva p,.article-content--visiva td,.article-content--visiva th{font-size:14px;line-height:20px}.article-content--visiva>h2{font-size:22px;line-height:30px;margin-bottom:10px;margin-top:24px}.article-content--visiva>h3{font-size:18px;line-height:26px;margin:24px 0 12px}.article-content--visiva ul{margin:8px 0}.article-content--visiva>img:not(.hot-icon):not([width]):not([height]){margin:24px 0}.article-content--visiva .contrast-table{border-radius:8px 0 0 8px;box-sizing:border-box;margin:24px calc(var(--visiva-article-gutter)*-1) 24px 0;overflow-x:auto;padding-right:var(--visiva-article-gutter);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.article-content--visiva .contrast-table::-webkit-scrollbar{display:none}.article-content--visiva .contrast-table table{min-width:560px}.article-content--visiva .contrast-table td,.article-content--visiva .contrast-table th{font-size:14px;line-height:20px;padding:12px}.article-content--visiva .blog-intro-list,.article-content--visiva .blog-intro-text,.article-content--visiva .blog-intro-text-secondary{font-size:14px;line-height:20px}.article-content--visiva .blog-toc{padding:20px 16px}.article-content--visiva .blog-toc-title{font-size:16px;line-height:24px}.article-content--visiva .blog-toc-list,.article-content--visiva .blog-toc-numbered-list{font-size:14px;line-height:20px}.article-content--visiva .blog-toc-list-item{padding-left:0}.article-content--visiva .blog-toc-numbered-list{padding-left:28px}.article-content--visiva .blog-h2-style1{font-size:22px}.article-content--visiva .blog-h2-style2{font-size:22px;line-height:30px;padding-left:8px}.article-content--visiva .blog-h2-style2:before{height:18px;top:4px;width:4px}.article-content--visiva .blog-h3-style1{font-size:18px;line-height:1}.article-content--visiva .blog-h3-style1-text{margin-top:4px}.article-content--visiva .blog-h3-style1-list{font-size:14px;line-height:20px;margin-top:16px}.article-content--visiva .blog-h3-style2,.article-content--visiva .blog-h3-style3{align-items:flex-start;font-size:18px;line-height:26px}.article-content--visiva .blog-h3-style3>*+*{margin-left:4px}.article-content--visiva .blog-h3-style4{align-items:flex-start;font-size:18px;line-height:26px}.article-content--visiva .blog-h3-style4>*+*{margin-left:4px}.article-content--visiva>.blog-btn{display:flex;margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.article-content--visiva .blog-btn,.article-content--visiva .blog-btn.black,.article-content--visiva .blog-btn.dark,.article-content--visiva .blog-btn.green,.article-content--visiva .blog-features-card .blog-btn{flex-direction:row;font-size:16px;height:56px;line-height:20px;max-width:270px;min-width:0;width:min(270px,100%)}.article-content--visiva .blog-btn-row{align-items:center;flex-direction:column;gap:20px;width:100%}.article-content--visiva .blog-btn-row>:not(.blog-btn){align-items:center;display:flex;flex-direction:column;width:100%}.article-content--visiva .blog-btn-row.dark{box-sizing:border-box;gap:24px;width:100%}.article-content--visiva .blog-btn-note{margin-top:16px}.article-content--visiva .blog-quote{padding:20px 12px}.article-content--visiva .blog-quote-title{font-size:16px;line-height:24px}.article-content--visiva .blog-quote-text{font-size:12px;line-height:18px;margin-bottom:8px}.article-content--visiva .blog-quote-author{font-size:12px;line-height:18px}.article-content--visiva .blog-pros-cons{flex-direction:column;gap:12px}.article-content--visiva .blog-pros-cons-card{padding:20px 12px}.article-content--visiva .blog-step{font-size:16px;line-height:24px}.article-content--visiva .blog-note-style-text{font-size:14px;line-height:20px}.article-content--visiva .blog-features-card{flex-direction:column;gap:20px;padding:28px 12px}.article-content--visiva .blog-features-card-content,.article-content--visiva .blog-features-card-image-wrapper{flex:auto;max-width:unset;width:100%}.article-content--visiva .blog-features-card-title{font-size:18px;line-height:28px;text-align:center}.article-content--visiva .blog-features-card-list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 20px;width:-moz-fit-content;width:fit-content}.article-content--visiva .blog-features-card-image{border-radius:8px;min-height:auto}.article-content--visiva .blog-note-style3{padding:20px 16px}.article-content--visiva .blog-note-style3-text{font-size:14px;line-height:20px}.article-content--visiva .blog-qa-card{font-size:14px;line-height:20px;padding:20px 16px}.article-content--visiva .blog-qa-title{font-size:24px}.article-content--visiva .blog-qa-intro{font-size:14px;line-height:20px}.article-content--visiva .blog-qa-card2{font-size:14px;line-height:20px;padding-left:16px;padding-right:16px}.article-content--visiva .blog-qa-card2-title{font-size:18px;line-height:28px}.article-content--visiva .blog-qa-card2-item{margin-bottom:16px}.article-content--visiva .blog-qa-card2-question{margin-bottom:6px}.article-content--visiva .blog-features-card-list,.article-content--visiva .blog-h3-style1-text,.article-content--visiva .blog-pros-cons-list,.article-content--visiva .blog-qa-answer{font-size:14px;line-height:20px}.article-content--visiva .blog-features-card .blog-btn{display:flex;margin-left:auto;margin-right:auto;max-width:270px;width:min(270px,100%)}.article-content--visiva .blog-table-scroll{margin:24px calc(var(--visiva-article-gutter)*-1) 24px 0;max-width:none;scrollbar-width:none;width:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:#fff;box-sizing:border-box;overflow-x:auto;padding-right:var(--visiva-article-gutter)}.article-content--visiva .blog-table-scroll::-webkit-scrollbar,.article-content--visiva .blog-table-wrapper.collapsible::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-scroll>.blog-table-wrapper{border-radius:14px;margin:0;max-width:none;min-width:100%;overflow:hidden;width:-moz-max-content;width:max-content}.article-content--visiva .blog-table-wrapper.collapsible{border:1px solid #d4d4d4;border-radius:14px 0 0 14px;border-right-width:0;margin:24px calc(var(--visiva-article-gutter)*-1) 24px 0;max-width:none;overflow:hidden;scrollbar-width:none;width:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:#fff}.article-content--visiva .blog-table-wrapper.collapsible.expanded{background:transparent;border:0;border-radius:0;box-sizing:border-box;overflow-x:auto;padding-bottom:22px;padding-right:var(--visiva-article-gutter)}.article-content--visiva .blog-table-wrapper.collapsible .blog-table-content{background:#fff;border:0;border-radius:0;box-sizing:border-box;max-width:none;min-width:100%;overflow:hidden;padding-right:0;width:-moz-max-content;width:max-content}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-content{border:1px solid #d4d4d4;border-radius:14px}.article-content--visiva .blog-table{min-width:720px}.article-content--visiva .blog-table-header{font-size:14px;line-height:20px}.article-content--visiva .blog-table-cell,.article-content--visiva .blog-table-cell-first,.article-content--visiva .blog-table-cell-last,.article-content--visiva .blog-table-header-cell,.article-content--visiva .blog-table-header-cell-last{padding:12px}.article-content--visiva .blog-table-content.expanded,.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-content{padding-bottom:0}.article-content--visiva .blog-table-overlay{height:64px}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-overlay{bottom:0;height:0;left:0;position:sticky;right:auto;width:100%}.article-content--visiva .blog-table-toggle{bottom:10px;height:44px;width:44px}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-toggle{bottom:-22px}}
1
+ @import "../utilities.css";.article-content--visiva{--visiva-module-margin:45px 0;--visiva-card-radius:20px;--visiva-card-radius-soft:15px;--visiva-article-gutter:16px;max-width:100%;overflow-wrap:break-word;width:100%}.article-content--visiva p{font-size:16px;line-height:24px;margin:10px 0}.article-content--visiva a{cursor:pointer;transition:color .3s ease,text-decoration-color .3s ease,background-color .3s ease}.article-content--visiva a:hover{color:#1fb04f;text-decoration:underline}.article-content--visiva .font-bold,.article-content--visiva b,.article-content--visiva strong{font-weight:700}.article-content--visiva .underline{text-decoration:underline}.article-content--visiva>h2{font-size:30px;font-weight:900;margin-bottom:16px;margin-top:30px}.article-content--visiva>h3{font-size:24px;font-weight:900;margin:16px 0}.article-content--visiva ul{margin:10px 0}.article-content--visiva>img:not(.hot-icon):not([width]):not([height]){border-radius:var(--visiva-card-radius);display:block;margin:24px 0;max-width:100%}.article-content--visiva .contrast-table{border:1px solid #d4d4d4;border-radius:var(--visiva-card-radius);margin:var(--visiva-module-margin);overflow:hidden}.article-content--visiva .contrast-table table{border-collapse:collapse;min-width:600px;width:100%}.article-content--visiva .contrast-table thead tr{background:#292929;color:#fff}.article-content--visiva .contrast-table th{font-size:14px;font-weight:600;padding:17px 16px}.article-content--visiva .contrast-table td{border-top:1px solid #d9d9d9;font-size:14px;padding:17px 16px}.article-content--visiva .sticky-table{overflow-x:auto}.article-content--visiva .blog-paragraph-highlight{color:var(--primary-1000,#1fb04f);text-decoration:underline}.article-content--visiva .blog-paragraph-bg-highlight{background-color:#ecffb9}.article-content--visiva .blog-intro-list{font-weight:300;list-style-position:inside;list-style-type:disc;padding-left:20px}.article-content--visiva .blog-intro-list-item{margin-top:8px}.article-content--visiva .blog-toc{background-color:#f7f8fa;border-radius:var(--visiva-card-radius);margin:var(--visiva-module-margin);padding:40px 32px}.article-content--visiva .blog-toc-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.article-content--visiva .blog-toc-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/30dd1b58c6d487c7/arrow-down-fill.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";flex:0 0 20px;height:20px;transition:transform .3s ease;width:20px}.article-content--visiva .blog-toc.blog-toc--collapsed .blog-toc-header:before{transform:rotate(180deg)}.article-content--visiva .blog-toc-title{font-size:20px;font-weight:600}.article-content--visiva .blog-toc-list{margin:0}.article-content--visiva .blog-toc-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-list-item{list-style-position:inside;list-style-type:disc;padding-left:8px}.article-content--visiva .blog-toc-numbered-list{font-size:14px;list-style-position:outside;list-style-type:decimal;margin-top:8px;padding-left:36px}.article-content--visiva .blog-toc-numbered-list>*+*{margin-top:8px}.article-content--visiva .blog-toc-numbered-list>li{display:list-item;list-style-position:outside;list-style-type:decimal}.article-content--visiva .blog-toc-numbered-list>.blog-toc-list-item{padding-left:0}.article-content--visiva .blog-toc-numbered-item{align-items:center;display:inline-flex;gap:8px;vertical-align:middle}.article-content--visiva .blog-toc-list-item.hot:after{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/0ff0daee3ff768c0/hot-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex:0 0 23px;height:12px;margin-left:8px;vertical-align:-1px;width:23px}.article-content--visiva .blog-h2-style2{gap:8px;line-height:1;padding-left:16px;position:relative}.article-content--visiva .blog-h2-style2:before{background-color:#1fb04f;content:"";display:block;height:25px;left:0;position:absolute;top:2px;width:5px}.article-content--visiva .link{color:#1fb04f}.article-content--visiva .blog-h3-style2{display:flex;font-size:24px;font-weight:900;line-height:1}.article-content--visiva .blog-h3-style2>*+*{margin-left:8px}.article-content--visiva .blog-h3-style2-number{align-items:center;border:1px solid #1fb04f;border-radius:9999px;color:#1fb04f;display:inline-flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;line-height:28px;transform:translateY(0);width:24px}.article-content--visiva .blog-h3-style3{display:flex;font-size:24px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style3>*+*{margin-left:12px}.article-content--visiva .blog-h3-style3-badge{background-color:#1fb04f;border-radius:20px;color:#fff;display:inline-block;font-size:16px;font-weight:600;height:22px;line-height:22px;padding-left:8px;padding-right:8px;transform:translateY(4px)}.article-content--visiva .blog-h3-style4{display:flex;font-size:24px;font-weight:900;line-height:1;margin-top:16px}.article-content--visiva .blog-h3-style4>*+*{margin-left:12px}.article-content--visiva .blog-h3-style4-number{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/28cff450cf7db118/dotted-circle.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;font-weight:600;height:24px;line-height:1;position:relative;width:24px}.article-content--visiva .blog-btn,.article-content--visiva .blog-h3-style4-number{align-items:center;color:#000;display:inline-flex;font-size:16px;justify-content:center}.article-content--visiva .blog-btn{background:linear-gradient(90deg,#33ff78,#caff33);border-radius:40px;cursor:pointer;font-weight:700;gap:8px;height:60px;line-height:24px;min-width:220px;text-decoration:none}.article-content--visiva .blog-btn:hover{background:linear-gradient(270deg,#33ff78,#caff33);color:#000;text-decoration:none}.article-content--visiva .blog-btn:before{background-color:currentColor;content:"";flex:0 0 16px;height:16px;mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/d7eed7caf7a3a302/magic.svg);-webkit-mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/d7eed7caf7a3a302/magic.svg);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:16px}.article-content--visiva .blog-btn.cart:before{mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/ca973c088477b01d/cart.svg);-webkit-mask-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/ca973c088477b01d/cart.svg)}.article-content--visiva>.blog-btn{margin-top:25px}.article-content--visiva .blog-btn.black{background:#000;color:#fff;min-width:220px}.article-content--visiva .blog-btn.black:hover{background:rgba(0,0,0,.8);color:#fff}.article-content--visiva .blog-btn.green{background:linear-gradient(90deg,#33ff78,#caff33);color:#000;min-width:260px}.article-content--visiva .blog-btn.green:hover{background:linear-gradient(270deg,#33ff78,#caff33);color:#000}.article-content--visiva .blog-btn.dark{background:#000;border:1px solid #fff;color:#fff;min-width:220px}.article-content--visiva .blog-btn.dark:hover{background:#fff;color:#000}.article-content--visiva .blog-btn-row{align-items:center;display:flex;flex-direction:row;gap:24px;justify-content:center;margin:var(--visiva-module-margin)}.article-content--visiva .blog-btn-row.dark{align-items:center;background-color:#000;border-radius:var(--visiva-card-radius);display:flex;justify-content:center;max-width:100%;padding:35px 24px;width:-moz-fit-content;width:fit-content}.article-content--visiva .blog-btn-note{align-items:center;color:#666262;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;line-height:20px;margin-top:20px}.article-content--visiva .blog-quote{background-color:#fff;border:1px solid #d4d4d4;border-radius:var(--visiva-card-radius);margin:var(--visiva-module-margin);padding:30px 28px}.article-content--visiva .blog-quote-title{font-size:20px;font-weight:600;line-height:1;margin-bottom:6px}.article-content--visiva .blog-quote-text{font-size:14px;font-style:italic;line-height:22px;margin-bottom:8px;margin-top:6px}.article-content--visiva .blog-quote-author{color:#666262;font-size:14px;line-height:20px;margin:0}.article-content--visiva .blog-table-wrapper{border:1px solid #d4d4d4;border-radius:var(--visiva-card-radius);font-size:14px;line-height:20px;margin:20px 0 40px;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none;text-align:center;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.article-content--visiva .blog-table-wrapper::-webkit-scrollbar{display:none}.article-content--visiva .blog-table{border-collapse:collapse;min-width:800px;width:100%}.article-content--visiva .blog-table-header{background-color:#292929;color:#fff;font-size:18px;height:80px;line-height:28px}.article-content--visiva .blog-table-header-cell{border-right:1px solid #5e5e68;font-weight:600;padding:16px}.article-content--visiva .blog-table-header-cell:last-child{border-right:none}.article-content--visiva .blog-table-header-cell-last{font-weight:600;line-height:20px;padding:16px}.article-content--visiva .blog-table-row{background-color:#fff;border-top:1px solid #d9d9d9;color:#000;font-weight:300;height:80px;transition:background-color .2s ease}.article-content--visiva .blog-table-cell{border-right:1px solid #d9d9d9;padding:16px}.article-content--visiva .blog-table-cell:last-child{border-right:none}.article-content--visiva .blog-table-cell-first{background-color:#f4f4f4;border-right:1px solid #d9d9d9;padding:16px}.article-content--visiva .blog-table-cell-last{font-size:14px;line-height:20px;padding:17px 16px}.article-content--visiva .blog-table-row:hover .blog-table-cell,.article-content--visiva .blog-table-row:hover .blog-table-cell-first,.article-content--visiva .blog-table-row:hover .blog-table-cell-last{background-color:#f7fff9}.article-content--visiva .blog-table-wrapper.collapsible{background-color:#fff;overflow:hidden;position:relative}.article-content--visiva .blog-table-content{max-height:500px;min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;transition:max-height .3s ease-in-out;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.article-content--visiva .blog-table-content::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-content.expanded,.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-content{max-height:3000px;padding-bottom:80px}.article-content--visiva .blog-table-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.72),#fff);bottom:0;height:80px;left:0;position:absolute;right:0;z-index:10}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-overlay{background:transparent;bottom:0;height:80px;pointer-events:none}.article-content--visiva .blog-table-toggle{align-items:center;background-color:#fff;border:1px solid #d4d4d4;border-radius:9999px;bottom:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;height:50px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s;width:50px;z-index:10}.article-content--visiva .blog-table-toggle:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/2458f67aa6069b33/arrow.down.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:20px;transition:transform .3s ease;width:20px}.article-content--visiva .blog-table-toggle:hover{background-color:#f2f4f3;border-color:#bfc7c2}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-toggle{bottom:16px;pointer-events:auto;transform:translateX(-50%)}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-toggle:before{transform:rotate(180deg)}.article-content--visiva .blog-pros-cons{display:flex;flex-direction:row;gap:24px;margin:var(--visiva-module-margin)}.article-content--visiva .blog-pros-cons-card{background-color:#f7f8fa;border-radius:var(--visiva-card-radius);flex:1 1 0%;padding:26px 30px}.article-content--visiva .blog-pros-cons-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.article-content--visiva .blog-pros-cons-header:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:28px;width:28px}.article-content--visiva .blog-pros-cons-card.pros .blog-pros-cons-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/bad8fe2f52dffa98/pros.svg)}.article-content--visiva .blog-pros-cons-card.cons .blog-pros-cons-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/fe7765e509abfda1/cons.svg)}.article-content--visiva .blog-pros-cons-title{color:#000;font-size:18px;font-weight:700;line-height:28px}.article-content--visiva .blog-pros-cons-list{color:#000;font-size:14px;line-height:20px;list-style-position:inside;list-style-type:disc}.article-content--visiva .blog-pros-cons-list>*+*{margin-top:12px}.article-content--visiva .blog-step{font-size:18px;margin:24px 0}.article-content--visiva .blog-step-number{color:#1fb04f;font-style:italic;font-weight:900}.article-content--visiva .blog-note-style{background-color:#f7f8fa;border-radius:0 0 5px 5px;margin:var(--visiva-module-margin);padding:26px 16px 10px;position:relative}.article-content--visiva .blog-note-style-badge{align-items:center;background-color:#02a967;border-radius:5px 0 10px 0;color:#fff;display:flex;font-size:14px;font-weight:700;gap:4px;height:24px;left:0;line-height:20px;padding-left:8px;padding-right:8px;position:absolute;top:0}.article-content--visiva .blog-note-style-badge:before{background-image:url(https://cdn.visiva.ai/blog/temp/idea.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:14px;width:14px}.article-content--visiva .blog-note-style.note .blog-note-style-badge:before{background-image:url(https://cdn.visiva.ai/blog/temp/note.png)}.article-content--visiva .blog-note-style-text{color:#666262;font-size:16px;font-weight:300;line-height:24px}.article-content--visiva .blog-features-card{align-items:center;background-color:#f7f8fa;border-radius:var(--visiva-card-radius);display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin:var(--visiva-module-margin);padding:40px}.article-content--visiva .blog-features-card.dark{background-color:#2e2e2e;color:#fff}.article-content--visiva .blog-features-card-content{flex:1 1 0;max-width:426px}.article-content--visiva .blog-features-card-title{font-size:20px;font-weight:700;margin-bottom:16px;text-align:left}.article-content--visiva .blog-features-card-list{color:#666262;font-size:14px;font-weight:300;line-height:20px;list-style-position:outside;list-style-type:disc;margin-bottom:28px;padding-left:16px}.article-content--visiva .blog-features-card-list>*+*{margin-top:8px}.article-content--visiva .blog-features-card.dark .blog-features-card-list{color:inherit}.article-content--visiva .blog-features-card .blog-btn{min-width:260px}.article-content--visiva .blog-features-card-image-wrapper{flex:0 1 411px;max-width:411px;width:100%}.article-content--visiva .blog-features-card-image{border-radius:var(--visiva-card-radius-soft);height:100%;min-height:239px;-o-object-fit:cover;object-fit:cover;width:100%}.article-content--visiva .blog-note-style3{background-color:#f7f8fa;border-radius:var(--visiva-card-radius-soft);margin:var(--visiva-module-margin);padding:24px}.article-content--visiva .blog-note-style3-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.article-content--visiva .blog-note-style3-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/94606ff0f6690ec6/info.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:22px;width:22px}.article-content--visiva .blog-note-style3-title{color:#000;font-weight:600}.article-content--visiva .blog-note-style3-text{color:#666262;font-weight:300}.article-content--visiva .blog-qa-card{background-color:#f7f8fa;border-radius:var(--visiva-card-radius-soft);margin:var(--visiva-module-margin);padding:24px 20px}.article-content--visiva .blog-qa-item{margin-bottom:33px}.article-content--visiva .blog-qa-question{color:#000;font-weight:600;margin-bottom:16px}.article-content--visiva .blog-qa-answer{color:#666262;font-weight:300}.article-content--visiva .blog-qa-answer-label{color:#000;font-weight:600}.article-content--visiva .blog-qa-card2{background-color:#f8fffb;border-radius:var(--visiva-card-radius-soft);margin:var(--visiva-module-margin);padding:28px 20px}.article-content--visiva .blog-qa-card2-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.article-content--visiva .blog-qa-card2-header:before{background-image:url(https://cdn.visiva.ai/visiva/library/general/image/2026/06/15/bb8010e4ebd03eb9/faq.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;flex-shrink:0;height:20px;width:20px}.article-content--visiva .blog-qa-card2-title{color:#1fb04f;font-size:20px;font-weight:700;line-height:1}.article-content--visiva .blog-qa-card2-item{margin-bottom:24px}.article-content--visiva .blog-qa-card2-question{font-weight:700;margin-bottom:12px}@media (max-width:1200px){.article-content--visiva{--visiva-card-radius:16px;--visiva-card-radius-soft:12px}.article-content--visiva .blog-toc{padding:32px 24px}.article-content--visiva .blog-btn-row.dark{padding:28px 20px;width:100%}.article-content--visiva .blog-quote{padding:26px 24px}.article-content--visiva .blog-table{min-width:720px}.article-content--visiva .blog-table-header,.article-content--visiva .blog-table-row{height:68px}.article-content--visiva .blog-pros-cons{gap:20px}.article-content--visiva .blog-pros-cons-card{padding:24px}.article-content--visiva .blog-features-card{align-items:stretch;gap:20px;padding:32px}.article-content--visiva .blog-features-card-content{max-width:none}.article-content--visiva .blog-features-card-image-wrapper{max-width:360px}}@media (max-width:768px){.article-content--visiva{--visiva-module-margin:30px 0;--visiva-card-radius:10px;--visiva-card-radius-soft:10px;--visiva-article-gutter:10px}.article-content--visiva li,.article-content--visiva p,.article-content--visiva td,.article-content--visiva th{font-size:14px;line-height:20px}.article-content--visiva>h2{font-size:22px;line-height:30px;margin-bottom:10px;margin-top:24px}.article-content--visiva>h3{font-size:18px;line-height:26px;margin:24px 0 12px}.article-content--visiva ul{margin:8px 0}.article-content--visiva>img:not(.hot-icon):not([width]):not([height]){margin:24px 0}.article-content--visiva .contrast-table{border-radius:8px 0 0 8px;box-sizing:border-box;margin:24px calc(var(--visiva-article-gutter)*-1) 24px 0;overflow-x:auto;padding-right:var(--visiva-article-gutter);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.article-content--visiva .contrast-table::-webkit-scrollbar{display:none}.article-content--visiva .contrast-table table{min-width:560px}.article-content--visiva .contrast-table td,.article-content--visiva .contrast-table th{font-size:14px;line-height:20px;padding:12px}.article-content--visiva .blog-intro-list,.article-content--visiva .blog-intro-text,.article-content--visiva .blog-intro-text-secondary{font-size:14px;line-height:20px}.article-content--visiva .blog-toc{padding:20px 16px}.article-content--visiva .blog-toc-title{font-size:16px;line-height:24px}.article-content--visiva .blog-toc-list,.article-content--visiva .blog-toc-numbered-list{font-size:14px;line-height:20px}.article-content--visiva .blog-toc-list-item{padding-left:0}.article-content--visiva .blog-toc-numbered-list{padding-left:28px}.article-content--visiva .blog-h2-style1{font-size:22px}.article-content--visiva .blog-h2-style2{font-size:22px;line-height:30px;padding-left:8px}.article-content--visiva .blog-h2-style2:before{height:18px;top:4px;width:4px}.article-content--visiva .blog-h3-style1{font-size:18px;line-height:1}.article-content--visiva .blog-h3-style1-text{margin-top:4px}.article-content--visiva .blog-h3-style1-list{font-size:14px;line-height:20px;margin-top:16px}.article-content--visiva .blog-h3-style2,.article-content--visiva .blog-h3-style3{align-items:flex-start;font-size:18px;line-height:26px}.article-content--visiva .blog-h3-style3>*+*{margin-left:4px}.article-content--visiva .blog-h3-style4{align-items:flex-start;font-size:18px;line-height:26px}.article-content--visiva .blog-h3-style4>*+*{margin-left:4px}.article-content--visiva>.blog-btn{display:flex;margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}.article-content--visiva .blog-btn,.article-content--visiva .blog-btn.black,.article-content--visiva .blog-btn.dark,.article-content--visiva .blog-btn.green,.article-content--visiva .blog-features-card .blog-btn{flex-direction:row;font-size:16px;height:56px;line-height:20px;max-width:270px;min-width:0;width:min(270px,100%)}.article-content--visiva .blog-btn-row{align-items:center;flex-direction:column;gap:20px;width:100%}.article-content--visiva .blog-btn-row>:not(.blog-btn){align-items:center;display:flex;flex-direction:column;width:100%}.article-content--visiva .blog-btn-row.dark{box-sizing:border-box;gap:24px;width:100%}.article-content--visiva .blog-btn-note{margin-top:16px}.article-content--visiva .blog-quote{padding:20px 12px}.article-content--visiva .blog-quote-title{font-size:16px;line-height:24px}.article-content--visiva .blog-quote-text{font-size:12px;line-height:18px;margin-bottom:8px}.article-content--visiva .blog-quote-author{font-size:12px;line-height:18px}.article-content--visiva .blog-pros-cons{flex-direction:column;gap:12px}.article-content--visiva .blog-pros-cons-card{padding:20px 12px}.article-content--visiva .blog-step{font-size:16px;line-height:24px}.article-content--visiva .blog-note-style-text{font-size:14px;line-height:20px}.article-content--visiva .blog-features-card{flex-direction:column;gap:20px;padding:28px 12px}.article-content--visiva .blog-features-card-content,.article-content--visiva .blog-features-card-image-wrapper{flex:auto;max-width:unset;width:100%}.article-content--visiva .blog-features-card-title{font-size:18px;line-height:28px;text-align:center}.article-content--visiva .blog-features-card-list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 20px;width:-moz-fit-content;width:fit-content}.article-content--visiva .blog-features-card-image{border-radius:8px;min-height:auto}.article-content--visiva .blog-note-style3{padding:20px 16px}.article-content--visiva .blog-note-style3-text{font-size:14px;line-height:20px}.article-content--visiva .blog-qa-card{font-size:14px;line-height:20px;padding:20px 16px}.article-content--visiva .blog-qa-title{font-size:24px}.article-content--visiva .blog-qa-intro{font-size:14px;line-height:20px}.article-content--visiva .blog-qa-card2{font-size:14px;line-height:20px;padding-left:16px;padding-right:16px}.article-content--visiva .blog-qa-card2-title{font-size:18px;line-height:28px}.article-content--visiva .blog-qa-card2-item{margin-bottom:16px}.article-content--visiva .blog-qa-card2-question{margin-bottom:6px}.article-content--visiva .blog-features-card-list,.article-content--visiva .blog-h3-style1-text,.article-content--visiva .blog-pros-cons-list,.article-content--visiva .blog-qa-answer{font-size:14px;line-height:20px}.article-content--visiva .blog-features-card .blog-btn{display:flex;margin-left:auto;margin-right:auto;max-width:270px;width:min(270px,100%)}.article-content--visiva .blog-table-scroll{margin:24px calc(var(--visiva-article-gutter)*-1) 30px 0;max-width:none;scrollbar-width:none;width:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:#fff;box-sizing:border-box;overflow-x:auto;padding-right:var(--visiva-article-gutter)}.article-content--visiva .blog-table-scroll::-webkit-scrollbar,.article-content--visiva .blog-table-wrapper.collapsible::-webkit-scrollbar{display:none}.article-content--visiva .blog-table-scroll>.blog-table-wrapper{border-radius:14px;margin:0;max-width:none;min-width:100%;overflow:hidden;width:-moz-max-content;width:max-content}.article-content--visiva .blog-table-wrapper.collapsible{border:1px solid #d4d4d4;border-radius:14px 0 0 14px;border-right-width:0;margin:24px calc(var(--visiva-article-gutter)*-1) 30px 0;max-width:none;overflow:hidden;scrollbar-width:none;width:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:#fff}.article-content--visiva .blog-table-wrapper.collapsible.expanded{background:transparent;border:0;border-radius:0;box-sizing:border-box;overflow-x:auto;padding-bottom:22px;padding-right:var(--visiva-article-gutter)}.article-content--visiva .blog-table-wrapper.collapsible .blog-table-content{background:#fff;border:0;border-radius:0;box-sizing:border-box;max-width:none;min-width:100%;overflow:hidden;padding-right:0;width:-moz-max-content;width:max-content}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-content{border:1px solid #d4d4d4;border-radius:14px}.article-content--visiva .blog-table{min-width:720px}.article-content--visiva .blog-table-header{font-size:14px;line-height:20px}.article-content--visiva .blog-table-cell,.article-content--visiva .blog-table-cell-first,.article-content--visiva .blog-table-cell-last,.article-content--visiva .blog-table-header-cell,.article-content--visiva .blog-table-header-cell-last{padding:12px}.article-content--visiva .blog-table-content.expanded,.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-content{padding-bottom:0}.article-content--visiva .blog-table-overlay{height:64px}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-overlay{bottom:0;height:0;left:0;position:sticky;right:auto;width:100%}.article-content--visiva .blog-table-toggle{bottom:10px;height:44px;width:44px}.article-content--visiva .blog-table-wrapper.collapsible.expanded .blog-table-toggle{bottom:-22px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vigilkids/section-renderer-vue",
3
- "version": "0.6.3",
3
+ "version": "0.6.4",
4
4
  "description": "Vue 3 adapter for OneX Section Renderer SDK",
5
5
  "type": "module",
6
6
  "main": "./dist/index.mjs",