22

✏️ Editing: conversational_design.css

.browser-frame{border-radius:10px;box-shadow:0 0 3px #e6ecef;max-width:100%;overflow:hidden}.browser-controls{align-items:center;background:#e6ecef;color:#bec4c6;display:flex;height:50px;justify-content:space-around}.window-controls{flex:0 0 60px;margin:0 2%}.window-controls span{background:#ff8585;border-radius:50px;display:inline-block;height:15px;width:15px}.window-controls span.minimise{background:#ffd071}.window-controls span.maximise{background:#74ed94}.page-controls{flex:0 0 70px;margin-right:2%}.page-controls span{display:inline-block;font-size:13px;height:20px;line-height:11px;padding-top:5px;text-align:center;width:30px}.url-bar{color:#889396;flex-grow:1;font-family:monospace;margin-right:2%;overflow:hidden;padding:5px 5px 0 10px}.white-container{background:#fff;border-radius:3px;height:25px}.bar-warning{background:#fa6b05;color:#fff}.bar-warning a{color:#fee;font-size:120%}.browser-frame.ffc_browser_mobile{margin:0 auto;max-width:375px}.ff_tab{border-bottom:1px solid #ececec;display:flex}.ff_tab_item:not(:last-child){margin-right:30px}.ff_tab_item.active .ff_tab_link{color:#1a7efb}.ff_tab_item.active .ff_tab_link:after{width:100%}.ff_tab_link{color:#1e1f21;display:block;font-size:16px;font-weight:500;padding-bottom:16px;position:relative}.ff_tab_link:after{background-color:#1a7efb;bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:.2s;width:0}.ff_tab_center .ff_tab_item{flex:1;text-align:center}.fcc_conversational_design{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;min-height:80vh;padding:30px}.ffc_design_sidebar{background-color:#fff;border-radius:8px;flex-shrink:0;width:350px}.ffc_design_container{padding:0 0 24px 24px;width:100%}.ffc_design_elements .el-form-item{align-items:center;display:flex;justify-content:space-between}.ffc_design_elements .el-form-item:after,.ffc_design_elements .el-form-item:before{display:none}.ffc_design_elements .el-form-item__label{float:none;line-height:inherit;padding-right:0}.ffc_design_elements .el-form-item__content{line-height:inherit}.ffc_design_elements .el-form-item__content:after,.ffc_design_elements .el-form-item__content:before{display:none}.ffc_design_elements .el-form-item.fcc_label_top{flex-direction:column}.ffc_design_elements .el-form-item.fcc_label_top .el-form-item__label{padding-bottom:15px;width:100%}.ffc_design_elements .el-form-item.fcc_label_top .el-form-item__content{width:100%}.ffc_design_elements .el-select{margin-bottom:10px;width:100%}.ffc_design_elements .ff_file_upload_wrap{margin-bottom:15px}.ffc_sidebar_header{padding-bottom:24px}.ffc_sidebar_body .el-form-item{margin-bottom:10px}.ffc_sidebar_body .ffc_design_submit{margin-top:35px;text-align:center}.ffc_meta_settings{max-width:900px}.ffc_meta_settings_form h5{border-bottom:1px solid #ececec;margin-bottom:30px;margin-top:40px;padding-bottom:20px}.ffc_sharing_settings .ff_card{margin-bottom:24px}div#ff_conversation_form_design_app{display:block;overflow:hidden}#fcc_iframe_holder{border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.08),0 2px 12px rgba(0,0,0,.06)}#fcc_iframe_holder iframe{border-radius:8px}.fcc_pro_message{background:#fef6f1;font-size:13px;margin:10px 0;padding:15px;text-align:center}.fcc_pro_message a{display:block;margin-top:10px}

MR SKB