/* Dark theme */

:root {
  --ycf-accent-color: #059ce2;
  --ycf-accent-color-darker: #0483be;
  --ycf-base-text-color: #ffffff;
  --ycf-light-text-color: #aaaebd;
  --ycf-danger-color: #ef325f;
  --ycf-danger-color-lighten: #fff0f0;
  --ycf-danger-color-darker: #ed1245;
  --ycf-base-border-color: #343434;
  --ycf-base-x-spacing: 16px;

  --ycf-form-font-family: inherit;
  --ycf-form-font-family-monospace: 'Consolas', monospace;

  --ycf-form-max-width: 700px;
  --ycf-form-background-color: #191c23;
  --ycf-form-border-width: 1px;
  --ycf-form-border-color: var(--ycf-base-border-color);
  --ycf-form-border-radius: 1rem;
  --ycf-form-title-size: 1.25rem;
  --ycf-form-title-margin-bottom: 1.5rem;
  --ycf-form-group-title-size: 1.125rem;
  --ycf-form-group-title-border-color: var(--ycf-base-border-color);

  --ycf-link-color: var(--ycf-base-text-color);

  --ycf-field-text-color: var(--ycf-base-text-color);
  --ycf-field-placeholder-color: var(--ycf-light-text-color);
  --ycf-field-helper-text-color: var(--ycf-light-text-color);
  --ycf-field-background-color: #25252d;
  --ycf-field-border-color: var(--ycf-base-border-color);
  --ycf-field-border-color-focus: var(--ycf-accent-color);
  --ycf-field-border-width: 1px;
  --ycf-field-border-radius: 0.375rem;
  --ycf-boolean-field-border-color: #404040;
  --ycf-boolean-field-background-color: #30303b;
  --ycf-boolean-field-background-color-checked: var(--ycf-accent-color);
  --ycf-boolean-field-border-radius: 0.25rem;

  --ycf-button-border-radius: 0.5rem;

  --ycf-button-primary-text-color: #fff;
  --ycf-button-primary-background-color: var(--ycf-accent-color);
  --ycf-button-primary-background-color-hover: var(--ycf-accent-color-darker);
  --ycf-button-primary-background-color-disabled: var(--ycf-accent-color-darker);
  --ycf-button-primary-border-color: var(--ycf-accent-color);
  --ycf-button-primary-border-color-hover: var(--ycf-accent-color-darker);
  --ycf-button-primary-border-color-disabled: var(--ycf-accent-color-darker);
  --ycf-button-primary-focus-visible-color: var(--ycf-accent-color-darker);

  --ycf-button-danger-text-color: #fff;
  --ycf-button-danger-background-color: var(--ycf-danger-color);
  --ycf-button-danger-background-color-hover: var(--ycf-danger-color-darker);
  --ycf-button-danger-background-color-disabled: var(--ycf-danger-color);
  --ycf-button-danger-border-color: var(--ycf-danger-color);
  --ycf-button-danger-border-color-hover: var(--ycf-danger-color-darker);
  --ycf-button-danger-border-color-disabled: var(--ycf-danger-color);
  --ycf-button-danger-focus-visible-color: var(--ycf-danger-color-darker);

  --ycf-button-light-text-color: #fff;
  --ycf-button-light-background-color: #343434;
  --ycf-button-light-background-color-hover: #454545;
  --ycf-button-light-background-color-disabled: #25252d;
  --ycf-button-light-border-color: #343434;
  --ycf-button-light-border-color-hover: #454545;
  --ycf-button-light-border-color-disabled: #25252d;
}

/* Overwrites */

:root {
  --ycf-accent-color: #007aff;
  --ycf-accent-color-darker: #007aff;
  --ycf-base-text-color: var(--ycf-accent-color);
  --ycf-light-text-color: #c8ccd3;
  --ycf-danger-color: #fe5672;
  --ycf-danger-color-lighten: #f7cfd3;
  --ycf-danger-color-darker: rgb(254 86 114 / 20%);
  --ycf-base-border-color: var(--ycf-accent-color);

  --ycf-form-max-width: 500px;
  --ycf-form-background-color: transparent;
  --ycf-form-border-radius: 0;
  --ycf-form-border-width: 0;

  --ycf-link-color: #fff;

  --ycf-field-text-color: var(--ycf-accent-color);
  --ycf-field-background-color: transparent;
  --ycf-field-border-radius: 0.5rem;
  --ycf-boolean-field-border-color: #fff;
  --ycf-boolean-field-background-color: var(--ycf-field-background-color);

  --ycf-button-border-radius: 1.688rem;
}

/* outer */

.yepcode-form-wrapper {
  margin: 0 auto !important;
  padding-bottom: 3.125rem !important;
}

