.cl-root{margin-bottom:16px}.cl-title{color:var(--tx,#222);gap:7px;font-size:1.1538rem;font-weight:600;display:flex}.cl-title span{color:#437ab7;margin-left:5px;font-weight:500}.cl-prog-bg{background:#e4eaf5;border-radius:8px;width:100%;height:6px;margin:10px 0 14px;overflow:hidden}.cl-prog-fill{background:#437ab7;border-radius:7px;height:100%;transition:width .3s}.cl-list{flex-direction:column;gap:1px;margin-bottom:9px;display:flex}.cl-row{cursor:pointer;align-items:center;gap:8px;padding:5px;display:flex}.cl-row.cl-dragover{background:#e7f0fa;border:1px dashed #437ab7}.cl-row.cl-dragging{opacity:.35;background:#dbe9f8}.cl-row .cl-text{width:100%;font-weight:600}.cl-row.cl-checked .cl-text{color:#9c9caa;opacity:.78;text-decoration:line-through}.cl-root .cl-icon{text-align:center;width:22px;height:22px}.cl-root .cl-check{color:#437ab7;font-size:1.5385rem}.cl-root .cl-uncheck{background:inherit;border:2.1px solid #b5c9e3;border-radius:50%;width:18px;height:18px;display:inline-block}.cl-row:not(.cl-checked):hover .cl-drag,.cl-dragging .cl-drag{color:#437ab7;opacity:1}
.colorfield-wrap{width:100%;margin-bottom:12px;position:relative}.colorfield-palette-btn{z-index:3;cursor:pointer;border-radius:2px;position:absolute;top:3px;right:4px}.colorfield-popup{background:#fff;border-radius:10px;margin-top:20px;display:none;box-shadow:0 4px 24px #0002}.colorfield-popup.show{display:block}
.ni-com .list>div{background:var(--box-bg,#fff);border-radius:12px;gap:13px;padding:14px 10px;transition:box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 1px 4px #0001}.ni-com .list>.mt20>.flex>div:nth-child(2){flex:auto;min-width:0}.ni-com .content{flex-direction:column;gap:5px;display:flex}.ni-com .list>.mt20>div>div:not(.flex)>div>div{flex:auto;min-width:0}
.pb-wrap{display:block}.pb-list{margin:8px 0 20px}.pb-list>h4{margin:18px 0 12px;font-size:1.3846rem;font-weight:700}.pb-contact{background:0 0;border:1px solid #89898954;border-radius:14px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:grid;position:relative}.pb-wrap .edit{flex-direction:column;gap:20px;display:flex}.pb-wrap .sm-name{flex-direction:column;justify-content:center;align-items:center;width:100px;display:flex}.pb-left{align-items:center;display:flex}.pb-right{grid-auto-flow:row;align-content:start;gap:8px;display:grid}.pb-avatar{border:1px solid;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.0769rem;font-weight:700;display:grid}.pb-main{min-width:0}.pb-head{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.pb-name{font-weight:700}.pb-role{opacity:.8}.pb-lines{gap:6px;display:grid}.pb-lines .line{align-items:center;gap:8px;font-size:1.0769rem;display:inline-flex}.pb-lines .line a{text-decoration:none}.pb-lines .line a:hover{text-decoration:underline}.phone-link{text-decoration:none}.pb-lines-secondary{margin-top:6px;display:none}.pb-contact:hover .pb-lines-secondary,.pb-contact.editing .pb-lines-secondary{gap:6px;display:grid}.pb-lines-secondary .line{align-items:center;gap:8px;font-size:1.0769rem;display:inline-flex}.pb-lines-secondary .line.note{opacity:.9}.pb-quick{grid-auto-flow:column;gap:6px;display:none}.pb-contact:hover .pb-quick,.pb-contact.editing .pb-quick{display:inline-grid}.pb-actions{display:none}.pb-contact:hover .pb-actions,.pb-contact.editing .pb-actions{gap:10px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid}.pb-social-add{margin-top:10px;display:none}.pb-contact.editing .pb-social-add{display:block}.pb-social-add .row{grid-template-columns:180px 1fr auto auto;gap:8px;display:grid}.pb-social-add .btn{cursor:pointer;background:0 0;border:1px solid;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.pb-social-add .btn.ghost{background:0 0}.pb-contact .pb-info{flex-direction:column;gap:14px;display:flex}
.footer{text-align:center;color:#000;z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0;left:0}.footer.fixed{position:fixed}.footer.top{height:max-content;position:absolute;top:0;bottom:auto}.footer.top.fixed{position:fixed}
.n-grid{grid-template-columns:repeat(12,1fr);gap:25px;display:grid}.n-grid.sm{height:200px}.n-grid.md{height:400px}.n-grid.lg{height:600px}.n-grid.gap0{gap:0}.n-grid.gap10{gap:10px}.n-grid.gap20{gap:20px}.n-grid.gap30{gap:30px}.n-grid section{z-index:0;border:1px solid #89898954;transition:transform .3s;display:block;position:relative;overflow:hidden}.n-grid section.none{border:none}.n-grid section.rd4{border-radius:4px}.n-grid section.rd8{border-radius:8px}.n-grid section.rd12{border-radius:12px}.n-grid section.rd16{border-radius:16px}.n-grid section.rd20{border-radius:20px}.n-grid section:before{content:"";background:inherit;z-index:-1;pointer-events:none;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.n-grid section.overlay-light:hover:before{filter:brightness(1.1)}.n-grid section.overlay-zoomOut:hover:before{opacity:.8;transition:transform .3s,opacity .3s;transform:scale(.95)}.n-grid section.overlay-fade:hover:before{opacity:.9}.n-grid section.overlay-slide:hover:before{transform:translate(3px)}.n-grid section.overlay-zoomIn:hover:before{transform:scale(1.02)}.n-grid section.overlay-scaleUp:hover:before{transform:scale(1.05)}.n-grid section.overlay-flip:hover:before{transform:rotateY(10deg)}.n-grid section.overlay-brighten:hover:before,.n-grid section.hover-brighten:hover>*{filter:brightness(1.3)}.n-grid section.overlay-darken:hover:before{filter:brightness(.8)}.n-grid section.overlay-blur:hover:before{filter:blur(2px)}.n-grid section.overlay-none:hover:before{filter:none;opacity:1;transition:none;transform:none}.n-grid section.r1{grid-row:span 1}.n-grid section.r2{grid-row:span 2}.n-grid section.r3{grid-row:span 3}.n-grid section.r4{grid-row:span 4}.n-grid section.r5{grid-row:span 5}.n-grid section.r6{grid-row:span 6}.n-grid section.r7{grid-row:span 7}.n-grid section.r8{grid-row:span 8}.n-grid section.r9{grid-row:span 9}.n-grid section.r10{grid-row:span 10}.n-grid section.r11{grid-row:span 11}.n-grid section.r12{grid-row:span 12}.n-grid section.c1{grid-column:span 1}.n-grid section.c2{grid-column:span 2}.n-grid section.c3{grid-column:span 3}.n-grid section.c4{grid-column:span 4}.n-grid section.c5{grid-column:span 5}.n-grid section.c6{grid-column:span 6}.n-grid section.c7{grid-column:span 7}.n-grid section.c8{grid-column:span 8}.n-grid section.c9{grid-column:span 9}.n-grid section.c10{grid-column:span 10}.n-grid section.c11{grid-column:span 11}.n-grid section.c12{grid-column:span 12}.n-grid.radius section{border-radius:12px;box-shadow:5px 9px 16px #5a5a5a59}.n-grid.none>section{border:unset}@media (min-width:300px) and (max-width:699px){.n-grid section:is(.c2,.c3){grid-column:span 6}.n-grid section:is(.c4,.c5,.c6,.c7,.c8,.c9,.c10){grid-column:span 12}}@media (min-width:700px) and (max-width:900px){.n-grid section.c3{grid-column:span 6}.n-grid section.c2{grid-column:span 4}.n-grid section:is(.c4,.c5,.c6,.c7,.c8,.c9,.c10){grid-column:span 12}}
.n-tab article>div{color:var(--tx,#838383);text-align:center;border-bottom:1px solid var(--bd,#89898954);justify-content:center;align-items:center;min-width:80px;padding:8px;font-weight:700;transition:color .3s,background-color .3s,transform .3s,box-shadow 1s;display:flex;position:relative;cursor:pointer!important}.header-tabs .n-tab i:not(.sm){font-size:1.5385rem}.n-tab article>div .tab-close{color:#888;display:none;position:absolute;top:3px;right:0}.n-tab article>div:hover .tab-close{display:inline-block}.n-tab article>div.active{color:var(--primary,#4f8ccf);box-shadow:inset 0 -2px 0 0 var(--primary,#4f8ccf)}.n-tab article>div.active sub{color:#c5c5c5;margin-left:0}.n-tab article>div:not(.active):hover{color:var(--primary,#4f8ccf);background:var(--hover,#8e8e8e1a)}.n-tab i.scroll:hover{background:var(--hover,#89898954);border-radius:50%}.tabs-child{border-bottom:1px solid var(--bd,#e5e5e5)}.n-tab article>div label{white-space:nowrap;margin:0 8px;font-size:1.0769rem;display:inline-block;position:relative;cursor:pointer!important}article .step-finish{color:green!important}article .step-error{color:#950000!important}.n-tab.ipos-start article>div{flex-direction:row}.n-tab.ipos-end article>div{flex-direction:row-reverse}.n-tab.ipos-top article>div{flex-direction:column}.n-tab.ipos-bottom article>div{flex-direction:column-reverse}.tabpanel{box-sizing:border-box;opacity:0;max-width:100%;padding:20px 0;animation:.8s ease-in-out forwards fadeIn}.header-tabs{z-index:10;background:var(--bg,#fff);width:100%;box-shadow:0 1px 3px var(--sh,#0000001a);position:fixed}.header-tabs .tabs-parent{background-color:var(--sidebar,#f3f3f3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.n-tab .inline article>div{background-color:var(--sidebar,#f3f3f3);color:var(--tx,#6e6e6e);border-bottom:none}.n-tab .inline article>div.active{background-color:var(--bg,#fff);color:var(--primary,#4f8ccf);box-shadow:inset 0 3px 0 0 var(--primary,#4c98ea)}.header-tabs .n-tab .inline article>div.active{box-shadow:inset 0 3px #f70}.n-tab .inline article>div:not(.active):hover{background-color:var(--hover,#fff);color:#4f8ccf;box-shadow:inset 0 -2px #89898954}.n-tab .noline article>div{color:#636363;border-bottom:none}.n-tab .noline article>div.active{color:#4f8ccf;box-shadow:none}.n-tab .noline article>div:not(.active):hover{background:0 0;box-shadow:inset 0 -2px #89898954}.n-tab .segmented article>div{border:1px solid var(--bd,#89898954);background-color:var(--sidebar,#f0f0f0);color:var(--tx,#555);border-radius:6px;margin:0 6px;padding:8px 16px}.n-tab .segmented article>div.active{color:#fff;background-color:#4f8ccf}.n-tab .segmented article>div:not(.active):hover{background-color:#e4e4e4}.n-tab .elevated article>div{background-color:var(--sidebar,#f3f3f3);color:var(--tx,#6e6e6e);padding:10px 18px;box-shadow:0 2px 4px #0000001a}.n-tab .elevated article>div.active{color:#fff;background:#4f8ccf;box-shadow:0 4px 8px #0003}.n-tab .elevated article>div:not(.active):hover{background:#e0e0e0}.n-tab .neumorphic article>div{color:#555;background:#e0e0e0;border-radius:10px;padding:10px 22px;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff}.n-tab .neumorphic article>div.active{color:#000;background:#d0d0d0;box-shadow:inset 4px 4px 10px #c5c5c5,inset -4px -4px 10px #fff}.n-tab .neumorphic article>div:not(.active):hover{opacity:.9}.n-tab .retro article>div{color:#2d3436;background-color:#ffeaa7;border:2px dashed #fdcb6e;padding:8px 14px;font-family:Courier New,monospace}.n-tab .retro article>div.active{color:#000;box-shadow:unset;background-color:#fdcb6e}.n-tab .retro article>div:not(.active):hover{opacity:.85;background-color:#ffeaa7}.n-tab .minimal article>div{color:var(--tx,#888);background:0 0;border-bottom:2px solid #0000}.n-tab .step article>div{flex:1}.n-tab .step article>div.active{color:#1e88e5;font-weight:600}.n-tab .sidebar .tabs-parent article{background-color:var(--sidebar,#f5f5f5);border-right:1px solid var(--bd,#e0e0e0);flex-direction:column;width:max-content;min-width:140px}.n-tab .sidebar .tabs-parent article>div{text-align:left;color:var(--tx,#696969);background-color:#0000;border-left:4px solid #0000;padding:12px 16px;font-weight:500;transition:background-color .3s,color .3s;display:block}.n-tab .sidebar .tabs-parent article>div.active{background-color:var(--bg,#fff);color:var(--primary,#579ae4);border-left:4px solid var(--primary,#579ae4);box-shadow:unset;font-weight:700}.n-tab .sidebar .tabs-parent article>div:not(.active):hover{color:var(--primary,#579ae4);background-color:#fff}.n-tab .sidebar{border:1px solid var(--bd,#e0e0e0);gap:20px;display:flex}.tabs-parent>article,.tabs-child>article{scroll-behavior:smooth;scrollbar-width:none;display:flex;overflow-x:auto}.tabs-parent>article::-webkit-scrollbar{display:none}.tabs-child>article::-webkit-scrollbar{display:none}:is(.n-tab:not(:has(.sidebar)) .tabs-parent,.n-tab:not(:has(.sidebar)) .tabs-child){align-items:center;display:flex}@media (max-width:768px){.n-tab article>div{min-width:unset}.n-tab article>div label{font-size:.9231rem}.tabs-child article>div label{font-size:.8462rem}}
.ni-timeline{width:100%}.ni-timeline-empty{text-align:center;color:#9a9a9a;padding:24px 0;font-size:1.1538rem}.ni-timeline>section{grid-template-columns:96px 1fr;align-items:stretch;column-gap:18px;display:grid}.ni-timeline>section+section{margin-top:6px}.ni-timeline>section>aside{min-height:88px;position:relative}.ni-timeline>section>aside>i{z-index:2;white-space:nowrap;background:#aeaeae36;border-radius:999px;justify-content:center;align-items:center;min-width:46px;padding:6px 14px;font-size:1.1538rem;font-style:normal;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.ni-timeline>section>aside>span{z-index:2;background:#aeaeae73;border-radius:50%;width:12px;height:12px;position:absolute;top:35px;left:50%;transform:translate(-50%)}.ni-timeline>section>aside>u{background:#aeaeae73;width:2px;text-decoration:none;position:absolute;top:50px;bottom:10px;left:50%;transform:translate(-50%)}.ni-timeline>section>div{padding-top:2px}.ni-timeline article{padding:0 0 18px}.ni-timeline article i{color:#707070;gap:6px;line-height:1.4}
.nifi-icon-input{width:100%;position:relative}.nifi-icon-input .hide{display:none}.nifi-icon-input .iconin-gal{flex-wrap:wrap;gap:5px;display:flex}.nifi-icon-input .iconin-gal div{text-align:center;min-width:70px}
.iu-flex{flex-wrap:wrap;gap:8px;width:100%;display:flex}.iu-flex.iu-dragover{background:#eef7ff;border:2px dashed #4096ff;border-radius:8px}.iu-flex>div{width:var(--iuW,100px);height:var(--iuH,100px);text-align:center;background-color:#4db0f526;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px dashed #0000001a;border-radius:12px;align-items:center;padding:5px;display:flex;position:relative;overflow:hidden}.iu-flex>div:hover{transition:box-shadow .2s,transform .2s;box-shadow:0 0 0 2px #1d85f573,0 6px 12px #238bda47,0 16px 32px #238bda2e}.iu-flex>div>i{cursor:pointer;font-size:1.3846rem;position:absolute;top:6px;right:6px}.iu-flex>div i:hover{color:red}.iu-flex.iu-disabled{opacity:.6;pointer-events:none}.iu-add-box{cursor:pointer}.iu-preview-box{position:relative}.iu-overlay{border-radius:inherit;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;inset:0}.iu-overlay.iu-loading{background:#0006}.iu-overlay.iu-error{color:#fff;text-align:center;word-break:break-word;background:#b4000080;font-size:.8462rem}.iu-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite iu-spin}@keyframes iu-spin{to{transform:rotate(360deg)}}
.nifi-steps{align-items:center;margin-bottom:24px;display:flex}.nifi-steps .step{flex-direction:column;align-items:center;min-width:68px;display:flex}.nifi-steps .step .dot{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;transition:background .2s;display:flex}.nifi-steps .step .dot.idle{color:#bbb;background:#e8e8e8}.nifi-steps .step .dot.active{background:var(--primary,#4f6ef7);color:#fff}.nifi-steps .step .dot.done{color:#fff;background:#52c41a}.nifi-steps .step>span{white-space:nowrap;color:#bbb;margin-top:4px;font-size:.8462rem}.nifi-steps .step.active>span{color:var(--primary,#4f6ef7)}.nifi-steps .step.done>span{color:#52c41a}.nifi-steps .connector{background:#e8e8e8;flex:1;height:1px;margin:-16px 4px 0;transition:background .2s}.nifi-steps .connector.done{background:#52c41a}.nifi-stat-cards{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.nifi-stat-cards .card{background:var(--bg-alt,#fafafa);border:1px solid var(--bd,#efefef);text-align:center;border-radius:6px;min-width:76px;padding:6px 18px}.nifi-stat-cards .card .val{color:var(--tx,#595959);font-size:1.5385rem;font-weight:700}.nifi-stat-cards .card .val.neutral{color:#595959}.nifi-stat-cards .card .val.success{color:#52c41a}.nifi-stat-cards .card .val.info{color:#4f6ef7}.nifi-stat-cards .card .val.warning{color:#faad14}.nifi-stat-cards .card .val.error{color:#ff4d4f}.nifi-stat-cards .card .lbl{color:#888;font-size:.8462rem}.nifi-stat-cards.lg .card{padding:10px 22px}.nifi-stat-cards.lg .card .val{font-size:2rem}.nifi-stat-cards .card.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.nifi-stat-cards .card.clickable:hover{border-color:var(--primary,#4f6ef7);box-shadow:0 1px 6px #4f6ef726}.nifi-stat-cards .card.clickable.active{border-color:var(--primary,#4f6ef7);background:#f0f4ff;box-shadow:0 1px 6px #4f6ef733}.nifi-import-upload{border:2px dashed var(--bd,#d9d9d9);text-align:center;cursor:pointer;background:var(--bg-alt,#fafafa);border-radius:8px;padding:40px 24px;transition:border-color .2s}.nifi-import-upload:hover,.nifi-import-upload.drag-over{border-color:var(--primary,#4f6ef7)}.nifi-import-upload .filename{color:#52c41a;margin:12px 0 0;font-weight:500}.imp-badge{border-radius:10px;padding:2px 8px;font-size:.8462rem;font-weight:500;display:inline-block}.imp-badge.high{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.imp-badge.medium{color:#faad14;background:#fffbe6;border:1px solid #ffe58f}.imp-badge.low{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7}.imp-badge.none{color:#bbb;font-size:.8462rem}.nifi-dup-strategy{background:#fffbe6;border:1px solid #ffe58f;border-radius:4px;margin-bottom:14px;padding:10px 14px}.nifi-dup-strategy .title{margin:0 0 8px;font-weight:500}.nifi-dup-strategy .options{flex-wrap:wrap;gap:20px;display:flex}.nifi-dup-strategy label{cursor:pointer;align-items:center;gap:6px;display:flex}.nifi-dup-strategy .desc{color:#999;font-size:.8462rem}.imp-warn-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;margin-bottom:12px;padding:8px 12px;font-size:.9231rem}.imp-more-rows{text-align:center;color:#aaa;padding:8px 0;font-size:.9231rem}.im-act{gap:15px;display:flex}.im-act button{min-width:80px}
.nifi-table{max-width:100%;margin-bottom:10px;overflow-x:auto}.nifi-table.sk-header thead{z-index:3;background:var(--bg,#fff);position:sticky;top:0}.nifi-table.sk-header thead th{border-top:1px solid #89898954}.nifi_tbaction .fiter{flex-wrap:wrap;align-items:center;gap:20px;display:flex}table{border-collapse:separate;border-spacing:0;border:1px solid var(--border,#89898954);width:100%;box-shadow:0 4px 8px var(--shadow,#0000001a);border-radius:4px;margin-bottom:10px}table th{text-align:unset}table th,table thead td{border-bottom:2px solid var(--border,#89898954);cursor:pointer;padding:10px;font-weight:700}table th:has(abbr){padding:4px 8px}table thead td:has(abbr){padding:4px 8px}table .th-head>span{flex-wrap:nowrap;align-items:center;display:flex}table .th-head{justify-content:space-between;align-items:center;display:flex}table .th-head i{opacity:0;margin-left:2px;transition:opacity .2s}table th:hover i,table .th-head li>i,table thead td:hover i,table th i.active,table thead td i.active,table thead .search-icononly.expanded i{opacity:1}table td{border-bottom:1px solid var(--border,#89898954);padding:10px}.naked table td,.naked table th{border-bottom:none}.border table td,.border table th{border-left:1px solid var(--border,#89898954)}.sm table td{padding:8px;font-size:.9231rem}.lg table td{padding:14px;font-size:1.0769rem}table tfoot td{background-color:var(--bg-tfoot,#ebebeb);font-weight:700}table tbody tr:nth-child(odd){background-color:var(--bgtb-o,#f9f9f9)}table.naked tbody tr:nth-child(odd){background-color:var(--bgtb-o,#f4f4f4)}table.line tbody tr:nth-child(odd){background-color:var(--bg)}table thead td:first-child{border-top-left-radius:4px}table thead td:last-child{border-top-right-radius:4px}table tfoot td:first-child{border-bottom-left-radius:4px}table tfoot td:last-child{border-bottom-right-radius:4px}table tbody tr.selected{background-color:var(--selected,#def)}.nowrap table{white-space:nowrap}.fit table{table-layout:auto;width:auto;margin:0 auto}table tbody tr:hover,table.naked tbody tr:hover{background-color:var(--tb-b-hover,#edf7ff);cursor:pointer}table.line tbody tr:hover{background-color:#0000}table.line tfoot tr td{border:none}.line table{box-shadow:none;border:none}.line table td{border-bottom:1px dashed var(--border,#89898954)}table td.pinned-left,table th.pinned-left{z-index:2;background:var(--bg,#fff);box-shadow:2px 0 8px -2px var(--shadow,#0003);border-right:1px solid #00000026;position:sticky;left:0}table td.pinned-right,table th.pinned-right{z-index:2;background:var(--bg,#fff);box-shadow:-2px 0 8px -2px var(--shadow,#0003);border-left:1px solid #00000026;position:sticky;right:0}table th abbr span.tt-content{max-height:360px;overflow:auto}table th .action{background-color:inherit;display:flex;position:sticky;bottom:0}.nifi_tbaction{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:20px;display:flex}.nifi_tbaction>fieldset{width:190px}
i.nifi-optop.material-icons,.nifi-optop{width:35px;height:35px;color:var(--tx,#fff);text-align:center;z-index:1100;cursor:pointer;box-sizing:border-box;background:#51515141;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .3s;display:inline-flex;position:fixed;bottom:5px;left:6px}.nifi-optop:hover{background:#5f5f5f}.nifi-optop.hidden{opacity:0;pointer-events:none;transform:scale(.8)}
.loader{z-index:9999;width:100%;height:6px;transition:opacity .5s;position:fixed;top:0;left:0;overflow:hidden}.progress{background:linear-gradient(270deg,#3498db,#e74c3c,#f1c40f,#2ecc71) 0 0/800% 800%;width:0%;height:100%;transition:width .3s;animation:1s forwards gradientAnimation}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background:linear-gradient(90deg,#7f8c8d,#2ecc71)}}
.code-block-wrapper{position:relative}.copy-button{color:#fff;cursor:pointer;z-index:10;background:#526c7c;border-radius:4px;width:fit-content;padding:2px 7px;position:absolute;top:9px;right:13px}pre{color:#89898954;background:#000;border-radius:8px;max-height:400px;padding:10px;overflow-x:auto}pre code{color:#75daffe5}.code-keyword{color:#569cd6;font-weight:700}.code-string{color:#ce9178}.code-number{color:#b5cea8}.code-property{color:#9cdcfe}.code-component{color:#4ec9b0;font-weight:700}.code-tag{color:#d7ba7d}.code-icon{color:#dcdcaa}
nav{color:var(--tx,#4d4d4d);align-items:center;gap:7px;width:fit-content;margin:10px auto;display:flex}.n-box nav{margin:10px auto}nav .left{margin:10px}nav .right{margin-left:auto;margin-right:10px}nav b{cursor:pointer;text-align:center;border:1px solid #6b6b6b74;border-radius:4px;min-width:24px;padding:1px;font-weight:400;line-height:24px}nav b:hover{background-color:var(--hover,#d5d5d5)}nav b.selected{background-color:var(--bd,#dedede)}nav fieldset{width:45px;height:28px;padding:0}nav fieldset.nav-step{width:70px}nav fieldset input{text-align:center;font-weight:700;margin:0!important;padding:0!important}nav.lg b{padding:3px;font-size:1.0769rem}nav.lg fieldset.lg{width:80px;height:31px}nav.lg fieldset.lg>i{font-size:1.6923rem}nav.sm b{min-width:22px;font-size:.9231rem;line-height:22px}nav.sm fieldset{height:27px;font-size:.8462rem}nav.xs,nav.ss{gap:4px}nav.xs b{min-width:16px;font-size:.8462rem;line-height:16px}nav.xs fieldset{width:60px;height:20px;font-size:.8462rem}nav.xs fieldset i{font-size:1.3077rem}nav.xs fieldset dt{width:17px;height:17px;line-height:17px}nav.ss b{min-width:10px;max-height:11px;font-size:.7692rem;line-height:13px}nav.ss fieldset{align-items:unset;width:52px;height:14px;font-size:.6923rem}nav.ss fieldset input,nav.xs fieldset input{font-size:.7692rem}nav.ss fieldset i{font-size:1.0769rem}nav.ss fieldset dt{width:15px;height:14px;line-height:14px}nav.glass b{border:none}nav.rounded b{border-radius:50%}nav.rounded.sm b{line-height:22px}nav.rounded.xs b{min-height:16px;line-height:16px}nav.rounded.ss b{min-height:10px;line-height:10px}nav.shadowed b{box-shadow:0 4px 6px #0000001a}
.ni-qrs{display:inline-flex;position:relative}.ni-qrs input{opacity:0;width:1px;height:1px;position:absolute}.ni-qrs i.listening{border-color:#ca4000;position:relative}.ni-qrs i.listening:before{content:"";background:#ff6f0092;height:10%;animation:1.2s ease-in-out infinite ni-scan;position:absolute;left:-1px;right:-1px}@keyframes ni-scan{0%{transform:translateY(0)}50%{transform:translateY(700%)}to{transform:translateY(0)}}
.rte-root{--rte-border:#d0d0d0;--rte-bg:#fff;--rte-toolbar-bg:#f8f9fa;--rte-toolbar-height:42px;--rte-icon-size:20px;--rte-icon-color:#555;--rte-icon-active-bg:#e0e7ff;--rte-icon-active-color:#3b82f6;border:1px solid var(--rte-border);border-radius:6px;flex-direction:column;display:flex}.rte-toolbar{border-bottom:1px solid var(--rte-border);min-height:var(--rte-toolbar-height);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;display:flex;position:relative}.rte-toolbar .icon{width:var(--rte-icon-size);height:var(--rte-icon-size);color:var(--rte-icon-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.rte-editor-wrap{flex:1;position:relative}.rte-editor{outline:none;min-height:200px;padding:12px;font-size:1.0769rem;overflow-y:auto}.rte-editor:empty:before{content:attr(data-placeholder);color:#888;pointer-events:none}.area textarea{color:#dcdcdc;background:#1e1e1e;border-radius:0 0 6px 6px;width:calc(100% - 25px);height:200px;padding:12px}.rte-editor::-webkit-scrollbar{width:6px}.rte-html-code::-webkit-scrollbar{width:6px}.rte-editor::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.rte-html-code::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.rte-root .emoji,.rte-root .table,.rte-root .url{z-index:120;background-color:#e2e2e2d7;border-radius:8px;padding:5px 10px;position:absolute}.rte-root .emoji{top:51px;left:64px}.rte-root .table{top:51px;left:92px}.rte-root .url{top:51px;left:120px}
.ni-bar{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.ni-bar>label{margin-right:auto}.ni-bar>b{margin-left:auto}.ni-bar>div{background:#bdbdbd;border-radius:8px;flex-basis:100%}.ni-bar i{width:var(--pct,0%);height:var(--hbar,8px);background:var(--bgbar,#4f8ccf);border-radius:8px;transition:width .4s ease-in-out;display:block}.ni-bar.g i{background:linear-gradient(90deg,#e53935 0%,#fbc02d 50%,#4caf50 100%)}
.slider-content{cursor:pointer;border-radius:0;transition:filter .35s,background-color .35s;display:flex;position:relative}.slider-content aside{width:100%;position:relative;overflow:hidden}.slider-content aside grid,.slider-content aside item{overflow:hidden;border-radius:0!important;overflow-y:hidden!important}.slider-content>aside>nav[aria-label=pagination]{z-index:5;gap:6px;margin:0;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.slider-content .slider-arrows i{box-sizing:border-box;color:#a3a3a3;text-shadow:0 1px 1px #626262;cursor:pointer;pointer-events:auto;z-index:5;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:1.9231rem;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-content .slider-arrows i.left{margin-left:10px;left:0}.slider-content .slider-arrows i.right{margin-right:10px;right:0}.slider-content .slider-arrows i:hover{color:#006bd7;background-color:#f0f0f0;transform:translateY(-50%)scale(1.2)}.slider-scene{will-change:transform, opacity;width:100%;height:100%;transform:translate(0,0)}.slider-scene .nav.ss{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.slider-content nav b{padding:3px;transition:padding .35s ease-out}.slider-content nav b.selected{background-color:#007fffcf;border:1px solid #007fffcf;padding:3px 7px}
.social{gap:7px;display:flex}.social a{color:inherit;align-items:center;gap:2px;text-decoration:none;transition:background .3s,transform .2s;display:flex}.social a:hover{transform:translateY(-2px)}.social a:active{transform:translateY(0)}.social.iconsOnly a span{display:none}.social a dt{color:#414141}.social i:hover{color:#b1b1b1}.social .smedia i:hover{filter:brightness()}
.nifi-stage{color:#fff;align-items:center;gap:2px;margin:0;padding:0;display:flex}.nifi-stage li{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#00598d;border-radius:4px;justify-content:center;align-items:center;min-width:8px;min-height:28px;padding:0 10px;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:flex}.nifi-stage li:hover{transform:translateY(-1px)}.nifi-stage li.active{font-weight:600;box-shadow:inset 0 0 0 1px #fff,1px 2px 8px 2px #3974b3ea}
.nifi-skn{-webkit-user-select:none;user-select:none;border-radius:12px;width:240px;height:220px;position:fixed;overflow:hidden;box-shadow:0 12px 24px #0000002e}.nifi-skn.sn-min{justify-content:center;align-items:center;width:25px;height:25px;display:flex}.sn-header{cursor:grab;align-items:center;gap:8px;height:44px;padding:0 8px;display:flex}.sn-title{flex:1;font-weight:700}.nifi-skn textarea{resize:none;background:0 0;border:0;outline:none;width:100%;height:calc(100% - 44px);padding:10px;font-size:1.0769rem}.sn-resize-handle{cursor:nwse-resize;z-index:10;background:linear-gradient(-45deg,#0000 30%,#0003 30% 40%,#0000 40% 60%,#0003 60% 70%,#0000 70%);width:12px;height:12px;position:absolute;bottom:2px;right:0}
sub{vertical-align:super;text-align:center;min-width:17px;color:var(--primary,#4f8ccf);border:1px solid;border-radius:50%;margin-left:5px;padding:2px;line-height:17px;display:inline-block}sub.border{border-radius:4px}sub.none{border:none}sub.bottom{vertical-align:sub}
.switch{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.switch input{display:none}.switch-slider{background-color:#89898954;border-radius:10px;width:40px;height:20px;transition:all .3s;position:relative}.switch.checked .switch-slider{background-color:var(--switch-color,#89898954);background-color:var(--primary,#4f8ccf)}.switch.checked .switch-slider.secondary{background-color:#97aac4}.switch.checked .switch-slider.success{background-color:#068e2d}.switch.checked .switch-slider.error{background-color:#aa0b00}.switch.checked .switch-slider.info{background-color:#2196f3}.switch.checked .switch-slider.warning{background-color:#ff7300}.switch.checked .switch-slider.white{color:#757575;background-color:#f1f1f1}.switch-slider:after{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.switch.checked .switch-slider:after{transform:translate(20px)}.switch.sm .switch-slider{width:26px;height:14px}.switch.sm .switch-slider:after{width:12px;height:12px}.switch.sm.checked .switch-slider:after{left:-1px;transform:translate(16px)translateY(-6px)}.switch.md .switch-slider{width:32px;height:18px}.switch.md .switch-slider:after{width:16px;height:16px}.switch.md.checked .switch-slider:after{transform:translate(14px)translateY(-8px)}.switch.lg .switch-slider{border-radius:13px;width:55px;height:23px}.switch.lg .switch-slider:after{width:22px;height:22px}.switch.lg.checked .switch-slider:after{transform:translate(30px)translateY(-11px)}
.n-tabm{box-sizing:border-box;--primary:#4f8ccf;--hover:color-mix(in oklab, currentColor 25%,#fff0 16%);align-items:center;gap:6px;display:inline-flex}.n-tabm.pos-top,.n-tabm.pos-bottom{flex-direction:row;width:100%}.n-tabm.pos-left,.n-tabm.pos-right{flex-direction:column;width:max-content;height:100%}.n-tabm article{scroll-behavior:smooth;scrollbar-width:none;box-sizing:border-box;gap:0;display:flex}.n-tabm article::-webkit-scrollbar{display:none}.n-tabm.pos-top article,.n-tabm.pos-bottom article{flex-direction:row;align-items:center;width:100%;overflow:auto hidden}.n-tabm.pos-left article,.n-tabm.pos-right article{flex-direction:column;align-items:stretch;height:100%;overflow:hidden auto}.n-tabm article>div{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;align-items:center;gap:5px;padding:8px 10px;transition:color .2s,background-color .2s,box-shadow .2s;display:flex}.n-tabm article>div>label{white-space:nowrap}.n-tabm.ipos-start article>div{flex-direction:row}.n-tabm.ipos-end article>div{flex-direction:row-reverse}.n-tabm.ipos-top article>div{flex-direction:column}.n-tabm.ipos-bottom article>div{flex-direction:column-reverse}.n-tabm article>div:hover{background:var(--hover)}.n-tabm.pos-top article>div.active{box-shadow:inset 0 2px 0 0 var(--bg)}.n-tabm.pos-bottom article>div.active{box-shadow:inset 0 -2px 0 0 var(--bg)}.n-tabm.pos-left article>div.active{box-shadow:inset 2px 0 0 0 var(--bg)}.n-tabm.pos-right article>div.active{box-shadow:inset -2px 0 0 0 var(--bg)}.n-tabm article>div.active{color:#303030;background:#ffffffe8}.n-tabm i.scroll{cursor:pointer;border-radius:50%;flex:none;padding:2px;line-height:1;transition:background-color .15s}.n-tabm i.scroll:hover{background:#89898954ccc99}@media (max-width:768px){.n-tabm article>div{min-width:unset}.n-tabm article>div>label{font-size:.9231rem}}
.nifi-ws{-webkit-user-select:none;user-select:none;gap:5px;display:flex}.nifi-ws b{background-color:#89898954ccc2e;cursor:pointer;text-align:center;border:1px solid #89898954;border-radius:4px;min-width:25px;padding:4px;transition:all .15s}.nifi-ws b:hover{background-color:#eaeaea}.nifi-ws b.check{color:#fff;background-color:#2196f3;border-color:#2196f3;font-weight:600}.nifi-ws b.wk{border:1px solid #cf4425}
:root{--radius:8px;--gap:1rem;--header-h:0px;--col-maxw:400px;--col-minw:260px;--scrollbar:#c4c4c4;--scrollbar-track:transparent;--card-bg:#fff;--card-border:#e0e0e0;--dragging-scale:1.03}.nifi-pipe{height:var(--pipe-height,100%);flex-direction:column;display:flex;position:relative}.nifi-pipe.h-action{--pipe-height:calc(100% - 40px)}.nifi-pipe .hd-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.nifi-pipe.sb{flex-direction:row;margin:10px 0 20px;display:flex}.nifi-pipe .wp{flex:1 1 0;overflow:auto hidden}.nifi-pipe .brd{background:var(--bg,#f1f3f4);border-radius:8px;align-items:flex-start;height:100%;display:flex}.nifi-pipe .stg{border-radius:var(--radius);flex-direction:column;height:100%;display:flex;position:relative}.nifi-pipe .stg-hd{color:#fff;min-width:var(--col-minw);max-width:var(--col-maxw);background:var(--stages-bg,#2c3e50);align-items:center;gap:.5rem;padding:.5rem .25rem .5rem 1.25rem;font-size:1.1538rem;font-weight:600;line-height:1.2;display:flex;position:relative}.nifi-pipe .arr{background:inherit;clip-path:polygon(0 0,100% 50%,0 100%);z-index:2;width:10px;height:100%;position:absolute;right:-10px;box-shadow:2px 0 6px #0000000a}.nifi-pipe .crd{flex-direction:column;gap:.5rem;height:100%;padding:.5rem;display:flex;position:relative;overflow-y:auto}.nifi-pipe .crd::-webkit-scrollbar{width:8px}.nifi-pipe .crd::-webkit-scrollbar-track{background:var(--scrollbar-track)}.nifi-pipe .crd::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.nifi-pipe .crd.dragover{outline:2px dashed var(--stages-bg,#1a73e8);outline-offset:-4px}.nifi-pipe .sum{border:1px solid var(--bd,#89898954);background:#0000000a;border-radius:6px;justify-content:flex-end;gap:5px;margin:4px;padding:5px;font-weight:600;display:flex}.nifi-pipe .sum i{opacity:.75}.nifi-pipe .k-crd{background:var(--card-bg);border:1px solid var(--bd,#89898954);border-radius:var(--radius);cursor:grab;border-left:4px solid var(--card-border,#999);grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;column-gap:.5rem;padding:.5rem .75rem;font-size:1.0769rem;transition:box-shadow .15s,transform .15s,opacity .15s;display:grid}.nifi-pipe .k-crd[data-hidden=true]{display:none}.nifi-pipe .k-crd:focus{outline:2px solid var(--stages-bg,#1a73e8);outline-offset:2px}.nifi-pipe .k-crd:hover{box-shadow:0 2px 6px #0000001a}.nifi-pipe .k-crd.dragging{opacity:.5;transform:scale(var(--dragging-scale));cursor:grabbing}.nifi-pipe .k-crd-tit{grid-column:1/2;font-weight:600;line-height:1.2}.nifi-pipe .k-crd-val{white-space:nowrap;color:#374151;grid-column:2/3;align-self:start;font-size:.9231rem;font-weight:600}.nifi-pipe .k-crd-cont{color:#555;grid-column:1/3;font-size:.9231rem}.nifi-pipe .k-crd-emp{color:#7d45a6;grid-column:1/3;font-size:.9231rem}.nifi-pipe .k-crd-status{grid-column:1/3;margin-top:2px}.nifi-pipe .k-crd-chips{flex-wrap:wrap;grid-column:1/3;gap:.25rem;margin-top:.18rem;display:flex}.nifi-pipe .k-chip,.nifi-pipe .kanban-chip{white-space:nowrap;color:#111;background:#e0e0e0;border-radius:1em;padding:0 .5em;font-size:.8462rem;line-height:1.4}.nifi-pipe .k-crd-upd{color:#a09;grid-column:1/3;font-size:.8462rem}@media (max-width:600px){.nifi-pipe .hd h1{display:none}.nifi-pipe .hd .srch input{width:100px}}.nifi-pipe .drop-plc{opacity:.9;background:repeating-linear-gradient(90deg,#8ecfff33,#d1ecff33 10px,#d1ecff00 20px);border:2px dashed #1976d2;border-radius:6px;height:38px;margin:3px 0}.nifi-pipe .stg.dragover .crd{background:#eaf6ff;transition:background .15s}.nifi-pipe .status-dock{z-index:10;border-radius:var(--radius);background:var(--dock-bg,#000000bf);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px;position:absolute;bottom:16px;left:14px;right:14px;box-shadow:0 6px 24px #0000004d}.nifi-pipe .status-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:stretch;gap:8px;display:grid}.nifi-pipe .status-tile{border-radius:calc(var(--radius) + 2px);color:#fff;cursor:copy;background:#8383838c;outline:1px dashed #ffffff40;flex-direction:column;gap:4px;padding:10px 12px;transition:transform .12s,background .12s,outline-color .12s;display:flex}.nifi-pipe .status-tile:hover,.nifi-pipe .status-tile:focus-visible{background:#ffffff29;outline-color:#fff6;transform:translateY(-1px)}.nifi-pipe .status-name{font-weight:600}.nifi-pipe .status-desc{opacity:.8;font-size:.9231rem}
