@charset "UTF-8";.dc-diagram-content{border:1px solid #dbdbdb;border-radius:5px;text-align:center;position:relative;transition:border-color .3s ease}.dc-diagram-content:hover{border-color:#0c5e96}.dc-diagram-content:hover .dc-diagram-content-overlay{z-index:9}.dc-diagram-content:hover .dc-edit-template-button{opacity:1}.dc-diagram-content .dc-diagram-content-overlay{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9}.dc-diagram-content img{max-height:600px}.dc-diagram-edit-button{gap:8px}.dc-diagram-edit-button.button.is-primary{background-color:#0e76bc;padding:10px;font-size:18px}.dc-diagram-edit-button.button.is-primary:hover{background-color:#0c5e96}.dc-diagram-edit-button.dc-diagram-button-premium.is-medium{font-size:18px}.dc-diagram-premium{line-height:1}a.dc-diagram-footer-link{color:#0e76bc}a.dc-diagram-footer-link:hover{color:#0c5e96}.dc-related-diagrams{columns:4 240px;column-gap:30px}.column.dc-breadcrumb-column{padding-bottom:0;padding-top:42px}.dc-breadcrumb{font-size:12px}.dc-breadcrumb ul{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.dc-breadcrumb ul li{align-items:center;display:flex}.dc-breadcrumb ul li a{align-items:center;color:#0e76bc;display:flex;justify-content:center}.dc-breadcrumb ul li a:hover{color:#0c5e96}.dc-breadcrumb ul li :after{color:#0e76bc;content:"≻";padding:0 8px}.dc-diagram-description{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#354b53}.dc-page-content h2{font-family:Inter,sans-serif;font-size:32px;font-weight:600;line-height:1.5;letter-spacing:-.02em;color:#14282e;margin-top:32px;margin-bottom:18px}.dc-page-content h3{font-family:Inter,sans-serif;font-size:28px;font-weight:600;line-height:1.5;letter-spacing:-.02em;color:#14282e;margin-top:32px;margin-bottom:18px}.dc-page-content p{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#354b53;margin-bottom:18px}.dc-page-content>ul{margin:0 0 24px 32px}.dc-page-content>ul>li{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#354b53;margin-bottom:16px;position:relative}.dc-page-content>ul>li:before{content:url(../../../assets/common/icons/diagram-example/icon-blue-dark-arrow.svg);width:18px;height:18px;position:absolute;left:-32px;top:2px}.dc-page-content>ul>li ul{margin:4px 0 0 32px}.dc-page-content>ul>li ul li{list-style:disc;margin-bottom:4px}.dc-page-content a{color:#708aff}.dc-page-content a:hover{text-decoration:underline}.dc-faq .dc-faq-panel{background-color:#fafafc;margin-bottom:18px;border-radius:12px}.dc-faq .dc-faq-panel .dc-faq-panel-heading{font-family:Inter,sans-serif;font-size:20px;font-weight:500;line-height:1.5;color:#04263d;padding:25px 72px 25px 28px;cursor:pointer;position:relative}.dc-faq .dc-faq-panel .dc-faq-panel-heading:after{content:"";mask:url(../../../assets/common/icons/diagram-example/icon-brand-blue-plus.svg);background-color:#04263d;width:24px;height:24px;position:absolute;right:25px;top:50%;margin-top:-12px;transition:transform .2s ease,background-color .2s ease;transform:rotate(0)}.dc-faq .dc-faq-panel .dc-faq-panel-heading.active:after{background-color:#f05251;transform:rotate(90deg)}.dc-faq .dc-faq-panel .dc-faq-panel-body{font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#04263d;max-height:0;display:block;overflow:hidden;transition:max-height .5s ease,padding-bottom .5s ease;padding:0 40px 0 28px}.dc-faq .dc-faq-panel .dc-faq-panel-body.dc-show{max-height:600px;padding-bottom:28px}h1 .dc-diagram-ai{margin-left:3px;vertical-align:middle}h1 .dc-diagram-ai img{width:48px}.dc-diagram-edit-description{margin-top:33px}.dc-ai-template-modal{z-index:100000}.dc-ai-template-modal .modal-background{background-color:#0009}.dc-ai-template-modal .modal-card{height:calc(100vh - 24px);width:calc(100vw - 24px);border-radius:24px;position:relative;border:1px solid #04263d;max-height:900px;max-width:1680px;background:#fff}.dc-ai-template-modal .modal-card iframe{width:100%;height:100%;background:linear-gradient(98.07deg,#ffedee80 -.25%,#e1e7fd80 100.45%)}.dc-ai-template-modal .modal-card .dc-ai-template-modal-close{right:12px;top:12px;z-index:999999;position:absolute;height:30px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;background-color:transparent}.dc-ai-template-modal .modal-card .dc-ai-template-modal-close:before,.dc-ai-template-modal .modal-card .dc-ai-template-modal-close:after{background-color:#04263d}.button.dc-ai-template-popup-button.dc-ai-template-popup-button-v1{background:linear-gradient(116.22deg,#fc4f62 16.5%,#f9c331 83.5%);padding:10px;color:#fff;line-height:1;font-size:16px;font-weight:600;font-family:Inter,sans-serif;border-radius:4px;border:none;height:auto;width:100%;max-height:64px;margin-top:12px}.button.dc-ai-template-popup-button.dc-ai-template-popup-button-v1:hover{color:#fff!important}.button.dc-ai-template-popup-button.dc-ai-template-popup-button-v1.dc-viz-icon:after{content:"";background-image:url(../../../assets/common/icons/diagram-example/icon-viz.svg);width:27px;height:26px;margin-left:4px;display:inline-block;background-size:contain;background-repeat:no-repeat;vertical-align:middle}@media screen and (min-width: 290px){.dc-diagram-content .dc-diagram-content-overlay .button{right:30px}}.dc-layout-v2 .container{max-width:1320px!important}.dc-layout-v2 .container .dc-hero-container h1{margin-bottom:16px}.dc-layout-v2 .container .dc-hero-container p{margin-bottom:20px}.dc-layout-v2 .container .dc-hero-container ul{margin-bottom:16px}.dc-layout-v2 .container .dc-hero-container ul li{margin-bottom:12px}.dc-layout-v2 .container h1{margin-top:40px;font-family:Inter,sans-serif;color:#00172d;font-weight:600;font-size:45px;line-height:110%}.dc-layout-v2 .container p{font-size:16px}.dc-layout-v2 .container .dc-ai-template-popup-button{background:linear-gradient(116.22deg,#fc4f62 16.5%,#f9c331 83.5%);padding:16px 32px;color:#fff;line-height:1;font-size:16px;font-weight:600;font-family:Inter,sans-serif;border-radius:40px;border:none;height:100%;max-height:64px;margin-top:0}.dc-layout-v2 .container .dc-ai-template-popup-button.dc-viz-icon:after{content:"";background-image:url(../../../assets/common/icons/diagram-example/icon-viz.svg);width:27px;height:26px;margin-left:4px;display:inline-block;background-size:contain;background-repeat:no-repeat;vertical-align:middle}.dc-layout-v2 .container .dc-view-more a{font-weight:600;font-size:16px;line-height:150%;background:linear-gradient(116.22deg,#fc4f62 16.5%,#ec5688 83.5%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dc-layout-v2 .container .dc-example-hero p{font-weight:400;font-size:18px}.dc-layout-v2 .container .dc-example-hero ul{list-style:outside;margin-left:20px}.dc-layout-v2 .container .dc-example-hero ul li{padding-left:15px;font-size:16px}.dc-layout-v2 .container .dc-example-hero ul li::marker{content:url(../../../assets/common/icons/diagram-example/check-circle.svg)}.dc-layout-v2 .container .dc-svg-container{padding:3px;background:linear-gradient(116.22deg,#6466e9 16.5%,#fc4f62 83.5%);border-radius:24px}.dc-layout-v2 .container .dc-svg-container .dc-diagram-content{border-radius:24px;padding:24px;z-index:1;background:#fff;cursor:default;border:none}.dc-layout-v2 .container .dc-svg-container .dc-diagram-content img{max-height:400px}.dc-layout-v2 .container .dc-example-page-content{margin-top:0}.dc-layout-v2 .container .dc-example-page-content h2{font-size:28px}.dc-layout-v2 .container .dc-example-page-content h3{font-size:22px}.dc-layout-v2 .container .dc-example-page-content h4{font-size:18px}.dc-layout-v2 .container .dc-example-page-content table{background-color:#fff;color:#363636;margin-bottom:1.5rem}.dc-layout-v2 .container .dc-example-page-content table tr:last-child th{border-bottom-width:1px}.dc-layout-v2 .container .dc-example-page-content table td,.dc-layout-v2 .container .dc-example-page-content table th{border:1px solid #dbdbdb;padding:.5em .75em;vertical-align:top}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container{position:sticky;top:50px;margin-top:32px;margin-bottom:72px}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-example-content-toc{border:solid 1px #AEC9F1;border-radius:12px;padding:24px}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-example-content-toc span{color:#6466e9;font-weight:600;font-size:14px;line-height:1.5}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-example-content-toc .dc-toc-list .dc-toc-h2,.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-example-content-toc .dc-toc-list .dc-toc-h3{margin-top:14px}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-example-content-toc .dc-toc-list .dc-toc-h2 a,.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-example-content-toc .dc-toc-list .dc-toc-h3 a{color:#4d5d6c;font-weight:400;font-size:16px;line-height:1.5}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-get-started{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(116.22deg,#fc4f62 16.5%,#f9c331 83.5%) border-box;border-radius:12px;border:1px solid transparent;padding:24px;margin-top:48px}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-get-started span{color:#00172d;font-weight:600;font-size:24px;line-height:1.2}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-get-started p{font-weight:400;font-size:16px;line-height:1.5;margin:8px 0 16px}.dc-layout-v2 .container .dc-example-page-content .dc-side-bar-container .dc-get-started .dc-diagram-edit-button{background:linear-gradient(116.22deg,#fc4f62 16.5%,#f9c331 83.5%);padding:11px 32px;color:#fff;line-height:1.5;font-size:18px;font-weight:600;border-radius:40px}.dc-layout-v2 .container .dc-example-page-content .dc-why-use-v2{margin-bottom:40px}.dc-layout-v2 .container .dc-example-page-content .dc-why-use-v2 ul{list-style:outside;margin-left:20px}.dc-layout-v2 .container .dc-example-page-content .dc-why-use-v2 ul li{padding-left:15px}.dc-layout-v2 .container .dc-example-page-content .dc-why-use-v2 ul li::marker{content:url(../../../assets/common/icons/diagram-example/check-circle.svg)}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2{padding:25px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(116.22deg,#6466e9 16.5%,#fc4f62 83.5%) border-box;border-radius:12px;border:1px solid transparent}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 h2{margin-top:0;margin-bottom:20px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 h3{font-size:16px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 ul{list-style:disc;margin-left:20px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 ol{margin-left:20px;margin-bottom:18px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 ol li{padding-left:8px;font-size:18px;margin-bottom:4px;color:#354b53}.dc-layout-v2 .container .dc-example-page-content .dc-is-justify-content-right{display:flex;justify-content:right}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-related-diagrams{column-gap:unset}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-related-diagrams .dc-diagram-thumb-content .dc-diagram-img img{height:180px}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content{border:none;margin:0 0 20px}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content .dc-diagram-img{border:solid 1px #AEC9F1;border-radius:12px;min-height:210px}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content .dc-diagram-img .dc-diagram-img-overlay{display:none}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content .dc-diagram-name{background:unset;padding:unset;margin-top:11px}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content .dc-diagram-name .dc-diagram-name-container{color:#00172d}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content .dc-diagram-name:after{content:none}.dc-layout-v2 .container .dc-example-page-content #faqs{margin-bottom:18px}.dc-layout-v2 .container .dc-example-page-content .dc-faq{margin-bottom:60px;max-width:1232px}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel{background-color:unset;border-bottom:solid 1px #E6E8EA;border-radius:unset;margin-bottom:0}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-heading{padding:20px 50px 15px 0;font-size:18px}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-heading:after{content:"";mask:url(../../../assets/common/icons/diagram-example/nu-ic-arrow-down.svg);background-color:#04263d;width:16px;height:17px}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-heading.active:after{transform:rotate(180deg)}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-body{font-size:14px;padding:0 40px 0 0}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-body.dc-show{padding-bottom:28px}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-body ul{list-style:disc;margin-left:20px}.dc-layout-v2 .dc-ai-template-modal{z-index:100000}.dc-layout-v2 .dc-ai-template-modal .modal-background{background-color:#0009}.dc-layout-v2 .dc-ai-template-modal .modal-card{height:calc(100vh - 24px);width:calc(100vw - 24px);border-radius:24px;position:relative;border:1px solid #04263d;max-height:900px;max-width:1680px;background:#fff}.dc-layout-v2 .dc-ai-template-modal .modal-card iframe{width:100%;height:100%;background:linear-gradient(98.07deg,#ffedee80 -.25%,#e1e7fd80 100.45%)}.dc-layout-v2 .dc-ai-template-modal .modal-card .dc-ai-template-modal-close{right:12px;top:12px;z-index:999999;position:absolute;height:30px;max-height:30px;max-width:30px;min-height:30px;min-width:30px;background-color:transparent}.dc-layout-v2 .dc-ai-template-modal .modal-card .dc-ai-template-modal-close:before,.dc-layout-v2 .dc-ai-template-modal .modal-card .dc-ai-template-modal-close:after{background-color:#04263d}@media screen and (min-width: 769px){.dc-layout-v2 .container .dc-ai-template-popup-button{font-size:18px}.dc-layout-v2 .container .dc-svg-container{margin-top:60px}.dc-layout-v2 .container .dc-svg-container .dc-diagram-content{min-height:398px;display:flex}}@media screen and (min-width: 1024px){.dc-layout-v2 .container .dc-hero-container{margin-right:10px}.dc-layout-v2 .container .dc-hero-container h1{margin-bottom:16px}.dc-layout-v2 .container .dc-hero-container p{margin-bottom:20px}.dc-layout-v2 .container .dc-hero-container ul{margin-bottom:32px}.dc-layout-v2 .container .dc-hero-container ul li{margin-bottom:12px}.dc-layout-v2 .container .dc-svg-container .dc-diagram-content{min-height:456px}.dc-layout-v2 .container h1{margin-top:60px;font-size:64px}.dc-layout-v2 .container p,.dc-layout-v2 .container .dc-ai-template-popup-button,.dc-layout-v2 .container .dc-view-more a{font-size:18px}.dc-layout-v2 .container .dc-example-hero p{font-size:20px}.dc-layout-v2 .container .dc-example-hero ul li{font-size:18px}.dc-layout-v2 .container .dc-example-page-content{margin-top:68px}.dc-layout-v2 .container .dc-example-page-content h2{font-size:32px}.dc-layout-v2 .container .dc-example-page-content h3{font-size:24px}.dc-layout-v2 .container .dc-example-page-content h4{font-size:20px}.dc-layout-v2 .container .dc-example-page-content .dc-why-use-v2{margin-bottom:72px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2{margin-bottom:72px;padding:48px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 h2{margin-top:0;margin-bottom:20px}.dc-layout-v2 .container .dc-example-page-content .dc-how-to-v2 h3{font-size:18px}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content{margin:0 0 70px}.dc-layout-v2 .container .dc-example-page-content .dc-templates-you-may-like .dc-diagram-thumb-content .dc-diagram-name{margin-top:21px}.dc-layout-v2 .container .dc-example-page-content #faqs{margin-bottom:unset}.dc-layout-v2 .container .dc-example-page-content .dc-faq{margin-bottom:130px;max-width:1232px}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-heading{padding:32px 50px 32px 0;font-size:20px}.dc-layout-v2 .container .dc-example-page-content .dc-faq .dc-faq-panel .dc-faq-panel-body{font-size:18px}}:root{--bulma-control-radius: var(--bulma-radius);--bulma-control-radius-small: var(--bulma-radius-small);--bulma-control-border-width: 1px;--bulma-control-height: 2.5em;--bulma-control-line-height: 1.5;--bulma-control-padding-vertical: calc(.5em - 1px) ;--bulma-control-padding-horizontal: calc(.75em - 1px) ;--bulma-control-size: var(--bulma-size-normal);--bulma-control-focus-shadow-l: 50%}:root{--bulma-body-family: Open Sans, sans-serif;--bulma-family-primary: Open Sans, sans-serif;--bulma-navbar-item-color: #04263d;--bulma-block-spacing: 1.5rem;--bulma-navbar-dropdown-background-color: #fff;--bulma-text: #606060;--bulma-weight-normal: 400;--bulma-weight-semibold: 700;--bulma-scheme-main: #fff;--bulma-link-text: #06263d;--bulma-radius-rounded: 290486px;--bulma-family-code: monospace;--bulma-loading-color: #dbdbdb;--bulma-subtitle-strong-weight: 600;--bulma-modal-background-background-color: rgba(0, 0, 0, .86);--bulma-field-block-spacing: 1.5rem}.dc-diagram-thumb-content{margin:0 0 20px;display:inline-block;width:100%;border:1px solid #dbdbdb;border-radius:5px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.dc-diagram-thumb-content .dc-diagram-img{padding:10px;min-height:150px;text-align:center;position:relative}.dc-diagram-thumb-content .dc-diagram-img .dc-diagram-img-overlay{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;display:grid;place-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#e9e9e980;transform:translateZ(0);border-radius:4px 4px 0 0;transition:opacity .2s ease}.dc-diagram-thumb-content .dc-diagram-img .dc-diagram-img-overlay-premium{display:flex;align-items:center;gap:6px;padding:6px 15px 6px 4px;border-radius:38px;background-color:#fff;font-size:11px;line-height:16px;font-weight:500;color:#08436b}.dc-diagram-thumb-content .dc-diagram-img .dc-diagram-img-overlay-premium .dc-diagram-premium{position:relative;right:unset}.dc-diagram-thumb-content .dc-diagram-img img{height:130px}.dc-diagram-thumb-content .dc-diagram-name{display:grid;grid-template-columns:1fr max-content;align-items:center;font-size:14px;padding:10px 20px 10px 10px;background:#f3f4f6;position:relative;transition:background-color .2s ease,color .3s ease}.dc-diagram-thumb-content .dc-diagram-name:after{content:" ";display:inline-block;width:13px;height:13px;background:url(../../../assets/common/icons/searchbar/icon-diagram-arrow.svg) no-repeat center center;position:absolute;right:10px;top:50%;margin-top:-6px;opacity:0;transition:opacity .2s ease}.dc-diagram-thumb-content .dc-diagram-name .dc-diagram-name-container{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.dc-diagram-thumb-content .dc-diagram-premium{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background-color:#fafafc;transition:opacity .2s ease;right:10px;position:absolute}.dc-diagram-thumb-content .dc-diagram-premium img{width:10px}.dc-diagram-thumb-content .dc-diagram-ai{display:inline-grid}.dc-diagram-thumb-content .dc-diagram-ai-thumb{position:absolute;left:10px;top:10px;z-index:1;opacity:1;transition:opacity .3s ease-in-out}.dc-diagram-thumb-content:hover .dc-diagram-img .dc-diagram-img-overlay{opacity:1}.dc-diagram-thumb-content:hover .dc-diagram-name{background:#0c5e96;color:#fff}.dc-diagram-thumb-content:hover .dc-diagram-name:after{opacity:1}.dc-diagram-thumb-content:hover .dc-diagram-name .dc-diagram-premium,.dc-diagram-thumb-content:hover .dc-diagram-ai-thumb{opacity:0}.dc-resource-templates-container .dc-diagram-thumb-content .dc-diagram-img img{max-height:300px}.dc-diagram-container-col-3 .dc-diagram-thumb-content .dc-diagram-img img{height:160px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content{border:none;background:#f2f5f9;border-radius:8px;position:relative;min-height:227px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay{opacity:0;visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;display:grid;place-content:center;-webkit-backdrop-filter:unset;backdrop-filter:unset;background:linear-gradient(180deg,#0c5e96e6,#5f94b8e6 56%,#99b8d0e6);border-radius:8px;transition:opacity .5s ease,background-color .5s ease;z-index:10}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name{margin:30px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-name-container{color:#fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;text-align:center}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-name-container:has(img){display:flex;align-items:center;justify-content:center;gap:3px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-name-container .dc-diagram-ai{margin-left:4px;margin-top:2px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-img-overlay-premium{cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 15px 6px 4px;border-radius:38px;background-color:#fff;font-size:11px;line-height:16px;font-weight:500;color:#08436b;width:fit-content;margin:auto}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-img-overlay-premium span{position:relative;right:unset}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-view-template{font-size:9px;font-weight:600;letter-spacing:1px;color:#fff;text-transform:uppercase;text-align:center;margin-top:8px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-view-template:after{content:url(../../../assets/common/icons/diagram-thumb/icon-rectangle.svg);display:block}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img{padding:4px;margin:6px;background:#fff;border-radius:6px}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img .dc-diagram-premium{opacity:0}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-img img{transition:scale .5s ease}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-name{font-size:14px;text-align:center;padding:10px 35px 10px 10px;transition:opacity .5s ease,background-color .5s ease,color .5s ease}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-name:after{opacity:0}.dc-diagram-masonry-v2 .dc-diagram-thumb-content .dc-diagram-name .dc-diagram-name-container{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.dc-diagram-masonry-v2 .dc-diagram-thumb-content:hover .dc-diagram-img-overlay{opacity:1;visibility:visible}.dc-diagram-masonry-v2 .dc-diagram-thumb-content:hover .dc-diagram-img img{scale:2}.dc-diagram-masonry-v2 .dc-diagram-thumb-content:hover .dc-diagram-name{opacity:0}.dc-diagram-masonry-v2 .dc-diagram-thumb-content:hover .dc-diagram-name:after{opacity:0}.dc-diagram-masonry-v2 .dc-diagram-thumb-content:hover .dc-diagram-name .dc-diagram-premium{opacity:0}.dc-diagram-masonry-v2.dc-diagram-thumb-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-img-overlay-premium{border-radius:6px}.dc-diagram-masonry-v2.dc-diagram-thumb-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-view-template{width:144px;padding:8px 10px;margin:8px auto 0;border:solid white 1px;border-radius:6px}.dc-diagram-masonry-v2.dc-diagram-thumb-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-view-template:after{display:none}.dc-diagram-masonry-v2.dc-diagram-thumb-v2 .dc-diagram-thumb-content .dc-diagram-img-overlay .dc-diagram-overlay-name .dc-diagram-view-template:hover{color:#265880;background-color:#fff}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content{box-shadow:0 6px 6px #0000001a;transition:all .5s ease}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content .dc-diagram-img{transition:all .5s ease}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content .dc-diagram-name{padding:3px 35px 7px;min-height:62px;background:#f2f5f9;transition:all .5s ease}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content .dc-diagram-name .dc-diagram-name-container{-webkit-line-clamp:2;margin:auto}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content .dc-diagram-name:after{content:" ";width:20px;height:20px;top:unset;margin-top:-2px;background:url(../../../assets/common/icons/diagram-thumb/icon-arrow-gray.svg) no-repeat center center;transition:all .5s ease;opacity:0}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover{scale:1.3;z-index:5}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-img-overlay{opacity:0;visibility:hidden}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-img{margin:1px;border-radius:6px 6px 0 0}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-img img{scale:1}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-img .dc-diagram-premium{opacity:1}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-name{opacity:1;text-align:left;padding:3px 35px 7px 10px;background:#f2f5f9;color:#06263d}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-name .dc-diagram-name-container{font-size:12px;margin:0}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-name:after{opacity:1}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .dc-diagram-thumb-content:hover .dc-diagram-name .dc-diagram-premium{opacity:0}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .diagram-container-item:nth-child(3n+1) .dc-diagram-thumb-content,.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .diagram-container-item:nth-child(3n+1):hover .dc-diagram-thumb-content{transform-origin:center left}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .diagram-container-item:nth-child(3n+2) .dc-diagram-thumb-content,.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .diagram-container-item:nth-child(3n+2):hover .dc-diagram-thumb-content{transform-origin:center}.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .diagram-container-item:nth-child(3n) .dc-diagram-thumb-content,.dc-diagram-masonry-v2.dc-diagram-masonry-v3 .diagram-container-item:nth-child(3n):hover .dc-diagram-thumb-content{transform-origin:center right}