/*!***************************************************
 * form-components v1.1.4
 * https://github.com/julmot/form-components
 * Copyright (c) 2017–2021, Julian Kühnel
 * Released under the MIT license https://git.io/v5XLY
 *****************************************************/

@font-face {
  font-family: "form-components-icons";
  src: url(data:font/woff;base64,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) format("woff");
  font-weight: normal;
  font-style: normal; }

/*******************************************************************************
 * Contextual classes:
 * - is-disabled: When input is disabled
 * - is-filled-in: When value is available or the user clicked into the input
 * - is-tabbed: When the input is focused by tabbing (a11y)
 * - is-focused: When the input is focused
 * - is-initialized: When the JS for the component is initialized
 * - has-no-label: If there is no label available
 ******************************************************************************/
/*****************************************************************************
   * General
   ****************************************************************************/
.text-area--dark {
  /*************************************************************************
       * Input
       ************************************************************************/
  /*************************************************************************
       * Label (will be moved to top when value available)
       ************************************************************************/
  /*************************************************************************
       * Error
       ************************************************************************/
  /*************************************************************************
       * Helper
       ************************************************************************/ }
  .text-area--dark.is-tabbed {
    outline: 1px solid #95a5a6;
    outline-offset: 3px; }
  .text-area--dark .text-area__wrapper {
    position: relative;
    width: 100%;
    border: 1px solid #fff;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 2px;
    background: #fff; }
    .text-area--dark .text-area__wrapper:before {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 25px - 2px);
      background: #fff;
      content: "";
      z-index: 1;
      height: calc(0.75rem + 10px + 5px); }
  .text-area--dark.is-focused .text-area__wrapper {
    border-width: 2px;
    border-color: #fff;
    padding: 0; }
    .text-area--dark.is-focused .text-area__wrapper:before {
      height: calc(0.75rem + 10px + 5px - 1px); }
  .text-area--dark.is-invalid .text-area__wrapper {
    border-color: #d31a00; }
  .text-area--dark.is-invalid.is-focused .text-area__wrapper {
    border-color: #d31a00; }
  .text-area--dark .text-area__input, .text-area--dark .text-area__input:invalid, .text-area--dark .text-area__input:required {
    border: none;
    cursor: text;
    display: block;
    height: calc(6.875rem + 0.75rem + (10px * 2) + 5px);
    line-height: 1.375rem;
    box-sizing: border-box;
    padding: calc(0.75rem + 10px + 5px) 15px 10px 15px;
    background: #fff;
    font-size: 1.125rem;
    font-family: inherit;
    resize: none;
    border-radius: 2px;
    width: 100%;
    color: #000;
    box-shadow: none; }
    .text-area--dark .text-area__input:focus, .text-area--dark .text-area__input:invalid:focus, .text-area--dark .text-area__input:required:focus {
      outline: none;
      background: #fff;
      color: #000; }
  .text-area--dark.is-disabled .text-area__input {
    cursor: not-allowed; }
  .text-area--dark.is-invalid .text-area__input {
    background: #fff;
    color: #000; }
    .text-area--dark.is-invalid .text-area__input:focus, .text-area--dark.is-invalid .text-area__input:invalid:focus, .text-area--dark.is-invalid .text-area__input:required:focus {
      border-color: transparent transparent #d31a00 transparent;
      color: #000;
      background: #fff; }
  .text-area--dark .text-area__label {
    position: absolute;
    top: calc(0.75rem + 10px);
    left: 0;
    height: 6.875rem;
    line-height: 1.375rem;
    width: calc(100% - 25px);
    box-sizing: border-box;
    cursor: text;
    padding: 0 0 0 15px;
    font-size: 1.125rem;
    font-family: inherit;
    color: #000;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    transform: translateY(0);
    z-index: 2;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transition: transform .275s cubic-bezier(0.165, 0.84, 0.44, 1), height .275s cubic-bezier(0.165, 0.84, 0.44, 1), font-size .275s cubic-bezier(0.165, 0.84, 0.44, 1), color .275s cubic-bezier(0.165, 0.84, 0.44, 1), line-height .275s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .text-area--dark.is-disabled .text-area__label {
    cursor: not-allowed;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .text-area--dark.is-filled-in .text-area__label,
  .text-area--dark:not(.is-initialized) .text-area__label {
    transform: translateY(-10px);
    height: 0.75rem;
    font-size: 0.75rem;
    color: #000;
    line-height: 0.75rem; }
  .text-area--dark .text-area__input:-webkit-autofill + .text-area__label {
    transform: translateY(-10px);
    height: 0.75rem;
    font-size: 0.75rem;
    color: #000;
    line-height: 0.75rem; }
  .text-area--dark.is-filled-in.is-focused .text-area__label,
  .text-area--dark.is-filled-in.is-focused:not(.is-initialized) .text-area__label {
    color: #000;
    margin-top: -1px;
    margin-left: -1px; }
  .text-area--dark.is-filled-in.is-focused .text-area__input:-webkit-autofill + .text-area__label {
    color: #000;
    margin-top: -1px;
    margin-left: -1px; }
  .text-area--dark.is-invalid .text-area__label,
  .text-area--dark.is-invalid:not(.is-initialized) .text-area__label {
    color: #d31a00; }
  .text-area--dark.is-invalid .text-area__input:-webkit-autofill + .text-area__label {
    color: #d31a00; }
  .text-area--dark.is-invalid.is-filled-in .text-area__label,
  .text-area--dark.is-invalid.is-filled-in:not(.is-initialized) .text-area__label {
    color: #d31a00; }
  .text-area--dark.is-invalid.is-filled-in .text-area__input:-webkit-autofill + .text-area__label {
    color: #d31a00; }
  .text-area--dark.is-invalid.is-filled-in.is-focused .text-area__label,
  .text-area--dark.is-invalid.is-filled-in.is-focused:not(.is-initialized) .text-area__label {
    color: #d31a00; }
  .text-area--dark.is-invalid.is-filled-in.is-focused .text-area__input:-webkit-autofill + .text-area__label {
    color: #d31a00; }
  .text-area--dark .text-area__error {
    font-size: 1rem;
    color: #d31a00;
    margin: 5px 0; }
    .text-area--dark .text-area__error a {
      color: #d31a00; }
  .text-area--dark .text-area__helper {
    font-size: 1rem;
    color: #fff;
    margin: 5px 0; }
  .text-area--dark.is-invalid .text-area__helper {
    color: #fff; }

/*****************************************************************************
   * General
   ****************************************************************************/
.text-area--light {
  /*************************************************************************
       * Input
       ************************************************************************/
  /*************************************************************************
       * Label (will be moved to top when value available)
       ************************************************************************/
  /*************************************************************************
       * Error
       ************************************************************************/
  /*************************************************************************
       * Helper
       ************************************************************************/ }
  .text-area--light.is-tabbed {
    outline: 1px solid #95a5a6;
    outline-offset: 3px; }
  .text-area--light .text-area__wrapper {
    position: relative;
    width: 100%;
    border: 1px solid #000;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 2px;
    background: #fff; }
    .text-area--light .text-area__wrapper:before {
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 25px - 2px);
      background: #fff;
      content: "";
      z-index: 1;
      height: calc(0.75rem + 10px + 5px); }
  .text-area--light.is-focused .text-area__wrapper {
    border-width: 2px;
    border-color: #000;
    padding: 0; }
    .text-area--light.is-focused .text-area__wrapper:before {
      height: calc(0.75rem + 10px + 5px - 1px); }
  .text-area--light.is-invalid .text-area__wrapper {
    border-color: #d31a00; }
  .text-area--light.is-invalid.is-focused .text-area__wrapper {
    border-color: #d31a00; }
  .text-area--light .text-area__input, .text-area--light .text-area__input:invalid, .text-area--light .text-area__input:required {
    border: none;
    cursor: text;
    display: block;
    height: calc(6.875rem + 0.75rem + (10px * 2) + 5px);
    line-height: 1.375rem;
    box-sizing: border-box;
    padding: calc(0.75rem + 10px + 5px) 15px 10px 15px;
    background: #fff;
    font-size: 1.125rem;
    font-family: inherit;
    resize: none;
    border-radius: 2px;
    width: 100%;
    color: #000;
    box-shadow: none; }
    .text-area--light .text-area__input:focus, .text-area--light .text-area__input:invalid:focus, .text-area--light .text-area__input:required:focus {
      outline: none;
      background: #fff;
      color: #000; }
  .text-area--light.is-disabled .text-area__input {
    cursor: not-allowed; }
  .text-area--light.is-invalid .text-area__input {
    background: #fff;
    color: #000; }
    .text-area--light.is-invalid .text-area__input:focus, .text-area--light.is-invalid .text-area__input:invalid:focus, .text-area--light.is-invalid .text-area__input:required:focus {
      border-color: transparent transparent #d31a00 transparent;
      color: #000;
      background: #fff; }
  .text-area--light .text-area__label {
    position: absolute;
    top: calc(0.75rem + 10px);
    left: 0;
    height: 6.875rem;
    line-height: 1.375rem;
    width: calc(100% - 25px);
    box-sizing: border-box;
    cursor: text;
    padding: 0 0 0 15px;
    font-size: 1.125rem;
    font-family: inherit;
    color: #000;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    transform: translateY(0);
    z-index: 2;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transition: transform .275s cubic-bezier(0.165, 0.84, 0.44, 1), height .275s cubic-bezier(0.165, 0.84, 0.44, 1), font-size .275s cubic-bezier(0.165, 0.84, 0.44, 1), color .275s cubic-bezier(0.165, 0.84, 0.44, 1), line-height .275s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .text-area--light.is-disabled .text-area__label {
    cursor: not-allowed;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .text-area--light.is-filled-in .text-area__label,
  .text-area--light:not(.is-initialized) .text-area__label {
    transform: translateY(-10px);
    height: 0.75rem;
    font-size: 0.75rem;
    color: #000;
    line-height: 0.75rem; }
  .text-area--light .text-area__input:-webkit-autofill + .text-area__label {
    transform: translateY(-10px);
    height: 0.75rem;
    font-size: 0.75rem;
    color: #000;
    line-height: 0.75rem; }
  .text-area--light.is-filled-in.is-focused .text-area__label,
  .text-area--light.is-filled-in.is-focused:not(.is-initialized) .text-area__label {
    color: #000;
    margin-top: -1px;
    margin-left: -1px; }
  .text-area--light.is-filled-in.is-focused .text-area__input:-webkit-autofill + .text-area__label {
    color: #000;
    margin-top: -1px;
    margin-left: -1px; }
  .text-area--light.is-invalid .text-area__label,
  .text-area--light.is-invalid:not(.is-initialized) .text-area__label {
    color: #d31a00; }
  .text-area--light.is-invalid .text-area__input:-webkit-autofill + .text-area__label {
    color: #d31a00; }
  .text-area--light.is-invalid.is-filled-in .text-area__label,
  .text-area--light.is-invalid.is-filled-in:not(.is-initialized) .text-area__label {
    color: #d31a00; }
  .text-area--light.is-invalid.is-filled-in .text-area__input:-webkit-autofill + .text-area__label {
    color: #d31a00; }
  .text-area--light.is-invalid.is-filled-in.is-focused .text-area__label,
  .text-area--light.is-invalid.is-filled-in.is-focused:not(.is-initialized) .text-area__label {
    color: #d31a00; }
  .text-area--light.is-invalid.is-filled-in.is-focused .text-area__input:-webkit-autofill + .text-area__label {
    color: #d31a00; }
  .text-area--light .text-area__error {
    font-size: 1rem;
    color: #d31a00;
    margin: 5px 0; }
    .text-area--light .text-area__error a {
      color: #d31a00; }
  .text-area--light .text-area__helper {
    font-size: 1rem;
    color: #000;
    margin: 5px 0; }
  .text-area--light.is-invalid .text-area__helper {
    color: #000; }