.yepcode-form-wrapper > .yepcode-loading-overlay-root,
.yepcode-form-wrapper > .yepcode-form-outer {
  padding: 0 !important;
}

/* form group */

.yepcode-form .form-group {
  margin-bottom: 0.5rem !important;
}

/* label */

.yepcode-form .form-label {
  margin-bottom: 0.5rem;
}

.yepcode-form .form-label,
.yepcode-form .form-check-label,
.yepcode-form .custom-control-label {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.063rem;
}

.yepcode-form .form-check-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
  font-weight: 600;
}

/* input */

.yepcode-form input,
.yepcode-form select,
.yepcode-form textarea {
  font-weight: 600 !important;
  padding: 0.5rem 0.625rem !important;
}

/* privacy */

.yepcode-form label[for^='root'][for$='privacyPolicy'] {
  font-size: 0.875rem;
  line-height: normal;
  color: var(--ycf-light-text-color);
}

/* button */

.yepcode-form .btn {
  width: 100% !important;
  padding: 0.906rem 1.25rem;
  font-size: 0.938;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.188rem;
  min-width: 190px;
  text-align: center;
  display: inline-block;
}

.yepcode-form .btn:hover {
  background-image: linear-gradient(149deg,#6db1e0 0%,#007aff 100%);
}

/* radio & checkbox group */

.yepcode-form .yepcode-widget-checkboxes .form-group .form-group,
.yepcode-form .yepcode-widget-radio .form-group .form-group {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  column-gap: 1.5rem;
}

/* select */

.yepcode-form .custom-select {
  height: unset !important;
  background: var(--ycf-field-background-color) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0MjFfMzM4MTApIj4KPHBhdGggZD0iTTcuNDEgOC41ODk4NEwxMiAxMy4xNjk4TDE2LjU5IDguNTg5ODRMMTggOS45OTk4NEwxMiAxNS45OTk4TDYgOS45OTk4NEw3LjQxIDguNTg5ODRaIiBmaWxsPSIjMDA3QUZGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQyMV8zMzgxMCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat right 0.75rem center;
}

/* hr */

.yepcode-form hr,
.yepcode-form [id^='root_'][id$='__title'] h5 + hr {
  background-color: #fff !important;
}

/* Title and description */

div#root_rj4t13ei__title {
  font-size: 31px;
  color: #fff;
  text-align: center;
}

div#root_0nh5m3ih__description {
  color: #fff;
  text-align: center;
}

/* link */

.yepcode-form a {
  text-decoration: none;
}

/* text */

.yepcode-form p {
  color: var(--ycf-accent-color);
}

/* danger */

.yepcode-form .text-danger,
.yepcode-form .text-danger p {
  color: var(--ycf-danger-color) !important;
}

.yepcode-form .text-danger p {
  margin: .3em 0 .6em 0;
}

.yepcode-form .text-danger.form-label {
  color: var(--ycf-accent-color) !important;
}

.yepcode-form .container-fluid + [id^='root_'][id$='__error'] {
  padding: 0.75rem 1rem !important;
  margin: 0.625rem 0 1.125rem 0 !important;
  border-radius: var(--ycf-field-border-radius);
  background-color: var(--ycf-danger-color-darker);
}

.yepcode-form .container-fluid + [id^='root_'][id$='__error'] p {
  font-size: 1rem !important;
  margin: 0 !important;
}

.yepcode-form .field-error.has-error.has-danger .form-control:focus {
  border-color: inherit !important;
}

/* phone */

.form-group.field.field-object.yepcode-type-object.yepcode-widget-default.yepcode-field-default > .form-group .row:first-of-type {
  width: 30%;
}

.form-group.field.field-object.yepcode-type-object.yepcode-widget-default.yepcode-field-default > .form-group .row:last-of-type {
  width: 70%;
}

.form-group.field.field-object.yepcode-type-object.yepcode-widget-default.yepcode-field-default .form-group .p-0.container-fluid {
 display: flex;
 align-items: flex-end;
}

.form-group.field.field-object.yepcode-type-object.yepcode-widget-default.yepcode-field-default .form-group.field.field-string.yepcode-type-string.yepcode-widget-default.yepcode-field-default select {
  border-radius: var(--ycf-field-border-radius) 0 0 var(--ycf-field-border-radius);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 1.75rem !important;
}

.form-group.field.field-object.yepcode-type-object.yepcode-widget-default.yepcode-field-default .form-group.field.field-string.yepcode-type-string.yepcode-widget-default.yepcode-field-default input {
  border-radius: 0 var(--ycf-field-border-radius) var(--ycf-field-border-radius) 0;
  border-left: none;
}

.form-group.field.field-object.yepcode-type-object.yepcode-widget-default.yepcode-field-default .form-group.field.field-string.yepcode-type-string.yepcode-widget-default.yepcode-field-default .list-group {
  position: absolute;
}