verdocs-template-fields {
  font-family: var(--verdocs-primary-font, "Inter", "Barlow", sans-serif);
  position: relative;
  display: block;
  min-height: 600px;
}
verdocs-template-fields .page-0 {
  padding: 65px 15px 0 15px;
  box-sizing: border-box;
}
verdocs-template-fields .page-0 .user-placed-fields {
  height: 100px;
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.0588235294);
}
verdocs-template-fields .page-0 .user-placed-fields .title {
  top: 0;
  left: 0;
  color: #ffffff;
  font-size: 12px;
  padding: 3px 6px;
  font-weight: bold;
  position: absolute;
  background: #46497d;
}
verdocs-template-fields .pages {
  display: flex;
  padding: 15px;
  row-gap: 15px;
  min-height: 200px;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
}
verdocs-template-fields .pages div,
verdocs-template-fields .pages canvas {
  box-sizing: border-box;
}
verdocs-template-fields .pages .document-separator {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  width: 100%;
  box-sizing: border-box;
  background-color: #33364b;
  color: white;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
verdocs-template-fields .pages .document-separator svg {
  flex-shrink: 0;
}
verdocs-template-fields .pages .document-separator:first-child {
  margin-top: 0;
}
verdocs-template-fields #verdocs-template-fields-toolbar {
  width: 100%;
  height: 50px;
  display: flex;
  column-gap: 15px;
  font-weight: 700;
  padding: 0 20px 0 0;
  align-items: center;
  flex-direction: row;
  color: #f5f5fa;
  justify-content: center;
  background: #46497d;
}
verdocs-template-fields #verdocs-template-fields-toolbar > verdocs-select-input {
  margin: 0;
}
verdocs-template-fields #verdocs-template-fields-toolbar svg {
  width: 24px;
  height: 24px;
}
verdocs-template-fields #verdocs-template-fields-toolbar .add-for {
  margin: 0;
  font-weight: 500;
  color: #f5f5fa;
}
verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input {
  margin: 0 20px 0 0;
}
@media all and (max-width: 1000px) {
  verdocs-template-fields #verdocs-template-fields-toolbar {
    column-gap: 8px;
    padding: 0 10px 0 0;
  }
  verdocs-template-fields #verdocs-template-fields-toolbar svg {
    transform: scale(0.8);
  }
  verdocs-template-fields #verdocs-template-fields-toolbar .add-for,
  verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input {
    display: none;
  }
}
@media all and (max-width: 600px) {
  verdocs-template-fields #verdocs-template-fields-toolbar {
    column-gap: 6px;
  }
  verdocs-template-fields #verdocs-template-fields-toolbar svg {
    transform: scale(0.6);
  }
  verdocs-template-fields #verdocs-template-fields-toolbar .separator,
  verdocs-template-fields #verdocs-template-fields-toolbar .add-for,
  verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input {
    display: none;
  }
}
verdocs-template-fields.placing-attachment {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-checkbox {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-date {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-dropdown {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-initial {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-payment {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-radio {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-signature {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-textarea {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z'/%3E%3C/svg%3E") 16 16, pointer;
}
verdocs-template-fields.placing-textbox {
  cursor: url("data:image/svg+xml,%3Csvg width='32' height='15' viewBox='0 0 32 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1401_24' fill='white'%3E%3Cpath d='M0 0H32V15H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H32V15H0V0Z' fill='%234C56CB' fill-opacity='0.1'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM0 15H-1V16H0V15ZM0 1H32V-1H0V1ZM32 14H0V16H32V14ZM1 15V0H-1V15H1Z' fill='%234C56CB' mask='url(%23path-1-inside-1_1401_24)'/%3E%3Cpath d='M3 11.8V8.65H14.15V11.8H3ZM3 6.65V3.5H20.15V6.65H3Z' fill='%234C56CB'/%3E%3Cline x1='31.5' y1='1' x2='31.5' y2='14' stroke='%234C56CB' stroke-opacity='0.32' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A") 0 14, pointer;
}
verdocs-template-fields.placing-timestamp {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E") 16 16, pointer;
}