@charset "UTF-8";
.tf-context-default {
  /* Text */
  /* Icons */
}
.tf-context-default .tf-button-primary,
.tf-context-default .tf-button-action,
.tf-context-default .tf-button-danger {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  box-sizing: border-box;
  background: white;
  border: solid 1px #d3d3d3;
  border-radius: 4px;
  color: #505050;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.tf-context-default .tf-button-primary:hover,
.tf-context-default .tf-button-action:hover,
.tf-context-default .tf-button-danger:hover {
  background: white;
  border-color: #31609e;
  color: #31609e;
}
.tf-context-default .tf-button-danger {
  color: #CC1818;
  border-color: #CC1818;
}
.tf-context-default .tf-button-primary {
  background-color: #4b84ce;
  color: inherit;
}
.tf-context-default .tf-button-icon-trash[disabled],
.tf-context-default .tf-button-icon-clone[disabled],
.tf-context-default .tf-button-danger[disabled],
.tf-context-default .tf-button-primary[disabled],
.tf-context-default .tf-button-action[disabled],
.tf-context-default .tf-button-text-danger[disabled],
.tf-context-default .tf-button-text-primary[disabled],
.tf-context-default .tf-button-text-action[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.tf-context-default .tf-button-action:focus {
  outline: none;
}
.tf-context-default .tf-button-text-danger,
.tf-context-default .tf-button-text-primary,
.tf-context-default .tf-button-text-action {
  background: transparent;
  border: none;
  display: inline;
  cursor: pointer;
}
.tf-context-default .tf-button-text-danger:hover,
.tf-context-default .tf-button-text-primary:hover,
.tf-context-default .tf-button-text-action:hover {
  font-weight: 700;
}
.tf-context-default .tf-button-text-action {
  color: #505050;
}
.tf-context-default .tf-button-text-danger {
  color: #CC1818;
}
.tf-context-default .tf-button-text-primary {
  color: #4b84ce;
}
.tf-context-default .tf-button-icon-trash {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
}
.tf-context-default .tf-button-icon-trash::after {
  content: url('data:image/svg+xml;utf8,<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.99995 0.714233C6.73758 0.714233 5.71423 1.73758 5.71423 2.99995H0V4.49995H1.38525L3.15687 15.4619C3.31345 16.4307 4.14986 17.1428 5.13126 17.1428H10.8687C11.8501 17.1428 12.6865 16.4307 12.8431 15.4619L14.6147 4.49995H16V2.99995H10.2857C10.2857 1.73758 9.26231 0.714233 7.99995 0.714233ZM2.90471 4.49995H13.0952L11.3623 15.2225C11.3231 15.4647 11.114 15.6428 10.8687 15.6428H5.13126C4.88591 15.6428 4.6768 15.4648 4.63766 15.2225L2.90471 4.49995Z" fill="%23D63638"/></svg>');
}
.tf-context-default .tf-button-icon-eye {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
}
.tf-context-default .tf-button-icon-eye::after {
  content: url('data:image/svg+xml;utf8,<svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9.5C10.933 9.5 12.5 7.933 12.5 6C12.5 4.067 10.933 2.5 9 2.5C7.067 2.5 5.5 4.067 5.5 6C5.5 7.933 7.067 9.5 9 9.5Z" fill="%233858E9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C15 0 18 6 18 6C18 6 15 12 9 12C3 12 0 6 0 6C0 6 3 0 9 0ZM1.7411 6C1.76335 5.96583 1.7865 5.93066 1.81058 5.89455C2.14492 5.39303 2.64648 4.72484 3.31066 4.06066C4.64716 2.72416 6.53814 1.5 9 1.5C11.4619 1.5 13.3528 2.72416 14.6893 4.06066C15.3535 4.72484 15.8551 5.39303 16.1894 5.89455C16.2135 5.93066 16.2367 5.96583 16.2589 6C16.2367 6.03417 16.2135 6.06934 16.1894 6.10545C15.8551 6.60697 15.3535 7.27516 14.6893 7.93934C13.3528 9.27584 11.4619 10.5 9 10.5C6.53814 10.5 4.64716 9.27584 3.31066 7.93934C2.64648 7.27516 2.14492 6.60697 1.81058 6.10545C1.7865 6.06934 1.76335 6.03417 1.7411 6Z" fill="%233858E9"/></svg>');
}
.tf-context-default .tf-button-icon-clone {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
}
.tf-context-default .tf-button-icon-clone::after {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.25 8.75H13V10.25H10.25V13H8.75V10.25H6V8.75H8.75V6H10.25V8.75Z" fill="%231E1E1E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13 3H14C15.1046 3 16 3.89543 16 5V14C16 15.1046 15.1046 16 14 16H5C3.89543 16 3 15.1046 3 14V13H2C0.89543 13 0 12.1046 0 11V2C0 0.89543 0.895431 0 2 0H11C12.1046 0 13 0.895431 13 2V3ZM11 1.5H2C1.72386 1.5 1.5 1.72386 1.5 2V11C1.5 11.2761 1.72386 11.5 2 11.5H3V5C3 3.89543 3.89543 3 5 3H11.5V2C11.5 1.72386 11.2761 1.5 11 1.5ZM5 4.5H14C14.2761 4.5 14.5 4.72386 14.5 5V14C14.5 14.2761 14.2761 14.5 14 14.5H5C4.72386 14.5 4.5 14.2761 4.5 14V5C4.5 4.72386 4.72386 4.5 5 4.5Z" fill="%231E1E1E"/></svg>');
}
.tf-context-default .tf-dialog .tf-title {
  display: flex;
}
.tf-context-default .tf-dialog .tf-title h4 {
  margin: 0;
  padding: 12px 0;
}
.tf-context-default .tf-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 8px;
  border: 1px solid #a7b1bb;
  border-radius: 2px;
  background: #fff;
}
.tf-context-default .tf-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  height: 32px;
}
.tf-context-default .tf-panel-header.tf-button-action {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  cursor: pointer;
  background: none;
  text-align: left;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  color: inherit;
  margin: 0;
  padding: 8px 12px;
  border-radius: 0;
  border: 0;
}
.tf-context-default .tf-panel-header.tf-button-action:hover {
  background: #f0f0f0;
}
.tf-context-default .tf-panel-open .tf-panel-header.tf-button-action {
  border-bottom: 1px solid #a7b1bb;
}
.tf-context-default .tf-panel-header-right,
.tf-context-default .tf-panel-header-before-title,
.tf-context-default .tf-panel-header-title,
.tf-context-default .tf-panel-header-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 8px;
  padding-top: 0;
  padding-bottom: 0;
}
.tf-context-default .tf-panel-header-left {
  padding-left: 0;
}
.tf-context-default .tf-panel-footer,
.tf-context-default .tf-panel-content {
  padding: 6px 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.tf-context-default .tf-panel-closed .tf-panel-content {
  display: none;
}
.tf-context-default .tf-panel-footer {
  border-top: 1px solid #a7b1bb;
}
.tf-context-default .tf-panel-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 1em;
}
.tf-context-default .tf-panel-arrow {
  border: solid black;
  border-color: inherit;
  border-width: 0 1px 1px 0;
  display: inline-block;
  height: calc(32px / 4);
  width: calc(32px / 4);
}
.tf-context-default .tf-panel-open .tf-panel-arrow {
  transform: translateY(50%) rotate(-135deg);
}
.tf-context-default .tf-panel-closed .tf-panel-arrow {
  transform: translateY(-50%) rotate(45deg);
}
.tf-context-default .tf-label {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  margin-bottom: revert;
}
.tf-context-default .tf-description {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  margin-top: revert;
  margin-bottom: revert;
}
.tf-context-default .tf-list-box {
  padding: 0;
  margin: 5px 0;
  list-style: none;
  max-width: 100%;
  min-width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background: white;
}
.tf-context-default .tf-list-box-option {
  font-size: 13px;
  display: flex;
  background: transparent;
  padding: 5px 9px;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  margin: 0 5px;
  gap: 8px;
}
.tf-context-default .tf-list-box-option:not(.tf-list-box-option-selected, .tf-list-box-option-disabled):hover {
  color: #4b84ce;
}
.tf-context-default .tf-list-box-option-selected,
.tf-context-default .tf-list-box-option-selected.tf-list-box-option-selected {
  color: white;
  background-color: #4b84ce;
}
.tf-context-default .tf-list-box-option-selected:hover,
.tf-context-default .tf-list-box-option-selected.tf-list-box-option-selected:hover {
  color: white;
}
.tf-context-default .tf-list-box-option-selected::after,
.tf-context-default .tf-list-box-option-selected.tf-list-box-option-selected::after {
  content: "✓";
  margin-left: auto;
}
.tf-context-default .tf-list-box-option-disabled {
  color: #aaa;
  cursor: default;
}
.tf-context-default .tf-list-box-option-focus {
  color: #4b84ce;
  box-shadow: inset 0 0 0 2px;
}
.tf-context-default .tf-list-box-section-separator:not(:first-child) {
  border-top: 1px solid #8c8f94;
  margin: 12px 0;
}
.tf-context-default .tf-list-box-section > span {
  display: block;
  font-size: 11px;
  line-height: 1.45;
  margin: 0;
  padding: 5px 9px;
  text-transform: uppercase;
  font-weight: 500;
  color: #7d8690;
  margin-left: 10px;
  margin-right: 10px;
}
.tf-context-default .tf-list-box-section > ul {
  padding: 0;
  list-style: none;
}
.tf-context-default .tf-modal {
  position: fixed;
  z-index: 9990;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.tf-context-default .tf-modal .tf-modal-container {
  padding: 2rem;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
}
.tf-context-default .tf-modal-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}
.tf-context-default .tf-modal-actions button {
  margin-left: 12px;
}
.tf-context-default .tf-notice {
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  padding: 1px 12px;
  color: black;
  margin-top: 4px;
}
.tf-context-default .tf-notice.tf-is-dismissible {
  padding-right: 38px;
  position: relative;
}
.tf-context-default .tf-notice.tf-error {
  border-left: 4px solid #d63638;
}
.tf-context-default .tf-notice.tf-success {
  border-left: 4px solid #00a32a;
}
.tf-context-default .tf-notice.tf-warning {
  border-left-color: #dba617;
}
.tf-context-default .tf-notice.tf-info {
  border-left-color: #72aee6;
}
.tf-context-default .tf-notice-dismiss {
  position: absolute;
  top: 0;
  right: 1px;
  border: none;
  margin: 0;
  padding: 9px;
  background: none;
  color: #787c82;
  cursor: pointer;
}
.tf-context-default .tf-notice-dismiss:hover:before,
.tf-context-default .tf-notice-dismiss:active:before,
.tf-context-default .tf-notice-dismiss:focus:before {
  color: #d63638;
}
.tf-context-default .tf-notice-dismiss:focus {
  outline: none;
  box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.tf-context-default .tf-notice-dismiss:before {
  background: none;
  color: #787c82;
  content: "\f153";
  display: block;
  font: normal 16px/20px dashicons;
  height: 20px;
  text-align: center;
  width: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tf-context-default .tf-underlay {
  position: fixed;
  inset: 0;
}
.tf-context-default .tf-popover {
  background: white;
  border: 1px solid #8c8f94;
  color: inherit;
  z-index: 900;
}
.tf-context-default .tf-tab-container {
  background-color: white;
  width: 100%;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  border-color: rgba(140, 143, 148, 0.5);
}
.tf-context-default .tf-tab-header {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #8c8f94;
  border-bottom-color: rgba(140, 143, 148, 0.5);
  overflow-x: scroll;
  overflow-y: hidden;
}
.tf-context-default .tf-tab-actions {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-between;
}
.tf-context-default .tf-tab-items {
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: 8px;
  background-color: white;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.tf-context-default .tf-tab-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 32px;
  padding: 8px 12px;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  margin-bottom: revert;
  margin-bottom: 0;
}
.tf-context-default .tf-tab-item[data-open=true]::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #4b84ce;
}
.tf-context-default .tf-tab-item button {
  white-space: nowrap;
}
.tf-context-default .tf-tab-content {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.tf-context-default .tf-tab-content .tf-tab-row-field {
  padding: 8px 12px;
}
.tf-context-default .tf-tab-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  /**
   * Make sure we hide label for fields with visibility condition set
   * to hide
   */
  /**
   * Field specific tweaks
   */
}
.tf-context-default .tf-tab-row .tf-tab-row-title {
  width: 100%;
  max-width: 250px;
}
.tf-context-default .tf-tab-row .tf-tab-row-field {
  padding-top: 0;
}
.tf-context-default .tf-tab-row .tf-tab-row-title-section {
  max-width: 100%;
}
.tf-context-default .tf-tab-row .tf-tab-row-field {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.tf-context-default .tf-tab-row .tf-tab-row-field > div[class*=tf-context-] {
  width: 100%;
}
.tf-context-default .tf-tab-row:has(> .tf-tab-row-field > div[class*=tf-context-]:empty) {
  display: none;
}
.tf-context-default .tf-tab-row .tf-tab-row-field > div[class*=tf-context-] > .tf-switch {
  display: flex;
  gap: 8px;
}
.tf-context-default .tf-tab-row .tf-tab-row-field > div[class*=tf-context-] > .tf-switch .tf-switch-label {
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
}
.tf-context-default .tf-tab-row .tf-tab-row-field > div[class*=tf-context-] > .tf-switch .tf-switch-label .tf-switch-element,
.tf-context-default .tf-tab-row .tf-tab-row-field > div[class*=tf-context-] > .tf-switch .tf-switch-label .tf-switch-element-selected {
  height: 20px;
}
.tf-context-default .tf-tab-row .tf-tab-row-field > div[class*=tf-context-] > .tf-radio-group .tf-radio-group-container {
  flex-direction: row;
  gap: 10px;
}
.tf-context-default .tf-tab-content {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.tf-context-default .tf-tab-content .tf-tab-row-field {
  padding: 8px 12px;
}
.tf-context-default .tf-tooltip-trigger-content {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  cursor: context-menu;
}
.tf-context-default .tf-tooltip {
  z-index: 1;
  position: absolute;
  display: inline-block;
  cursor: default;
  visibility: hidden;
  max-width: 150px;
  width: -moz-max-content;
  width: max-content;
}
.tf-context-default .tf-tooltip-top {
  bottom: 100%;
  left: 50%;
  margin-bottom: 12px;
  transform: translateX(-50%);
}
.tf-context-default .tf-tooltip-bottom {
  top: 100%;
  left: 50%;
  margin-top: 12px;
  transform: translateX(-50%);
}
.tf-context-default .tf-tooltip-start {
  top: 50%;
  right: 100%;
  margin-right: 12px;
  transform: translateY(-50%);
}
.tf-context-default .tf-tooltip-end {
  top: 50%;
  left: 100%;
  margin-left: 12px;
  transform: translateY(-50%);
}
.tf-context-default .tf-tooltip-content {
  font-size: 12px;
  text-align: center;
  padding: 6px 12px;
  border-radius: 3px;
  word-break: normal;
}
.tf-context-default .tf-tooltip-content.light {
  color: rgba(14, 13, 13, 0.9450980392);
  background-color: #e6e6e6;
  --tf-tooltip-after-color: #e6e6e6;
}
.tf-context-default .tf-tooltip-content.dark {
  background-color: rgba(14, 13, 13, 0.9450980392);
  color: #e6e6e6;
  --tf-tooltip-after-color: rgba(14, 13, 13, 0.9450980392);
}
.tf-context-default .tf-tooltip-content::after {
  content: " ";
  position: absolute;
  border-width: 7px;
  border-style: solid;
}
.tf-context-default .tf-tooltip-content-top::after {
  top: 100%;
  left: 50%;
  margin-left: -7px;
  border-color: var(--tf-tooltip-after-color, transparent) transparent transparent transparent;
}
.tf-context-default .tf-tooltip-content-bottom::after {
  bottom: 100%;
  left: 50%;
  margin-left: -7px;
  border-color: transparent transparent var(--tf-tooltip-after-color, transparent) transparent;
}
.tf-context-default .tf-tooltip-content-start::after {
  top: 50%;
  left: 100%;
  margin-top: -7px;
  border-color: transparent transparent transparent var(--tf-tooltip-after-color, transparent);
}
.tf-context-default .tf-tooltip-content-end::after {
  top: 50%;
  right: 100%;
  margin-top: -7px;
  border-color: transparent var(--tf-tooltip-after-color, transparent) transparent transparent;
}
.tf-context-default .tf-tooltip-trigger-content:hover .tf-tooltip {
  visibility: visible;
}
.tf-context-default .tf-conditional-group-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.tf-context-default .tf-conditional-group-actions strong {
  text-transform: uppercase;
}
.tf-context-default .tf-conditional-panel-condition-actions {
  display: flex;
  gap: 4px;
}
.tf-context-default .tf-conditional-panel-condition-actions .tf-button-action:first-child {
  text-transform: uppercase;
}
.tf-context-default .tf-conditional-panel-condition-actions .tf-button-danger:last-child {
  position: relative;
}
.tf-context-default .tf-conditional-panel-condition-actions .tf-button-danger:last-child:before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #CC1818;
  width: 10px;
  position: absolute;
}
.tf-context-default .tf-accordion .tf-switch-element,
.tf-context-default .tf-accordion .tf-switch-element-selected {
  transform: scale(0.7);
}
.tf-context-default .tf-alignment-matrix-container {
  margin: 5px;
  height: 50px;
  width: 50px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.tf-context-default .tf-border-dimensions-container {
  margin: 0 0 5px 0;
}
.tf-context-default .tf-button-group label {
  display: flex;
}
.tf-context-default .tf-button-group .tf-button-group-option {
  box-sizing: border-box;
  background: white;
  border: solid 1px #d3d3d3;
  border-radius: 4px;
  color: #505050;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border-radius: 0;
  color: #4b84ce;
  margin: 0;
}
.tf-context-default .tf-button-group .tf-button-group-option:hover {
  background: white;
  border-color: #31609e;
  color: #31609e;
}
.tf-context-default .tf-button-group .tf-button-group-option:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tf-context-default .tf-button-group .tf-button-group-option:not(:first-child) {
  margin-left: -1px;
}
.tf-context-default .tf-button-group .tf-button-group-option:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tf-context-default .tf-button-group .tf-button-group-option.tf-button-group-option-selected {
  color: white;
  background: #4b84ce;
  border-color: #4b84ce;
}
.tf-context-default .tf-button-group .tf-button-group-option:focus-within {
  position: relative;
  z-index: 1;
}
.tf-context-default .tf-button-group .tf-button-group-option .dashicons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tf-context-default .tf-button-group-container[aria-disabled=true] .tf-button-group-option {
  opacity: 0.5;
  pointer-events: none;
}
.tf-context-default .tf-checkbox .tf-label {
  font-size: 13px;
  font-weight: normal;
  text-transform: initial;
  margin-bottom: revert;
}
.tf-context-default .tf-checkbox input[type=checkbox] {
  box-shadow: 0 0 0 transparent;
  border: 1px solid inherit;
  margin-right: revert;
  border-radius: 2px;
}
.tf-context-default .tf-checkbox input[type=checkbox]:focus {
  box-shadow: 0 0 0 1px #4b84ce;
  border-color: #4b84ce;
  outline: 2px solid transparent;
}
.tf-context-default .tf-checkbox input[type=checkbox]:checked {
  background: #4b84ce;
  border-color: #4b84ce;
  color: #fff;
}
.tf-context-default .tf-checkbox input[type=checkbox]:checked::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBjbGFzcz0iY29tcG9uZW50cy1jaGVja2JveC1jb250cm9sX19jaGVja2VkIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xNi43IDcuMS02LjMgOC41LTMuMy0yLjUtLjkgMS4yIDQuNSAzLjRMMTcuOSA4eiIvPjwvc3ZnPg==");
}
.tf-context-default .tf-checkbox input[type=checkbox]:indeterminate {
  background: #4b84ce;
  border-color: #4b84ce;
  color: #fff;
}
.tf-context-default .tf-checkbox input[type=checkbox]:indeterminate::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBjbGFzcz0iY29tcG9uZW50cy1jaGVja2JveC1jb250cm9sX19pbmRldGVybWluYXRlIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03IDExLjVoMTBWMTNIN3oiLz48L3N2Zz4=");
}
.tf-context-default .tf-code .tf-label {
  display: flex;
}
.tf-context-default .tf-color-area-gradient,
.tf-context-default .tf-color-area {
  width: 100%;
  height: 150px;
}
.tf-context-default .tf-color .tf-label {
  display: flex;
}
.tf-context-default .tf-color-area-thumb {
  height: 20px;
  width: 20px;
  border: 2px solid white;
  border-radius: 50%;
  box-shadow: 0 0 0 1px black, inset 0 0 0 1px black;
  top: 50%;
}
.tf-context-default .tf-color-container {
  position: relative;
  width: 100%;
}
.tf-context-default .tf-color-container input {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  box-sizing: border-box;
}
.tf-context-default .tf-color-container input::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-color-container input::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-color-picker {
  width: 100%;
  z-index: 900;
  background: white;
  border: 1px solid #8c8f94;
}
.tf-context-default .tf-color-picker .tf-color-area {
  display: flex;
  justify-content: center;
  width: 100%;
}
.tf-context-default .tf-color-picker .tf-color-area .tf-color-area-thumb {
  transform: translate(-50%, -50%) !important;
}
.tf-context-default .tf-color-picker .tf-color-input {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.tf-context-default .tf-color-picker .tf-color-sliders {
  padding: 6px 8px;
  padding-bottom: 10px;
}
.tf-context-default .tf-color-input > input {
  width: 100%;
}
.tf-context-default .tf-color-slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tf-context-default .tf-color-slider-label {
  display: flex;
  align-self: stretch;
}
.tf-context-default .tf-color-slider-label output {
  flex: 1 0 auto;
  text-align: end;
}
.tf-context-default .tf-color-slider-container {
  height: 20px;
  border-radius: 10px;
  width: 100%;
  border: 1px solid #8c8f94;
}
.tf-context-default .tf-combo-box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.tf-context-default .tf-combo-box-text {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  padding: 0;
}
.tf-context-default .tf-combo-box-text::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-combo-box-text::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-combo-box-text input {
  border: 0;
  box-shadow: none;
  width: 100%;
}
.tf-context-default .tf-combo-box-text input:focus {
  box-shadow: none;
}
.tf-context-default .tf-combo-box-text .tf-button-action {
  box-sizing: border-box;
  background: white;
  border: solid 1px #d3d3d3;
  border-radius: 4px;
  color: #505050;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  border: 0;
  background: none;
  max-height: calc(32px - 2px);
}
.tf-context-default .tf-combo-box-text .tf-button-action:hover {
  background: white;
  border-color: #31609e;
  color: #31609e;
}
.tf-context-default .tf-combo-box-text .tf-button-action span {
  padding: 0 2px;
}
.tf-context-default .tf-combo-box-text:focus-within {
  box-shadow: 0 0 0 1px #4b84ce;
  border-color: #4b84ce;
  outline: 2px solid transparent;
}
.tf-context-default .tf-combo-box-item {
  border: 1px solid transparent;
  background-color: #E2E7FF;
  color: #4b84ce;
  border-radius: 2px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  display: inline-flex;
  gap: 0.35em;
  align-items: center;
  max-width: 100%;
  box-sizing: border-box;
}
.tf-context-default .tf-combo-box-item span:first-child {
  padding-right: 5px;
  text-overflow: ellipsis;
  flex: 1 1 auto;
}
.tf-context-default .tf-combo-box-item button:last-child {
  cursor: pointer;
  color: #4b84ce;
  background-color: transparent;
  border: none;
}
.tf-context-default .tf-combo-box-item button:last-child:focus {
  outline: none;
}
.tf-context-default .tf-multiple-combobox-container {
  display: flex;
  gap: 8px;
  position: relative;
}
.tf-context-default .tf-multiple-combobox-container > .tf-popover {
  width: 192px;
  position: absolute;
  z-index: 900;
  left: 0;
  top: 100%;
}
.tf-context-default .tf-multiple-combobox-container > .tf-popover .tf-combo-box {
  width: 100%;
}
.tf-context-default .tf-multiple-combobox-container > .tf-popover .tf-list-box-option:not(.tf-list-box-option-selected, .tf-list-box-option-disabled):hover::after {
  content: "+";
  margin-left: auto;
}
.tf-context-default .tf-multiple-combobox {
  position: relative;
}
.tf-context-default .tf-multiple-combobox > .tf-label {
  display: flex;
}
.tf-context-default .tf-multiple-combobox-values {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  box-sizing: border-box;
  width: 192px;
  background-color: white;
  min-height: 32px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  flex-wrap: wrap;
  gap: 8px;
}
.tf-context-default .tf-multiple-combobox[data-enabled=false] .tf-multiple-combobox-values {
  opacity: 0.5;
}
.tf-context-default .tf-combo-box-popover.tf-popover {
  margin-left: -2px;
  border: 1px solid #8c8f94;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-color: #4b84ce;
  box-shadow: 0 0 0 1px #4b84ce;
  outline: 2px solid transparent;
}
.tf-context-default .tf-date-picker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tf-context-default .tf-popover {
  display: flex;
  justify-content: center;
  width: auto;
  border-radius: 2px;
  border: 1px solid #8c8f94;
}
.tf-context-default .tf-popover .tf-calendar {
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
}
.tf-context-default .tf-popover .tf-calendar-month {
  text-align: center;
}
.tf-context-default .tf-popover .tf-calendar-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tf-context-default .tf-popover .tf-calendar-buttons button {
  box-sizing: border-box;
  background: white;
  border: solid 1px #d3d3d3;
  border-radius: 4px;
  color: #505050;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.tf-context-default .tf-popover .tf-calendar-buttons button:hover {
  background: white;
  border-color: #31609e;
  color: #31609e;
}
.tf-context-default .tf-popover .tf-calendar-tables {
  display: flex;
}
.tf-context-default .tf-popover .tf-calendar-table {
  width: 100%;
  padding: 10px;
}
.tf-context-default .tf-popover .tf-calendar-table td {
  text-align: center;
}
.tf-context-default .tf-popover .tf-calendar-presets {
  display: flex;
  gap: 0.25rem;
}
.tf-context-default .tf-popover .tf-calendar-presets button {
  box-sizing: border-box;
  background: white;
  border: solid 1px #d3d3d3;
  border-radius: 4px;
  color: #505050;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.tf-context-default .tf-popover .tf-calendar-presets button:hover {
  background: white;
  border-color: #31609e;
  color: #31609e;
}
.tf-context-default .tf-popover .tf-calendar-cell {
  cursor: pointer;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border-radius: 100%;
}
.tf-context-default .tf-popover .tf-calendar-cell.tf-calendar-cell-disabled, .tf-context-default .tf-popover .tf-calendar-cell.tf-calendar-cell-unavailable {
  opacity: 0.5;
  cursor: not-allowed;
}
.tf-context-default .tf-popover .tf-calendar-cell:not(.tf-calendar-cell-disabled, .tf-calendar-cell-unavailable, .tf-calendar-cell-selected):hover {
  color: #4b84ce;
}
.tf-context-default .tf-popover .tf-calendar-cell.tf-calendar-cell-selected {
  background-color: #4b84ce;
  color: #fff;
}
.tf-context-default .tf-date-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.tf-context-default .tf-date-group .tf-button-action {
  height: 32px;
}
.tf-context-default .tf-date-field-container {
  width: 100%;
}
.tf-context-default .tf-date-field {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: calc(32px - 12px);
  width: calc(192px - 16px);
}
.tf-context-default .tf-date-field::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-date-field::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-date-field:focus-within {
  border-color: #4b84ce;
}
.tf-context-default .tf-date-segment {
  padding: 0 2px;
  font-variant-numeric: tabular-nums;
  text-align: end;
}
.tf-context-default .tf-date-segment:focus {
  color: white;
  background: #4b84ce;
  outline: none;
  border-radius: 2px;
}
.tf-context-default .tf-date-segment span {
  display: none;
}
.tf-context-default .tf-date-segment-placeholder span {
  display: flex;
}
.tf-context-default .tf-dimensions {
  display: flex;
  flex-direction: column;
}
.tf-context-default .tf-dimensions .tf-select,
.tf-context-default .tf-dimensions .tf-select .tf-button-select {
  width: auto;
}
.tf-context-default .tf-dimensions-container {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  flex-wrap: wrap;
}
.tf-context-default .tf-dimensions-number-groups {
  display: flex;
  flex-direction: row;
  max-width: 300px;
}
.tf-context-default .tf-dimensions-number-groups .tf-number {
  flex: 1 1 75px;
}
.tf-context-default .tf-dimensions-number-groups .tf-number .tf-number-field {
  width: 100%;
}
.tf-context-default .tf-dimensions-number-groups .tf-number input {
  width: 100%;
  text-align: left;
}
.tf-context-default .tf-dimensions-number-groups .tf-number-button-group .tf-button-number {
  padding: 0 3px;
}
.tf-context-default .tf-dimensions-number-groups-linked .tf-number:not(:first-child) {
  opacity: 0.5;
  pointer-events: none;
  display: none;
}
.tf-context-default .tf-dynamic-text-field {
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
}
.tf-context-default .tf-dynamic-text-field .tf-dynamic-text-popover {
  width: 192px;
  position: absolute;
  top: 100%;
  z-index: 900;
  left: 0;
}
.tf-context-default .tf-dynamic-text-field .tf-dynamic-text-popover .tf-list-box-option:not(.tf-list-box-option-selected, .tf-list-box-option-disabled):hover::after {
  content: "+";
  margin-left: auto;
}
.tf-context-default .tf-dynamic-text-item {
  border: 1px solid transparent;
  background-color: #E2E7FF;
  color: #4b84ce;
  border-radius: 2px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.25em 0.5em;
  display: inline-flex;
  gap: 0.35em;
  align-items: center;
  margin: 0 0.15em;
}
.tf-context-default .tf-dynamic-text-item::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE1MjRfODQzOCkiPgo8cGF0aCBkPSJNNi44ODkyNiA3LjA2MjQ5SDEwLjA4MzNDMTAuNDY0MyA3LjA2MjQ5IDEwLjgwOCA3LjMwNTY1IDEwLjkxNjkgNy42Njg5NEMxMS4wNzQ0IDguMDM1MTUgMTAuOTc0MiA4LjQ0ODIzIDEwLjY4NzcgOC43MDYwNEwzLjM1NDM2IDE1LjI2ODVDMy4wMzA2NyAxNS41NTU3IDIuNTU3MTUgMTUuNTc5MSAyLjIxMTExIDE1LjMyMTNDMS44NjQ3OCAxNS4wNjM1IDEuNzM4NzQgMTQuNTk0NyAxLjkwNzQ2IDE0LjE5MzNMNC4xMTA2MSA4LjkzNzQ5SDAuODkwODIxQzAuNTM0NzU0IDguOTM3NDkgMC4xOTI4MDggOC42OTQzMyAwLjA1ODQ4ODEgOC4zMzEwNEMtMC4wNzU4MzIyIDcuOTY0ODMgMC4wMjU1NTY5IDcuNTUxNzUgMC4zMTMwMzUgNy4yOTM5NEw3LjY0NTUxIDAuNzMxOTYzQzcuOTY5MjEgMC40NDM3NCA4LjQ0MTg2IDAuNDIxNzk3IDguNzg4NDggMC42NzkxMTFDOS4xMzUwOSAwLjkzNjUxNCA5LjI2MTEzIDEuNDA0MzggOS4wOTIxMiAxLjgwNjkyTDYuODg5MjYgNy4wNjI0OVoiIGZpbGw9IiMzODU4RTkiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNTI0Xzg0MzgiPgo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMTUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuNSkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  line-height: 1;
}
.tf-context-default .cm-content[contenteditable=false] .tf-dynamic-text-item {
  filter: grayscale(1);
}
.tf-context-default .tf-dynamic-text-input {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  padding: 0;
}
.tf-context-default .tf-dynamic-text-input::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-dynamic-text-input::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-dynamic-text-input:focus-within {
  box-shadow: 0 0 0 1px #4b84ce;
  border-color: #4b84ce;
  outline: 2px solid transparent;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor {
  width: 100%;
  height: 100%;
  padding: 6px 8px;
  padding-top: 0;
  padding-bottom: 0;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor.cm-focused {
  outline: none;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-scroller {
  font-family: inherit;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-line,
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-content {
  padding: 0;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.tf-context-default .tf-editor .ProseMirror ul {
  list-style-type: disc;
}
.tf-context-default .tf-editor .ProseMirror ol {
  margin: 0px;
}
.tf-context-default .tf-editor .ProseMirror {
  padding: 4px 8px 4px 14px;
  line-height: 1.2;
  outline: none;
}
.tf-context-default .tf-editor .tf-editor-view-toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 5px;
}
.tf-context-default .tf-editor .tf-editor-view-toggle .tf-button-group {
  width: -moz-fit-content;
  width: fit-content;
}
.tf-context-default .tf-file-field {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-wrap: wrap;
}
.tf-context-default .tf-file-text {
  max-width: 192px;
  padding: 6px 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tf-context-default .tf-file-list {
  width: 300px;
  padding: 0;
  margin-bottom: 0;
}
.tf-context-default .tf-file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.tf-context-default .tf-file-item img {
  max-width: 200px;
}
.tf-context-default .tf-file-item span {
  flex-grow: 1;
  width: 70%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tf-context-default .tf-file-item .tf-button-upload-list {
  text-decoration: underline;
  font-style: italic;
  cursor: pointer;
}
.tf-context-default .tf-gallery-preview {
  display: flex;
}
.tf-context-default .tf-gallery-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
}
.tf-context-default .tf-gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 2px;
}
.tf-context-default .tf-gallery__controls {
  border: 1px solid #a7b1bb;
  border-radius: 2px;
  background: #fff;
  padding: 8px 12px;
}
.tf-context-default .tf-gallery-buttons {
  display: flex;
  gap: 10px;
}
.tf-context-default .tf-gradient-container {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 192px;
}
.tf-context-default .tf-gradient-input {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
}
.tf-context-default .tf-gradient-input::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-gradient-input::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-gradient-settings {
  padding: 6px 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tf-context-default .tf-gradient-settings .tf-gradient-settings-row {
  padding: 10px 0px;
}
.tf-context-default .tf-gradient-popover .tf-dialog {
  width: 100%;
}
.tf-context-default .tf-gradient-preview {
  position: relative;
  padding: 6px 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tf-context-default .tf-gradient-colors {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 8px;
  align-items: center;
  height: 32px;
}
.tf-context-default .tf-list-container {
  gap: 8px;
  display: flex;
  flex-direction: column;
}
.tf-context-default .tf-list-items {
  width: 192px;
}
.tf-context-default .tf-list-header,
.tf-context-default .tf-list-item,
.tf-context-default .tf-list-header label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tf-context-default .tf-list-header {
  padding: 6px 8px;
  border: 1px solid #8c8f94;
  background: #F0F0F0;
  border-radius: 2px;
  border-color: rgba(140, 143, 148, 0.5);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tf-context-default .tf-list-header label {
  height: 32px;
  margin: 0;
}
.tf-context-default .tf-list-item {
  width: 192px;
  height: 32px;
  background: white;
  border: 1px solid #8c8f94;
  border-color: rgba(140, 143, 148, 0.5);
  border-top: none;
  box-sizing: border-box;
}
.tf-context-default .tf-list-item .tf-list-item-text {
  padding: 6px 8px;
  font-weight: inherit;
  font-size: inherit;
  flex: 1;
}
.tf-context-default .tf-list-item .tf-list-item-actions {
  display: flex;
}
.tf-context-default .tf-list-search {
  display: flex;
  width: 192px;
}
.tf-context-default .tf-list-search .tf-combo-box {
  flex: 1;
}
.tf-context-default .tf-number {
  width: 100%;
}
.tf-context-default .tf-number input {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
}
.tf-context-default .tf-number input::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-number input::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-number .tf-label {
  display: flex;
}
.tf-context-default .tf-number-field {
  display: flex;
  width: 192px;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
}
.tf-context-default .tf-number[data-enabled=false] .tf-number-field {
  opacity: 0.5;
}
.tf-context-default .tf-number-button-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  padding: 6px 8px;
  height: auto;
}
.tf-context-default .tf-number-button-group .tf-button-number {
  box-sizing: border-box;
  background: white;
  border: solid 1px #d3d3d3;
  border-radius: 4px;
  color: #505050;
  padding: 0 12px;
  height: 32px;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  display: flex;
  padding: 0;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
  border: 0;
  min-width: 2em;
  height: 50%;
  line-height: 0;
  background-color: #eee;
}
.tf-context-default .tf-number-button-group .tf-button-number:hover {
  background: white;
  border-color: #31609e;
  color: #31609e;
}
.tf-context-default .tf-number-button-group .tf-button-number:hover {
  background-color: #e2e2e2;
}
.tf-context-default .tf-number-button-group .tf-button-number:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tf-context-default .tf-number-button-group .tf-button-number:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tf-context-default .tf-radio-group-container {
  display: flex;
  flex-direction: column;
}
.tf-context-default .tf-multiple-select,
.tf-context-default .tf-select {
  width: 192px;
  position: relative;
  display: inline-block;
}
.tf-context-default .tf-multiple-select > .tf-label,
.tf-context-default .tf-select > .tf-label {
  display: flex;
}
.tf-context-default .tf-multiple-select__value,
.tf-context-default .tf-select__value {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tf-context-default .tf-multiple-select .tf-button-select,
.tf-context-default .tf-select .tf-button-select {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}
.tf-context-default .tf-multiple-select .tf-button-select::-moz-placeholder, .tf-context-default .tf-select .tf-button-select::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-multiple-select .tf-button-select::placeholder,
.tf-context-default .tf-select .tf-button-select::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-multiple-select .tf-button-select[disabled],
.tf-context-default .tf-select .tf-button-select[disabled] {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.5);
}
.tf-context-default .tf-multiple-select .tf-select-icon,
.tf-context-default .tf-select .tf-select-icon {
  padding-left: 5px;
  font-size: 10px;
}
.tf-context-default .tf-multiple-select .tf-button-select,
.tf-context-default .tf-select .tf-button-select {
  cursor: pointer;
  font-size: inherit;
}
.tf-context-default .tf-simple-dimensions {
  display: flex;
  flex-direction: column;
}
.tf-context-default .tf-simple-dimensions .tf-select,
.tf-context-default .tf-simple-dimensions .tf-select .tf-button-select {
  width: auto;
}
.tf-context-default .tf-simple-dimensions-container {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.tf-context-default .tf-switch label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tf-context-default .tf-switch-element,
.tf-context-default .tf-switch-element-selected {
  position: relative;
  display: inline-block;
  height: 32px;
  aspect-ratio: 2/1;
}
.tf-context-default .tf-switch-element span,
.tf-context-default .tf-switch-element-selected span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 100vh;
}
.tf-context-default .tf-switch-element span::before,
.tf-context-default .tf-switch-element-selected span::before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: calc(100% - 8px);
  width: calc(50% - 8px);
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.tf-context-default .tf-switch-element-selected span {
  background-color: #4b84ce;
}
.tf-context-default .tf-switch-element-selected span:focus {
  box-shadow: 0 0 1px #4b84ce;
}
.tf-context-default .tf-switch-element-selected span::before {
  transform: translateX(calc(100% + 8px));
}
.tf-context-default .tf-tab-content .tf-field-group .tf-field-group-item {
  padding: 8px 12px;
  padding-left: 0;
  padding-right: 0;
}
.tf-context-default .tf-tab-content .tf-context-wp .tf-tab-content {
  padding: 0;
}
.tf-context-default .tf-text {
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
}
.tf-context-default .tf-text input {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
}
.tf-context-default .tf-text input::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-text input::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-text-area textarea {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  width: 100%;
  height: auto;
  padding: 0.6em;
}
.tf-context-default .tf-text-area textarea::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-text-area textarea::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-time-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tf-context-default .tf-time-field {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.tf-context-default .tf-time-field::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-time-field::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-time-field:focus-within {
  border-color: #4b84ce;
}
.tf-context-default .tf-repeater-bulk-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  padding: 6px 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tf-context-default .tf-repeater-bulk-actions > div, .tf-context-default .tf-repeater-bulk-actions > button {
  margin-right: 5px;
}
.tf-context-default .tf-repeater-advanced-label-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 8px 12px;
  box-sizing: border-box;
  gap: 8px;
}
.tf-context-default .tf-repeater-advanced-label-row .tf-repeater-advanced-label-row-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  flex-wrap: wrap;
}
.tf-context-default .tf-repeater-advanced-label-row .tf-repeater-advanced-label-row-item:first-child {
  font-weight: bold;
  color: #4b84ce;
}
.tf-context-default .tf-repeater-advanced-label-row .tf-repeater-advanced-label-row-arrow,
.tf-context-default .tf-repeater-advanced-label-row .tf-repeater-advanced-label-row-index {
  width: 32px;
}
.tf-context-default .tf-repeater-advanced-header {
  background: #F0F0F0;
  margin: 0;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  border-color: rgba(140, 143, 148, 0.5);
  border-bottom: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.tf-context-default .tf-repeater-advanced-header .tf-repeater-advanced-header-item {
  height: 32px;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  margin-bottom: revert;
  margin-bottom: 0;
}
.tf-context-default .tf-repeater-advanced-overview {
  background: white;
}
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-label-row-arrow,
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-label-row-index {
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-label-row-index {
  background: #F0F0F0;
}
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-label-row-arrow {
  cursor: pointer;
}
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-label-row-arrow > div {
  border: solid black;
  border-color: inherit;
  border-width: 0 1px 1px 0;
  display: inline-block;
  height: calc(32px / 4);
  width: calc(32px / 4);
}
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-overview-item-actions {
  width: 100%;
  height: 20px;
}
.tf-context-default .tf-repeater-advanced-overview .tf-repeater-advanced-overview-item-actions button {
  display: none;
}
.tf-context-default .tf-repeater-advanced-overview-item-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.tf-context-default .tf-repeater-advanced-overview-item-fields {
  display: flex;
}
.tf-context-default .tf-repeater-advanced-overview:hover .tf-repeater-advanced-overview-item-actions button {
  display: initial;
}
.tf-context-default .tf-repeater-advanced-item .tf-repeater-advanced-overview:hover,
.tf-context-default .tf-repeater-advanced-item[data-open=true] .tf-repeater-advanced-overview {
  background-color: #E2E7FF;
}
.tf-context-default .tf-repeater-advanced-item[data-open=true] .tf-repeater-advanced-label-row-arrow > div {
  transform: translateY(50%) rotate(-135deg);
}
.tf-context-default .tf-repeater-advanced-item[data-open=false] .tf-repeater-advanced-label-row-arrow > div {
  transform: translateY(-50%) rotate(45deg);
}
.tf-context-default .tf-repeater-advanced-item {
  position: relative;
  background-color: white;
  border: 1px solid #8c8f94;
  border-color: rgba(140, 143, 148, 0.5);
  border-radius: 2px;
  border-top: none;
  border-radius: 0px;
}
.tf-context-default .tf-repeater-advanced-item[data-open=true]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: #4b84ce;
}
.tf-context-default .tf-repeater-advanced-container > .tf-repeater-actions {
  border: 1px solid #8c8f94;
  border-color: rgba(140, 143, 148, 0.5);
  border-radius: 2px;
  border-top: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: white;
}
.tf-context-default .tf-repeater-advanced-row {
  margin-left: 32px;
  margin-right: 32px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.tf-context-default .tf-repeater-advanced-row .tf-repeater-advanced-item-field {
  padding: 8px 12px;
}
.tf-context-default .tf-repeater-advanced-item-field:has(> div[data-overlay-container=true]:empty) {
  display: none;
}
.tf-context-default .tf-repeater-advanced-item-field:has(input.tf-hidden[type=hidden]) {
  padding: 0px;
}
.tf-context-default .tf-repeater-advanced .tf-repeater-actions {
  padding: 8px 12px;
}
.tf-context-default .tf-repeater-bare-items {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.tf-context-default .tf-repeater-bare-items .tf-repeater-bare-row {
  display: flex;
  width: 100%;
  gap: 8px;
}
.tf-context-default .tf-repeater-block-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 6px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
}
.tf-context-default .tf-repeater-block-item .tf-panel-header .tf-switch-element,
.tf-context-default .tf-repeater-block-item .tf-panel-header .tf-switch-element-selected {
  transform: scale(0.7);
}
.tf-context-default .tf-repeater-block-item-field {
  padding: 1em;
}
.tf-context-default .tf-repeater-block-item-field:has(> div[data-overlay-container=true]:empty) {
  display: none;
}
.tf-context-default .tf-repeater-tab-icon-actions {
  display: flex;
  align-items: center;
}
.tf-context-default .tf-repeater-tab-icon-actions button {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.tf-context-default .tf-repeater-tab-add-item {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  justify-content: flex-start;
}
.tf-context-default .tf-repeater-container .tf-tab-container {
  border: none;
}
.tf-context-default .tf-repeater-table-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  border-color: rgba(140, 143, 148, 0.5);
}
.tf-context-default .tf-repeater-table-container .tf-repeater-actions {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
  justify-content: flex-start;
  padding: 8px 12px;
}
.tf-context-default .tf-repeater-table-container table {
  width: 100%;
  padding: 4px;
  padding-top: 0;
}
.tf-context-default .tf-repeater-table-container table th, .tf-context-default .tf-repeater-table-container table tr {
  min-height: 32px;
  padding: 2px;
}
.tf-context-default .tf-repeater-table-container table th {
  height: 32px;
  text-align: left;
}
.tf-context-default .tf-repeater-table-container table td > div {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tf-context-default .tf-repeater-table-container table td > div > div {
  width: 100%;
}
.tf-context-default .tf-repeater-table-container .tf-repeater-row-actions {
  width: 1%;
}
.tf-context-default .tf-repeater-table-container .tf-repeater-row-actions > div {
  display: inline-flex;
  gap: 6px;
}
.tf-context-default .tf-repeater-actions {
  display: flex;
  justify-content: flex-end;
  padding: 2px;
  padding-bottom: 4px;
  gap: 6px;
}
.tf-context-default .tf-repeater-actions .tf-button-action:last-child {
  color: #CC1818;
  border-color: #CC1818;
}
.tf-context-default .tf-repeater-title {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  margin-bottom: revert;
}
.tf-context-default .tf-repeater-block-items {
  margin-top: 8px;
  margin-bottom: 8px;
}
.tf-context-default .tf-dynamic-wrapper {
  display: flex;
  position: relative;
  align-items: center;
}
.tf-context-default .tf-dynamic-wrapper .tf-dynamic-wrapper-popover {
  position: absolute;
  top: 100%;
  z-index: 900;
  width: 192px;
}
.tf-context-default .tf-dynamic-wrapper .tf-dynamic-wrapper-popover-form {
  background: white;
  z-index: 900;
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #8c8f94;
}
.tf-context-default .tf-dynamic-wrapper .tf-dynamic-wrapper-popover-form > * {
  margin: 12px 0;
}
.tf-context-default .tf-dynamic-wrapper .tf-dynamic-wrapper-popover-buttons {
  display: flex;
  justify-content: flex-end;
}
.tf-context-default .tf-dynamic-wrapper .tf-dynamic-wrapper-popover-buttons button {
  margin-left: 6px;
}
.tf-context-default .tf-dynamic-wrapper.tf-dynamic-wrapper-buttons-outside {
  gap: 8px;
}
.tf-context-default .tf-dynamic-wrapper.tf-dynamic-wrapper-buttons-inside {
  width: -moz-fit-content;
  width: fit-content;
  gap: 0;
}
.tf-context-default .tf-dynamic-wrapper.tf-dynamic-wrapper-buttons-inside .tf-button-icon {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  right: 1px;
  border: none;
  background: transparent;
  height: 32px;
}
.tf-context-default .tf-dynamic-wrapper.tf-dynamic-wrapper-buttons-inside .tf-button-icon:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxMyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTIxNTggNi45OTk4N0gxMS4wMDg3QzExLjQyNDYgNi45OTk4NyAxMS43OTk5IDcuMjU5MjQgMTEuOTE4OCA3LjY0NjczQzEyLjA5MDggOC4wMzczNSAxMS45ODEzIDguNDc3OTcgMTEuNjY4NiA4Ljc1Mjk3TDExLjA2NTkgOS4yNzk5MkMxMC41NzgyIDkuMDk4OTEgMTAuMDUwNyA5IDkuNSA5QzcuMDE0NzIgOSA1IDExLjAxNDcgNSAxMy41QzUgMTMuODM5NSA1LjAzNzU5IDE0LjE3MDIgNS4xMDg4NCAxNC40ODgxTDMuNjYyMzEgMTUuNzUyOEMzLjMwODkxIDE2LjA1OTEgMi43OTE5NCAxNi4wODQxIDIuNDE0MTQgMTUuODA5MUMyLjAzNjAzIDE1LjUzNDEgMS44OTg0MyAxNS4wMzQxIDIuMDgyNjMgMTQuNjA2TDQuNDg3OTUgOC45OTk4NEgwLjk3MjdDMC41ODM5NTggOC45OTk4NCAwLjIxMDYzNSA4Ljc0MDQ3IDAuMDYzOTg4NSA4LjM1Mjk3Qy0wLjA4MjY1NzcgNy45NjIzNSAwLjAyODAzNTMgNy41MjE3NCAwLjM0MTg5NCA3LjI0Njc0TDguMzQ3MjMgMC4yNDc0MjNDOC43MDA2MyAtMC4wNjAwMDkyIDkuMjE2NjYgLTAuMDgzNDE1MSA5LjU5NTA4IDAuMTkxMDQ5QzkuOTczNSAwLjQ2NTYwNyAxMC4xMTExIDAuOTY0NjYxIDkuOTI2NTkgMS4zOTQwM0w3LjUyMTU4IDYuOTk5ODdaIiBmaWxsPSIjMUUxRTFFIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS41IDE3QzExLjQzMyAxNyAxMyAxNS40MzMgMTMgMTMuNUMxMyAxMS41NjcgMTEuNDMzIDEwIDkuNSAxMEM3LjU2NyAxMCA2IDExLjU2NyA2IDEzLjVDNiAxNS40MzMgNy41NjcgMTcgOS41IDE3Wk0xMiAxMy41MDAxQzEyIDEzLjgxOSAxMS43NDE2IDE0LjA3NzIgMTEuNDIzMSAxNC4wNzcySDEwLjA3NjlWMTUuNDIzM0MxMC4wNzY5IDE1Ljc0MjIgOS44MTg1NyAxNiA5LjUgMTZDOS4xODE0MyAxNiA4LjkyMzA4IDE1Ljc0MjIgOC45MjMwOCAxNS40MjMzVjE0LjA3NzJINy41NzY5MkM3LjI1ODM1IDE0LjA3NzIgNyAxMy44MTkgNyAxMy41MDAxQzcgMTMuMTgxMSA3LjI1ODM1IDEyLjkyMzMgNy41NzY5MiAxMi45MjMzSDguOTIzMDhWMTEuNTc3MUM4LjkyMzA4IDExLjI1ODIgOS4xODE0MyAxMSA5LjUgMTFDOS44MTg1NyAxMSAxMC4wNzY5IDExLjI1ODIgMTAuMDc2OSAxMS41NzcxVjEyLjkyMzNIMTEuNDIzMUMxMS43NDIyIDEyLjkyMzIgMTIgMTMuMTgxIDEyIDEzLjUwMDFaIiBmaWxsPSIjMUUxRTFFIi8+Cjwvc3ZnPgo=);
  line-height: 1;
  padding: 0px 5px;
}
.tf-context-default .tf-dynamic-wrapper.tf-dynamic-wrapper-buttons-inside .tf-button-icon.cm-content[contenteditable=false]::before {
  display: none;
}
.tf-context-default .tf-dynamic-field-wrapper.tf-dynamic-wrapper .tf-dynamic-value-input:disabled {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.5);
}
.tf-context-default .tf-dynamic-field-wrapper.tf-dynamic-wrapper .tf-dynamic-value-input {
  box-sizing: border-box;
}
.tf-context-default .tf-dynamic-field-wrapper.tf-dynamic-wrapper .tf-button-icon.tf-dynamic-wrapper-clear::before {
  content: "⨯";
}
.tf-context-default .tf-dynamic-text-input {
  padding: 6px 8px;
  height: 32px;
  width: 192px;
  border: 1px solid #8c8f94;
  border-radius: 2px;
  background: white;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  box-shadow: unset;
  height: calc(32px - 12px);
  width: calc(192px - 16px);
}
.tf-context-default .tf-dynamic-text-input::-moz-placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-dynamic-text-input::placeholder {
  color: initial;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.tf-context-default .tf-dynamic-text-input:focus-within {
  border-color: #4b84ce;
}
.tf-context-default .tf-dynamic-text-input:has(.cm-content[contenteditable=false]) {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.4);
  background: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.tf-context-default .tf-dynamic-text-input:has(.cm-content[contenteditable=false]) .tf-dynamic-text-input__affix {
  border-color: rgba(0, 0, 0, 0.1);
}
.tf-context-default .tf-dynamic-text-input--has-suffix, .tf-context-default .tf-dynamic-text-input--has-prefix {
  display: flex;
  padding: 0;
  height: auto;
}
.tf-context-default .tf-dynamic-text-input--has-suffix > .cm-editor, .tf-context-default .tf-dynamic-text-input--has-prefix > .cm-editor {
  flex: 1 1 auto;
  min-height: 32px;
  overflow: hidden;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor {
  width: 100%;
  height: 100%;
  justify-content: center;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-line,
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-content {
  padding: 0;
}
.tf-context-default .tf-dynamic-text-input > .cm-editor .cm-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tf-context-default .tf-dynamic-text-input .tf-dynamic-text-item-delete:before {
  content: "⨯";
  padding-left: 3px;
  cursor: pointer;
}
.tf-context-default .tf-dynamic-text-input__affix {
  font-weight: 700;
  font-size: 0.8em;
  border-style: solid;
  border-width: 0;
  border-color: #8c8f94;
  padding: 0 0.5em;
  display: inline-flex;
  align-items: center;
  text-wrap: nowrap;
}
.tf-context-default .tf-dynamic-text-input__affix--prefix {
  border-right-width: 1px;
}
.tf-context-default .tf-dynamic-text-input__affix--suffix {
  border-left-width: 1px;
}
.tf-context-default .tf-dynamic-text-input:focus-within .tf-dynamic-text-input__affix {
  border-color: #4b84ce;
}
.tf-context-default .tf-dynamic-wrapper[data-dynamic=true] .cm-editor {
  padding-right: 25px;
}
.tf-context-default .tf-dynamic-wrapper[data-dynamic=true] .cm-editor:has(.cm-content[contenteditable=false]) {
  padding-right: 0px;
}
.tf-context-default .tf-dynamic-wrapper[data-dynamic=true] .tf-dynamic-text-input--has-suffix .cm-editor {
  padding-right: 8px;
}
.tf-context-default .tf-dynamic-wrapper[data-dynamic=true] .tf-dynamic-text-input__affix--suffix {
  margin-right: 33px;
  border-right-width: 1px;
}

/**
* ProseMirror Menu
*/
.ProseMirror-textblock-dropdown {
  min-width: 3em;
}

.ProseMirror-menu {
  margin: 0 -4px;
  line-height: 1;
}

.ProseMirror-tooltip .ProseMirror-menu {
  width: -moz-fit-content;
  width: fit-content;
  white-space: pre;
}

.ProseMirror-menuitem {
  margin-right: 3px;
  display: inline-block;
}

.ProseMirror-menuseparator {
  border-right: 1px solid #ddd;
  margin-right: 3px;
}

.ProseMirror-menu-dropdown, .ProseMirror-menu-dropdown-menu {
  font-size: 90%;
  white-space: nowrap;
}

.ProseMirror-menu-dropdown {
  vertical-align: 1px;
  cursor: pointer;
  position: relative;
  padding-right: 15px;
}

.ProseMirror-menu-dropdown-wrap {
  padding: 1px 0 1px 4px;
  display: inline-block;
  position: relative;
}

.ProseMirror-menu-dropdown:after {
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  opacity: 0.6;
  position: absolute;
  right: 4px;
  top: calc(50% - 2px);
}

.ProseMirror-menu-dropdown-menu, .ProseMirror-menu-submenu {
  position: absolute;
  background: white;
  color: #666;
  border: 1px solid #aaa;
  padding: 2px;
}

.ProseMirror-menu-dropdown-menu {
  z-index: 15;
  min-width: 6em;
}

.ProseMirror-menu-dropdown-item {
  cursor: pointer;
  padding: 2px 8px 2px 4px;
}

.ProseMirror-menu-dropdown-item:hover {
  background: #f2f2f2;
}

.ProseMirror-menu-submenu-wrap {
  position: relative;
  margin-right: -4px;
}

.ProseMirror-menu-submenu-label:after {
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid currentColor;
  opacity: 0.6;
  position: absolute;
  right: 4px;
  top: calc(50% - 4px);
}

.ProseMirror-menu-submenu {
  display: none;
  min-width: 4em;
  left: 100%;
  top: -3px;
}

.ProseMirror-menu-active {
  background: #eee;
  border-radius: 4px;
}

.ProseMirror-menu-disabled {
  opacity: 0.3;
}

.ProseMirror-menu-submenu-wrap:hover .ProseMirror-menu-submenu,
.ProseMirror-menu-submenu-wrap-active .ProseMirror-menu-submenu {
  display: block;
}

.ProseMirror-menubar {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  position: relative;
  min-height: 1em;
  color: #666;
  padding: 1px 6px;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid silver;
  background: white;
  z-index: 10;
  box-sizing: border-box;
  overflow: visible;
}

.ProseMirror-icon {
  display: inline-block;
  line-height: 0.8;
  vertical-align: -2px; /* Compensate for padding */
  padding: 2px 8px;
  cursor: pointer;
}

.ProseMirror-menu-disabled.ProseMirror-icon {
  cursor: default;
}

.ProseMirror-icon svg {
  fill: currentColor;
  height: 1em;
}

.ProseMirror-icon span {
  vertical-align: text-top;
}

.ProseMirror-menubar-wrapper {
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.2);
  height: 150px;
  border-radius: 5px;
  resize: vertical;
  overflow: auto;
}

.ProseMirror-menubar {
  box-sizing: border-box;
  overflow: visible;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding-top: 12px;
  padding-bottom: 12px;
}

.ProseMirror.ProseMirror-example-setup-style {
  padding-left: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  border-radius: 5px;
  margin-bottom: 20px;
}

/**
* ProseMirror Example Setup
*/
/* Add space around the hr to make clicking it easier */
.ProseMirror-example-setup-style hr {
  padding: 2px 10px;
  border: none;
  margin: 1em 0;
}

.ProseMirror-example-setup-style hr:after {
  content: "";
  display: block;
  height: 1px;
  background-color: silver;
  line-height: 2px;
}

.ProseMirror ul, .ProseMirror ol {
  padding-left: 30px;
}

.ProseMirror blockquote {
  padding-left: 1em;
  border-left: 3px solid #eee;
  margin-left: 0;
  margin-right: 0;
}

.ProseMirror-example-setup-style img {
  cursor: default;
}

.ProseMirror-prompt {
  background: white;
  padding: 8px 10px 8px 15px;
  border: 1px solid silver;
  position: fixed;
  border-radius: 3px;
  z-index: 9999999;
  box-shadow: -0.5px 2px 5px rgba(0, 0, 0, 0.2);
}

.ProseMirror-prompt h5 {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
  color: #444;
}

.ProseMirror-prompt input[type=text],
.ProseMirror-prompt textarea {
  background: #eee;
  border: none;
  outline: none;
}

.ProseMirror-prompt input[type=text] {
  padding: 0 4px;
  margin-top: 5px;
}

.ProseMirror-prompt-close {
  position: absolute;
  left: 2px;
  top: 1px;
  color: #666;
  border: none;
  background: transparent;
  padding: 0;
}

.ProseMirror-prompt-close:after {
  content: "✕";
  font-size: 12px;
}

.ProseMirror-invalid {
  background: #ffc;
  border: 1px solid #cc7;
  border-radius: 4px;
  padding: 5px 10px;
  position: absolute;
  min-width: 10em;
}

.ProseMirror-prompt-buttons {
  margin-top: 5px;
}

/**
* ProseMirror View
*/
.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection *::selection {
  background: transparent;
}

.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
}

.ProseMirror-hideselection {
  caret-color: transparent;
}

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */
li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/* Protect against generic img rules */
img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}

/**
* ProseMirror Gap Cursor
*/
.ProseMirror-gapcursor {
  display: none;
  pointer-events: none;
  position: absolute;
}

.ProseMirror-gapcursor:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
  to {
    visibility: hidden;
  }
}
.ProseMirror-focused .ProseMirror-gapcursor {
  display: block;
}
/*# sourceMappingURL=index.min.css.map */