/* SECTION: Visibility editor typography */

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-toggle-chip,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-toggle-chip span,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block > label,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block label,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-section-label,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root.df-rxv3-root .df-rxv3-section-label,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-section-generated > .df-viv3-section-label{
  font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:16px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:rgba(15,23,42,.78) !important;
  -webkit-text-fill-color:rgba(15,23,42,.78) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block > label,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block label{
  display:block !important;
  margin:0 0 10px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-section-head{
  min-height:28px !important;
  margin:0 !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-form-row{
  gap:20px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-section{
  gap:14px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root.df-rxv3-root .df-rxv3-section-rules{
  gap:12px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root.df-rxv3-root .df-rxv3-rule-body.df-viv3-visibility-rule-body{
  gap:16px !important;
  padding:12px 12px 14px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block input,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block select,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-generated-box{
  font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:rgba(15,23,42,.58) !important;
  -webkit-text-fill-color:rgba(15,23,42,.58) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-field-block input::placeholder{
  font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  color:rgba(15,23,42,.58) !important;
  -webkit-text-fill-color:rgba(15,23,42,.58) !important;
  opacity:1 !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-toggle-chip input{
  margin:0 !important;
}

/* SECTION: Visibility generated output */

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-shell{
  padding-top:20px !important;
  padding-bottom:16px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-toggle-section{
  min-height:36px !important;
  margin-bottom:2px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-toggle-chip{
  min-height:34px !important;
  height:34px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-divider{
  margin:14px 0 20px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root.df-rxv3-root .df-rxv3-section-rules{
  margin-top:16px !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-section-generated{
  display:grid !important;
  gap:8px !important;
  margin-top:18px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-generated-box{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:38px !important;
  height:auto !important;
  padding:0 12px !important;
  border:1px solid #d6deea !important;
  border-radius:8px !important;
  background:#f8fafc !important;
  box-shadow:none !important;
  color:#64748b !important;
  font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-generated-box #propVisibleIf{
  display:block !important;
  width:100% !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
}

#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfVisibilityDesignSection.df-viv3-root .df-viv3-footer{
  border-top:0 !important;
  margin-top:24px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* SECTION: Popup title alignment */

#dfFloatingInspector #dfFiTitle,
#dfFloatingInspector #dfFloatingInspectorHeader .df-fi-title,
#dfFloatingInspector #dfFloatingInspectorHeader .df-fi-title-text{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.22 !important;
  letter-spacing:.01em !important;
  color:rgba(15,23,42,.78) !important;
  text-transform:none !important;
}

/* SECTION: Popup title emphasis */

#dfFloatingInspector.df-fi-single-section[data-section="basic"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="visibility"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="filters"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="regex"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="initialValue"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="authorizationKey"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="length"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector.df-fi-single-section[data-section="validation"] #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector:has(#dfRegexDesignSection) #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector:has(#dfVisibilityDesignSection) #dfFloatingInspectorHeader #dfFiTitle.df-fi-title,
#dfFloatingInspector:has(#dfFilterEditorSection) #dfFloatingInspectorHeader #dfFiTitle.df-fi-title{
  font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:16px !important;
  letter-spacing:0 !important;
  color:#344054 !important;
  text-transform:none !important;
}