#ecosystem-blocks-section{background:var(--background-neutral-black);padding:125px 0 130px;position:relative;overflow:clip}#ecosystem-blocks-section .eco-blocks-content{flex-direction:column;align-items:center;gap:125px;width:100%;margin:0 auto;padding:0 24px;display:flex}#ecosystem-blocks-section .eco-blocks-header{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:710px;display:flex}#ecosystem-blocks-section .eco-blocks-header .codio-top-title{color:#fff6}#ecosystem-blocks-section .eco-blocks-stage{justify-content:center;align-items:center;width:100%;max-width:840px;min-height:220px;display:flex;position:relative}#ecosystem-blocks-section .eco-blocks-label{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-500);white-space:nowrap;font-size:14px;font-weight:500;line-height:normal;position:absolute}#ecosystem-blocks-section .eco-blocks-label--left{left:0}#ecosystem-blocks-section .eco-blocks-label--right{right:0}#ecosystem-blocks-section .eco-blocks-cubes{justify-content:center;align-items:center;width:340px;height:197px;display:flex;position:relative}#ecosystem-blocks-section .eco-blocks-cube{will-change:transform;line-height:0;position:absolute}#ecosystem-blocks-section .eco-blocks-cube svg{display:block}@media screen and (max-width:991px){#ecosystem-blocks-section{padding:80px 0 100px}#ecosystem-blocks-section .eco-blocks-content{gap:80px;max-width:560px}#ecosystem-blocks-section .eco-blocks-desc{font-size:24px}#ecosystem-blocks-section .eco-blocks-stage{max-width:600px}#ecosystem-blocks-section .eco-blocks-cubes{width:280px;height:162px}#ecosystem-blocks-section .eco-blocks-cubes svg{width:140px;height:auto}#ecosystem-blocks-section .eco-blocks-label{top:auto;bottom:-36px}#ecosystem-blocks-section .eco-blocks-label--left{left:calc(50% - 160px);transform:translate(-50%)}#ecosystem-blocks-section .eco-blocks-label--right{left:calc(50% + 160px);right:auto;transform:translate(-50%)}}@media screen and (max-width:767px){#ecosystem-blocks-section{padding:46px 0 60px}#ecosystem-blocks-section .eco-blocks-content{gap:60px;max-width:100%}#ecosystem-blocks-section .eco-blocks-header{gap:6px;max-width:306px}#ecosystem-blocks-section .eco-blocks-desc{font-family:var(--font-general-sans);letter-spacing:0;font-size:16px;font-weight:400;line-height:normal}#ecosystem-blocks-section .eco-blocks-stage{min-height:140px}#ecosystem-blocks-section .eco-blocks-cubes{width:200px;height:97px}#ecosystem-blocks-section .eco-blocks-cubes svg{width:84px;height:auto}#ecosystem-blocks-section .eco-blocks-label{font-family:var(--font-general-sans);letter-spacing:0;font-size:12px;font-weight:500;line-height:normal;top:auto;bottom:-30px}#ecosystem-blocks-section .eco-blocks-label--left{left:calc(50% - 88px);transform:translate(-50%)}#ecosystem-blocks-section .eco-blocks-label--right{left:calc(50% + 88px);right:auto;transform:translate(-50%)}}
#datanuvis-how-to-use .htu-card{z-index:3;width:222px;position:absolute}#datanuvis-how-to-use .htu-card--left{top:36px;left:48px}#datanuvis-how-to-use .htu-card--right{top:150px;left:320px}#datanuvis-how-to-use .htu-card .htu-card-header{align-items:center;gap:10px;margin-bottom:22px;display:flex}#datanuvis-how-to-use .htu-card .htu-card-body{background:var(--background-neutral-420);border-radius:12px;height:auto;padding:20px 20px 24px;overflow:hidden}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-body-info{flex-direction:column;gap:8px;width:145px;display:flex}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-body-info .htu-card-body-name{color:var(--text-neutral-white);font-family:var(--font-general-sans);letter-spacing:0;font-size:12px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-body-info .htu-card-body-desc{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);font-size:10px;font-weight:400;line-height:normal}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-avatar{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;display:flex}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-avatar span{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-white);font-size:12px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-rows{flex-direction:column;gap:12px;display:flex}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-rows .htu-card-row{background:var(--background-neutral-450);border-radius:6px;width:100%;height:42px}@media screen and (max-width:991px){#datanuvis-how-to-use .htu-card{width:222px}#datanuvis-how-to-use .htu-card--left{top:22px;left:20px}#datanuvis-how-to-use .htu-card--right{left:initial;top:239px;right:20px}#datanuvis-how-to-use .htu-card .htu-card-header{gap:6px;margin-bottom:12px}#datanuvis-how-to-use .htu-card .htu-card-body{padding:10px 12px}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top{margin-bottom:10px}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-body-info{gap:4px}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-avatar{width:24px;min-width:24px;height:24px}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-body-top .htu-card-avatar span{font-family:var(--font-general-sans);letter-spacing:0;font-size:10px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-rows{gap:6px}#datanuvis-how-to-use .htu-card .htu-card-body .htu-card-rows .htu-card-row{height:36px}}
#datanuvis-how-to-use .htu-table{background:var(--background-neutral-420);border-radius:12px;width:auto;margin-left:37px;padding:16px 14px}#datanuvis-how-to-use .htu-table .htu-table-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#datanuvis-how-to-use .htu-table .htu-table-header .htu-table-title{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-300);font-size:12px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-table .htu-table-header .htu-table-add{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-300);background:var(--background-neutral-420);border-radius:4px;align-items:center;gap:2px;padding:5px 6px;font-size:8px;font-weight:400;line-height:normal;display:flex}#datanuvis-how-to-use .htu-table .htu-table-rows{flex-direction:column;gap:10px;display:flex}#datanuvis-how-to-use .htu-table .htu-table-row{background:var(--background-neutral-420);border-radius:6px;align-items:center;height:42px;padding:0 14px;display:flex}#datanuvis-how-to-use .htu-table .htu-table-row .htu-table-cells{flex:1;align-items:center;gap:40px;display:flex}#datanuvis-how-to-use .htu-table .htu-table-row .htu-table-cell{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);font-size:8px;font-weight:400;line-height:normal}#datanuvis-how-to-use .htu-table .htu-table-row .htu-table-toggle{background:var(--background-neutral-450);border-radius:50%;flex-shrink:0;width:16px;height:16px}
#datanuvis-how-to-use .htu-field-container{background:var(--background-neutral-420);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:12px;width:244px;height:fit-content;padding:12px;display:flex;position:relative}#datanuvis-how-to-use .htu-field-container .htu-field-card{-webkit-backdrop-filter:blur(11.4px);backdrop-filter:blur(11.4px);background:var(--background-neutral-450);border-radius:6px;align-items:center;gap:8px;width:-webkit-fill-available;width:-moz-available;width:stretch;padding:6px;display:flex;box-shadow:0 0 2px #0000001f}#datanuvis-how-to-use .htu-field-container .htu-field-card--1{margin-left:20px}#datanuvis-how-to-use .htu-field-container .htu-field-card--2{margin-right:24px}#datanuvis-how-to-use .htu-field-container .htu-field-card--3{flex-direction:column;gap:10px;margin-left:20px}#datanuvis-how-to-use .htu-field-container .htu-field-card .htu-field-card-row{align-items:center;gap:8px;width:100%;display:flex}#datanuvis-how-to-use .htu-field-container .htu-field-card .htu-field-card-icon{background:var(--background-neutral-450);border-radius:4px;flex-shrink:0;width:40px;height:28px}#datanuvis-how-to-use .htu-field-container .htu-field-card .htu-field-card-info{flex-direction:column;min-width:0;display:flex}#datanuvis-how-to-use .htu-field-container .htu-field-card .htu-field-card-info .htu-field-card-name{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-300);font-size:10px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-field-container .htu-field-card .htu-field-card-info .htu-field-card-desc{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);font-size:8px;font-weight:400;line-height:normal}@media screen and (max-width:991px){#datanuvis-how-to-use .htu-field-container{width:100%;max-width:100%}}
#datanuvis-how-to-use .htu-form-fields{background:var(--background-neutral-420);border-radius:12px;flex-direction:column;flex-shrink:0;gap:12px;width:198px;height:fit-content;padding:12px;display:flex}#datanuvis-how-to-use .htu-form-fields .htu-form-field{background:var(--background-neutral-450);border-radius:6px;overflow:hidden}#datanuvis-how-to-use .htu-form-fields .htu-form-field span{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);padding:9px 7px;font-size:9px;font-weight:500;line-height:normal;display:block}#datanuvis-how-to-use .htu-form-fields .htu-form-field--text{height:30px}#datanuvis-how-to-use .htu-form-fields .htu-form-field--image{flex-direction:column;justify-content:center;align-items:center;gap:4px;height:63px;display:flex}#datanuvis-how-to-use .htu-form-fields .htu-form-field--image span{text-align:center;padding:0}#datanuvis-how-to-use .htu-form-fields .htu-form-field--textarea{height:52px}@media screen and (max-width:991px){#datanuvis-how-to-use .htu-form-fields{width:100%;max-width:100%}}
#datanuvis-how-to-use .htu-collection-rows{flex-direction:column;gap:20px;width:469px;margin-left:38px;display:flex}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row{background:var(--background-neutral-420);border-radius:6px;justify-content:space-between;align-items:center;height:48px;padding:9px 16px 9px 8px;display:flex}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cells{align-items:center;gap:12px;display:flex}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);background:var(--background-neutral-420);border-radius:6px;align-items:center;height:30px;padding:0 7px;font-size:9px;font-weight:500;line-height:normal;display:flex}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell--draft{width:73px}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell--desc{width:171px}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell--image{justify-content:center;width:110px}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-icon{color:var(--text-neutral-400)}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-toggle{background:var(--background-neutral-450);border-radius:50%;flex-shrink:0;width:14px;height:14px}@media screen and (max-width:991px){#datanuvis-how-to-use .htu-collection-rows{gap:10px;width:100%;max-width:100%;margin:0 auto}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell--draft{width:58px}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell--desc{width:135px}#datanuvis-how-to-use .htu-collection-rows .htu-collection-row .htu-collection-cell--image{display:none}}
#datanuvis-how-to-use .htu-product-form{background:var(--background-neutral-420);border-radius:12px;flex-direction:column;flex-shrink:0;gap:10px;width:254px;height:fit-content;padding:12px;display:flex}#datanuvis-how-to-use .htu-product-form .htu-product-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}#datanuvis-how-to-use .htu-product-form .htu-product-field{background:var(--background-neutral-420);border-radius:6px;height:30px;overflow:hidden}#datanuvis-how-to-use .htu-product-form .htu-product-field span{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);padding:9px 7px;font-size:9px;font-weight:500;line-height:normal;display:block}#datanuvis-how-to-use .htu-product-form .htu-product-image{background:var(--background-neutral-420);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:87px;display:flex}#datanuvis-how-to-use .htu-product-form .htu-product-image span{color:var(--text-neutral-400);font-size:9px;font-weight:500}@media screen and (max-width:991px){#datanuvis-how-to-use .htu-product-form{width:100%;max-width:100%}}
#datanuvis-how-to-use .htu-api-rows{flex-direction:column;gap:20px;margin-top:10px;padding:0 38px;display:flex}#datanuvis-how-to-use .htu-api-rows .htu-api-row{background:var(--background-neutral-420);border-radius:6px;justify-content:space-between;align-items:center;padding:9px 8px;display:flex}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields{gap:12px;display:flex}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields .htu-api-field{background:var(--background-neutral-420);border-radius:6px;height:30px}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields .htu-api-field--sm{width:96px}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields .htu-api-field--md{width:135px}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields .htu-api-field span{color:var(--text-neutral-400);font-family:var(--font-general-sans);letter-spacing:0;padding:10px 7px;font-size:8px;font-weight:400;line-height:normal;display:block}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-dot{background:#d9d9d90f;border-radius:50%;flex-shrink:0;width:14px;height:14px}@media screen and (max-width:991px){#datanuvis-how-to-use .htu-api-rows{gap:10px;width:100%;margin:10px auto 0;padding:0}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields .htu-api-field--sm{width:58px}#datanuvis-how-to-use .htu-api-rows .htu-api-row .htu-api-fields .htu-api-field--md{width:100px}}
#datanuvis-how-to-use{background:var(--background-neutral-black);height:550vh;position:relative}#datanuvis-how-to-use .htu-sticky{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}#datanuvis-how-to-use .codio-large-title{color:var(--text-neutral-white);margin-bottom:88px}#datanuvis-how-to-use .htu-content{justify-content:space-between;align-items:center;gap:110px;width:fit-content;margin:0 auto;display:flex}#datanuvis-how-to-use .htu-left{align-items:flex-start;gap:42px;display:flex}#datanuvis-how-to-use .htu-left .htu-diamonds{flex-direction:column;align-items:center;display:flex}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper{cursor:pointer;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:-9px;display:flex}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper .htu-diamond{border:.633px solid var(--text-neutral-white);background:var(--background-neutral-black);justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex;transform:rotate(-45deg)}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper .htu-diamond .htu-diamond-number{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-white);font-size:12px;font-weight:400;line-height:normal;transition:color .3s linear;transform:rotate(45deg)}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper .htu-diamond:not(.htu-diamond--active):hover{background:var(--background-primary-500)}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper .htu-diamond:not(.htu-diamond--active):hover .htu-diamond-number{color:var(--text-neutral-300)}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper .htu-diamond--active{z-index:9;background:var(--background-primary-100)}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper .htu-diamond--active .htu-diamond-number{color:var(--text-neutral-black)}#datanuvis-how-to-use .htu-left .htu-steps{width:390px;min-height:325px;position:relative}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-content{width:100%;position:absolute;top:0;left:0}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-title{color:var(--text-neutral-white);font-family:var(--font-general-sans);letter-spacing:0;margin-bottom:36px;font-size:24px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts{flex-direction:column;gap:24px;width:100%;max-width:372px;display:flex}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block{flex-direction:column;gap:10px;display:flex}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-label{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-white);cursor:pointer;font-size:16px;font-weight:400;line-height:normal;transition:color .3s}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-label--muted,#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-label--muted:hover{color:var(--text-neutral-500)}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-label:hover{color:var(--text-neutral-white)}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-text{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);font-size:16px;font-weight:400;line-height:normal}#datanuvis-how-to-use .htu-right{flex-shrink:0;width:605px;height:360px;position:relative}#datanuvis-how-to-use .htu-right .htu-visual{background:var(--background-neutral-black);border-radius:20px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 9.8px -3px #bdbdbd0d}#datanuvis-how-to-use .htu-right .htu-visual:before{content:"";-webkit-mask:linear-gradient(var(--background-neutral-white) 0 0) content-box,linear-gradient(var(--background-neutral-white) 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(128deg,#73fffa87 9.5%,#0a2e2d87 44.37%,#1a3d3b87 93.37%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-composite:xor;mask-composite:exclude}#datanuvis-how-to-use .htu-right .htu-visual .htu-visual-layer{background:var(--background-neutral-black);border-radius:20px;position:absolute;inset:0;overflow:hidden}#datanuvis-how-to-use .htu-right .htu-visual .htu-visual-page{transition:opacity .4s;position:absolute;inset:0;overflow:hidden}#datanuvis-how-to-use .htu-right .htu-visual .htu-visual-page--bg{background:var(--background-neutral-black)}#datanuvis-how-to-use .htu-right .htu-visual .htu-visual-glow{pointer-events:none;z-index:1;border-radius:50%;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1);position:absolute}#datanuvis-how-to-use .htu-right .htu-visual .htu-visual-glow--1{background:var(--background-secondary-500);filter:blur(200px);width:427px;height:289px}#datanuvis-how-to-use .htu-right .htu-visual .htu-visual-glow--2{background:var(--background-secondary-550);filter:blur(200px);width:424px;height:140px}#datanuvis-how-to-use .htu-right .htu-visual--glow-0 .htu-visual-glow--1{top:-89px;left:-77px}#datanuvis-how-to-use .htu-right .htu-visual--glow-0 .htu-visual-glow--2{top:calc(100% - 100px);left:calc(100% - 364px)}#datanuvis-how-to-use .htu-right .htu-visual--glow-1 .htu-visual-glow--1{top:-89px;left:calc(100% - 350px)}#datanuvis-how-to-use .htu-right .htu-visual--glow-1 .htu-visual-glow--2{top:calc(100% - 100px);left:-60px}#datanuvis-how-to-use .htu-right .htu-visual--glow-2 .htu-visual-glow--1{top:calc(100% - 200px);left:calc(100% - 350px)}#datanuvis-how-to-use .htu-right .htu-visual--glow-2 .htu-visual-glow--2{top:-40px;left:-60px}#datanuvis-how-to-use .htu-right .htu-visual--glow-3 .htu-visual-glow--1{top:calc(100% - 200px);left:-77px}#datanuvis-how-to-use .htu-right .htu-visual--glow-3 .htu-visual-glow--2{top:-40px;left:calc(100% - 364px)}#datanuvis-how-to-use .htu-card-badge{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:27px;min-width:27px;height:27px;display:flex}#datanuvis-how-to-use .htu-card-badge span,#datanuvis-how-to-use .htu-card-badge-label{color:var(--text-neutral-white);font-family:var(--font-general-sans);letter-spacing:0;font-size:14px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-panel{z-index:1;padding:24px 30px;position:absolute;inset:0}#datanuvis-how-to-use .htu-panel--split,#datanuvis-how-to-use .htu-panel--full{flex-direction:column;display:flex}#datanuvis-how-to-use .htu-panel .htu-panel-header{align-items:center;gap:10px;margin-bottom:22px;display:flex}#datanuvis-how-to-use .htu-panel .htu-panel-body{flex:1;gap:20px;min-height:0;display:flex}#datanuvis-how-to-use .htu-panel .htu-panel-desc{font-family:var(--font-general-sans);letter-spacing:0;color:var(--text-neutral-400);width:354px;margin-bottom:20px;margin-left:37px;font-size:12px;font-weight:400;line-height:normal}#datanuvis-how-to-use .htu-panel .htu-panel-desc--wide{width:410px;margin-bottom:50px;margin-left:38px}#datanuvis-how-to-use .htu-panel .htu-panel-left{min-width:0}#datanuvis-how-to-use .htu-panel .htu-panel-texts{flex-direction:column;gap:24px;max-width:245px;padding-left:38px;display:flex}#datanuvis-how-to-use .htu-panel .htu-panel-texts p{color:var(--text-neutral-400);max-width:215px;font-family:var(--font-general-sans);letter-spacing:0;font-size:12px;font-weight:400;line-height:normal}@media screen and (max-width:1350px){#datanuvis-how-to-use .htu-content{gap:10px}}@media screen and (max-width:1199px){#datanuvis-how-to-use .htu-panel{padding:20px}#datanuvis-how-to-use .htu-left{gap:24px}#datanuvis-how-to-use .htu-left .htu-steps{width:280px}}@media screen and (max-width:991px){#datanuvis-how-to-use{height:450vh}#datanuvis-how-to-use .htu-sticky{justify-content:flex-start;padding:27px 24px}#datanuvis-how-to-use .codio-large-title{font-family:var(--font-general-sans);letter-spacing:0;margin-bottom:24px;font-size:24px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-content{flex-direction:column;align-items:center;gap:0;width:100%;height:100%}#datanuvis-how-to-use .htu-left{display:contents}#datanuvis-how-to-use .htu-left .htu-diamonds{flex-direction:row;order:3;align-items:center;margin-top:22px;display:flex}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper{width:54px;height:54px;margin-bottom:0;margin-right:-9px}#datanuvis-how-to-use .htu-left .htu-diamonds .htu-diamond-wrapper:last-child{margin-right:0}#datanuvis-how-to-use .htu-left .htu-steps{text-align:center;order:1;width:100%;min-height:179px}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-title{font-family:var(--font-general-sans);letter-spacing:0;margin-bottom:16px;font-size:20px;font-weight:500;line-height:normal}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts{gap:8px;max-width:323px;margin:0 auto}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-label,#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block .htu-step-text{font-family:var(--font-general-sans);letter-spacing:0;font-size:14px;font-weight:400;line-height:normal}#datanuvis-how-to-use .htu-left .htu-steps .htu-step-texts .htu-step-block--substep.is-inactive .htu-step-text{display:none}#datanuvis-how-to-use .htu-right{order:2;width:100%;height:398px}#datanuvis-how-to-use .htu-right .htu-visual{width:100%;height:100%;position:relative}#datanuvis-how-to-use .htu-right .htu-visual:before{border:1px solid var(--background-primary-100);background:0 0;padding:0;-webkit-mask:none;mask:none}#datanuvis-how-to-use .htu-panel{align-items:center;padding:21px 19px}#datanuvis-how-to-use .htu-panel .htu-panel-header{align-self:flex-start;gap:6px;margin-bottom:10px}#datanuvis-how-to-use .htu-panel .htu-panel-desc{align-self:flex-start;width:auto;max-width:268px;margin-bottom:16px;margin-left:0}#datanuvis-how-to-use .htu-panel .htu-panel-desc--wide{width:auto;max-width:100%;margin-bottom:16px;margin-left:0}#datanuvis-how-to-use .htu-panel .htu-panel-body{flex-direction:column;align-items:flex-start;gap:20px;width:100%}#datanuvis-how-to-use .htu-panel .htu-panel-texts{gap:10px;max-width:100%;padding-left:0}#datanuvis-how-to-use .htu-panel .htu-panel-texts p{max-width:100%}#datanuvis-how-to-use .htu-table{width:100%;max-width:100%;margin:0 auto;padding:16px 14px}#datanuvis-how-to-use .htu-table .htu-table-row .htu-table-cells{gap:20px}}