@charset "UTF-8";
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

form:not(.is-empty) {
  margin-top: 3.5rem; }

@media screen and (min-width: 769px), print {
  form {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto; } }

form .errors {
  margin-bottom: 1rem; }

form .field {
  position: relative; }
  form .field:not(:last-child) {
    margin-bottom: 1.5rem; }
  form .field label {
    font-weight: 500; }
    form .field label .optional {
      float: right;
      font-size: .85rem;
      color: #b5b5b5; }
  form .field .input,
  form .field .select,
  form .field .select select,
  form .field .dropdown-select,
  form .field .dropdown-select .dropdown-trigger .select,
  form .field .dropdown-select .dropdown-trigger .select .input {
    height: 3.5rem; }
  form .field .control.has-icons-left .icon,
  form .field .control.has-icons-right .icon {
    height: 2.75em; }
  form .field .input {
    padding-left: 0.8rem; }
  form .field .input,
  form .field .select,
  form .field .icon {
    transition: all 250ms ease-in-out; }
  form .field .input:not(:hover):not(:active):not(:focus):not(.is-focused):not(.is-active),
  form .field .select:not(:hover):not(:active):not(:focus):not(.is-focused):not(.is-active) {
    box-shadow: 1px 1px 3px rgba(10, 10, 10, 0.1); }
  form .field .dropdown-select .select .input:not(:hover):not(:active):not(:focus):not(.is-focused):not(.is-active) {
    box-shadow: none; }
  form .field .checkbox {
    display: flex;
    font-weight: 400;
    line-height: 1.5; }
    form .field .checkbox:hover {
      color: #666666; }
      form .field .checkbox:hover input {
        opacity: .8; }
    form .field .checkbox input {
      margin: .2rem .5rem 0 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      outline: none; }
      form .field .checkbox input::after {
        content: "";
        font-family: "baumit";
        display: inline;
        position: relative;
        top: .05rem;
        font-size: 1rem;
        color: #666666; }
      form .field .checkbox input:checked::after {
        content: "";
        color: #e30613; }
      form .field .checkbox input:focus::after {
        box-shadow: 0 0 3px #236093;
        border-radius: 2px; }
    form .field .checkbox.is-danger {
      border: 1px solid #ff3860;
      border-width: 0 0 1px 0;
      border-radius: 4px;
      padding-bottom: .3rem; }
  form .field .select {
    border-radius: 4px; }
    form .field .select select:active ~ .icon, form .field .select select:focus ~ .icon {
      color: #666666; }
  form .field .help {
    font-size: .9rem;
    margin-left: .5rem; }
  form .field.has-floating-label .input,
  form .field.has-floating-label .checkbox,
  form .field.has-floating-label .select,
  form .field.has-floating-label .select select {
    height: 4rem; }
  form .field.has-floating-label .control.has-icons-left .icon,
  form .field.has-floating-label .control.has-icons-right .icon {
    display: none; }
  form .field.has-floating-label label.input {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform-origin: 0 0;
    font-weight: 300; }
    form .field.has-floating-label label.input {
      border: none;
      box-shadow: none !important;
      background-color: transparent; }
  form .field.has-floating-label.has-value label,
  form .field.has-floating-label.is-focused label {
    transform: translate3d(-8px, -8px, 0) scale(0.75); }
  form .field.has-floating-label .input {
    padding-left: 1.5rem;
    background: transparent; }
    form .field.has-floating-label .input:not(label) {
      padding-top: calc(1em - 1px);
      font-weight: 500; }
  form .field.has-floating-label .checkbox input {
    margin-left: 1.5rem; }
  form .field.has-floating-label .help {
    margin-left: 1.4rem; }
  form .field .input.is-danger,
  form .field .input.is-danger select,
  form .field .select.is-danger,
  form .field .select.is-danger select {
    border-left-width: 4px; }

form .submit {
  margin-top: 3.5rem; }
  form .submit.is-variable {
    flex-direction: row-reverse; }

/*# sourceMappingURL=../../../../../../../../static/wizard/sass/form.css.map */