/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/feed-settings/signers.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/* ---------------------------------------------------
	Variables
--------------------------------------------------- */
/* ---------------------------------------------------
	Colors
--------------------------------------------------- */
/* ---------------------------------------------------
	Components
--------------------------------------------------- */
.legalsigning-signer-number {
  background: #57BF5C;
  border-radius: 50%;
  color: #FFF;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 600;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  width: 1.5rem;
}
.legalsigning-signer-number--completed {
  background: #7C7E9B;
}

/* ---------------------------------------------------
	Signers Field
--------------------------------------------------- */
.legalsigning-signer-number {
  background: #57BF5C;
  border-radius: 50%;
  color: #FFF;
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-align: center;
  width: 1.5rem;
}

.legalsigning-signers__signer {
  align-items: center;
  display: flex;
  margin: 0 0 0.625rem;
}
.legalsigning-signers__signer-handle {
  border-right: 1px solid #C3C5DB;
  margin: 0 0.875rem 0 0;
  padding: 0.375rem 0.875rem 0.375rem 0;
  width: 1rem;
}
.legalsigning-signers__signer-handle--disabled {
  border-right-color: transparent;
}
.legalsigning-signers__signer-handle button {
  background: transparent;
  border: none;
  cursor: grab;
  display: block;
  height: 0.75rem;
  padding: 0;
  width: 1rem;
}
.legalsigning-signers__signer .legalsigning-signer-number {
  margin-right: 0.6875rem;
}
.legalsigning-signers__signer-type {
  flex-grow: 0;
  margin-right: 0.625rem;
  width: auto !important;
}
.legalsigning-signers__signer-type[disabled] {
  background: rgba(149, 149, 169, 0.1) !important;
  border-color: #E6E6EE !important;
  color: #242748 !important;
}
.legalsigning-signers__signer-value {
  margin-right: 0.5625rem;
  position: relative;
  width: 17.375rem;
}
.legalsigning-signers__signer-value input,
.legalsigning-signers__signer-value select {
  padding-left: 2.75rem !important;
  width: 100% !important;
}
.legalsigning-signers__signer-value--error input,
.legalsigning-signers__signer-value--error select {
  border: 2px solid #D62121 !important;
}
.legalsigning-signers__signer-value--field select {
  background: url("../../images/feed-settings/signers/value--field.svg") no-repeat 1.125rem center/1rem, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%239092B2%22%2F%3E%3C%2Fsvg%3E") no-repeat right 0.6rem top 55% !important;
}
.legalsigning-signers__signer-value--email input {
  background: url("../../images/feed-settings/signers/value--email.svg") no-repeat 1.125rem center/1rem !important;
}
.legalsigning-signers__signer-value--user select {
  background: url("../../images/feed-settings/signers/value--user.svg") no-repeat 1.125rem center/1rem, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%239092B2%22%2F%3E%3C%2Fsvg%3E") no-repeat right 0.6rem top 55% !important;
}
.legalsigning-signers__signer-value--disabled span {
  background: rgba(149, 149, 169, 0.1);
  border: 1px solid #E6E6EE;
  border-radius: 0.1875rem;
  box-sizing: border-box;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.6875rem 2rem 0.6875rem 1rem;
  pointer-events: none;
}
.legalsigning-signers__signer-error {
  background: #D62121 url("../../images/feed-settings/signers/value--error.svg") no-repeat 0.625rem center/1rem;
  border-radius: 0.375rem;
  color: #FFF;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  left: 100%;
  margin-left: 0.5rem;
  margin-top: -1.125rem;
  padding: 0.5625rem 0.625rem 0.5625rem 2.25rem;
  position: absolute;
  top: 50%;
  white-space: nowrap;
}
.legalsigning-signers__signer-error:before {
  border-bottom: 0.625rem solid transparent;
  border-right: 0.625rem solid #D62121;
  border-top: 0.625rem solid transparent;
  content: "";
  height: 0;
  left: -0.3125rem;
  position: absolute;
  width: 0;
}
.legalsigning-signers__signer-actions {
  align-items: center;
  display: inline-flex;
}
.legalsigning-signers__signer-action {
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E6E6EE;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  height: 1.625rem;
  justify-content: center;
  padding: 0;
  width: 1.625rem;
}
.legalsigning-signers__signer-action--add {
  margin-right: 0.375rem;
}