body{margin:0;font-family:Arial,sans-serif}.app{height:100vh}.reactflow-wrapper{display:flex;height:700px;background:#f0f0f0}.canvas{flex:1}.sidebar{width:500px;height:100%;overflow-y:auto;background:#fff;padding:10px;border-right:1px solid #ddd;box-shadow:2px 0 5px rgba(0,0,0,.1)}.description{font-size:14px;margin-bottom:10px}.dndnode{padding:10px;margin-bottom:10px;background:#9b9b9b;border-radius:3px}.dndimage,.dndnode{color:white;cursor:grab;text-align:center}.dndimage{padding:5px;margin-bottom:0;border-radius:0;justify-content:center}.custom-node{text-align:center;color:white;font-size:10pt}.node-header{background-color:black}.node-body,.node-header{padding:5px;text-align:center;justify-content:center}.node-body{background-color:#f0f0f0;color:black;border:1px}.node-body .buttons,.node-body .content,.node-body .footer,.node-body .preview_header{width:290px;min-height:50px}.template-preview-container{background-color:#ddd5ce;border-radius:6px;text-align:center;padding:13px 8px 8px;display:flex;flex-direction:column;align-items:center;max-width:350px;width:350px;font-size:16px;font-weight:400;.checkbox_group{width:100%;display:flex;justify-content:left}.checkbox_event{margin-top:10px;margin-bottom:10px}.template-preview-name-wrapper{text-align:center;width:100%;margin-bottom:10px;display:flex;.plus-icon{color:black;font-size:20px}.template-preview-name{align-self:center;width:100%;margin:0}}.template-preview-content{background-color:white;color:black;width:100%;text-align:left;padding:10px}.template-preview-body,.template-preview-header{padding-bottom:15px;white-space:pre-line}.template-header-wrapper{height:140px;width:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:15px;.template-header-image{height:100%;width:auto;display:block}}.template-preview-footer{padding-bottom:15px;font-size:14px;font-weight:300;color:#888}hr{margin:0}.template-preview-button{margin-top:10px;margin-bottom:10px;display:flex;gap:10px;justify-content:center;color:#1399f3;img{width:20px;height:20px}}}.buttons,.content,.footer,.header,.preview_header{border:1px solid rgb(163,158,158);width:100%;min-height:10px;font-size:10pt;padding:1px;margin-bottom:2px;background-color:white;color:black}.small-modal{height:min(600px,70vh)!important;max-height:600px!important;display:flex;flex-direction:column;overflow:hidden}.small-modal-content-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.content{min-height:100px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.dentsu-card:has(.thumbnail){margin:0!important;padding:0!important;border:none!important}.thumbnail{transform:scale(.45);transform-origin:top left;width:calc(100% / .45);height:100%;.template-preview-container{width:auto}}.start-node{background:#6fb1fc;margin:2px!important;padding:2px!important;border:black!important;max-width:200px;width:200px;text-align:center;justify-content:center;font-size:10pt}.page-title{display:flex;gap:10px}.title-item{line-height:50px}.chatbot-name{width:400px;height:50px;margin:0;font-weight:400}.page-title .dentsu-form-field-control-item,.page-title .dentsu-select__control,.page-title .dentsu-text-input{height:52px}@media screen and (min-width:1440px){.page-title .dentsu-form-field-control-item,.page-title .dentsu-select__control,.page-title .dentsu-text-input{height:58px}}.page-title .dentsu-select__value-container{font-size:14px;font-weight:400}.page-title .dentsu-select__indicators{padding:0;align-items:center}.page-title .title-item{display:flex;align-items:center;margin-bottom:28px}.dentsu-modal .dentsu-modal__body{padding:24px;.dentsu-layout__panel{padding-top:0}.parameter-form-group{display:flex;gap:10px;padding-bottom:10px;.bp4-form-group.dentsu-form-field{margin-bottom:0}.bp4-form-group:last-of-type{flex:auto}.parameter-input--disabled{width:160px}.parameter-input--number{width:60px;display:flex;justify-items:center}}}.template-type-icon-card{border:1px solid rgba(0,0,0,.27);padding:30px 30px 20px;transition:box-shadow .3s,border-color .3s,background-color .3s;&:hover{box-shadow:0 8px 30px -4px #22c35d33;border-color:#22c35d80;background-color:#e0f5e84d}}.template-type-icon-card--icon{color:#69c284;background:rgba(105,194,132,.1);i{width:auto;height:auto;font-size:32px;line-height:32px}}.template-type-icon-card--preview{.preview-wrapper{background-color:#f0f2f499;padding:16px}.preview-container{background-color:#f0f2f4cc}.preview-avatar{background-color:#22c35d66}.preview-name{background-color:#67737e4d}.preview-line{background-color:#67737e40}.preview-card{box-shadow:0 4px 20px -4px #c4ccd480;background-color:#fff}.preview-image-wrapper{background-image:linear-gradient(to bottom right,#22c35d33,#22c35d66)}.preview-image{background-color:#22c35d4d}.preview-line-carousel{background-color:#f0f2f4}.preview-cta-wrapper{border-color:#22c35d33;background-color:#22c35d1a}.preview-cta{background-color:#22c35d4d}.preview-primary-indicator{background-color:#22c35d}.preview-indicator{background-color:#67737e4d}}