@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/comfortaa/v45/1Pt_g8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMDrMfIA.woff2) format('woff2');
  unicode-range: U0 0ff, U131, U152 -153, U2 BB-02BC, U2 C6, U2da, U2dc, U304, U308, U329,
    U2000 -206f, U2074, U20ac, U2122, U2191, U2193, U2212, U2215, UFEFF, UFFFD; }

  :root {
    --color-primary: #DA291C;
    --color-secondary: #666666;
    --color-foreground: #67686a;
    --color-background: #f4f4f4;
    --font-family: "Comfortaa";
    --login-background: transparent url(/assets/splash.jpeg) 0% 0% no-repeat padding-box;
    --color-primary-50: #fbe5e4;
    --color-primary-100: #f4bfbb;
    --color-primary-200: #ec948e;
    --color-primary-300: #e56960;
    --color-primary-400: #e0493e;
    --color-primary-500: #DA291C;
    --color-primary-600: #d62519;
    --color-primary-700: #d11f15;
    --color-primary-800: #cb1911;
    --color-primary-900: #c20f09;
    --color-primary-A100: white;
    --color-primary-A200: #ffd6dc;
    --color-primary-A300: #ffa3b1;
    --color-primary-A400: #ff8a9b;
    --color-primary-50c: #212121;
    --color-primary-100c: #212121;
    --color-primary-200c: #212121;
    --color-primary-300c: #212121;
    --color-primary-400c: #ffffff;
    --color-primary-500c: #ffffff;
    --color-primary-600c: #ffffff;
    --color-primary-700c: #ffffff;
    --color-primary-800c: #ffffff;
    --color-primary-900c: #ffffff;
    --color-primary-A100c: #212121;
    --color-primary-A200c: #212121;
    --color-primary-A300c: #212121;
    --color-primary-A400c: #212121;
    --color-secondary-50: #ededed;
    --color-secondary-100: #d1d1d1;
    --color-secondary-200: #b2b2b2;
    --color-secondary-300: #949494;
    --color-secondary-400: #7d7d7d;
    --color-secondary-500: #666666;
    --color-secondary-600: #5e5e5e;
    --color-secondary-700: #545454;
    --color-secondary-800: #4a4a4a;
    --color-secondary-900: #383838;
    --color-secondary-A100: #f7b8b8;
    --color-secondary-A200: #f28a8a;
    --color-secondary-A300: #ff4a4a;
    --color-secondary-A400: #ff3131;
    --color-secondary-50c: #212121;
    --color-secondary-100c: #212121;
    --color-secondary-200c: #212121;
    --color-secondary-300c: #212121;
    --color-secondary-400c: #ffffff;
    --color-secondary-500c: #ffffff;
    --color-secondary-600c: #ffffff;
    --color-secondary-700c: #ffffff;
    --color-secondary-800c: #ffffff;
    --color-secondary-900c: #ffffff;
    --color-secondary-A100c: #212121;
    --color-secondary-A200c: #212121;
    --color-secondary-A300c: #ffffff;
    --color-secondary-A400c: #ffffff;
    --color-success-50: #e9f4e9;
    --color-success-100: #c8e2c8;
    --color-success-200: #a3d0a3;
    --color-success-300: #7fbc7f;
    --color-success-400: #63ae63;
    --color-success-500: #48a048;
    --color-success-600: #419841;
    --color-success-700: #388e38;
    --color-success-800: #308530;
    --color-success-900: #217321;
    --color-success-A100: #d8ffcf;
    --color-success-A200: #aeff9c;
    --color-success-A300: #84ff69;
    --color-success-A400: #6fff50;
    --color-success-50c: #212121;
    --color-success-100c: #212121;
    --color-success-200c: #212121;
    --color-success-300c: #212121;
    --color-success-400c: #212121;
    --color-success-500c: #ffffff;
    --color-success-600c: #ffffff;
    --color-success-700c: #ffffff;
    --color-success-800c: #ffffff;
    --color-success-900c: #ffffff;
    --color-success-A100c: #212121;
    --color-success-A200c: #212121;
    --color-success-A300c: #212121;
    --color-success-A400c: #212121;
    --color-info-50: #e4f0fc;
    --color-info-100: #bbdaf7;
    --color-info-200: #8ec0f2;
    --color-info-300: #62a8ec;
    --color-info-400: #4095e8;
    --color-info-500: #1e82e4;
    --color-info-600: #1b7ae1;
    --color-info-700: #166fdd;
    --color-info-800: #1265d9;
    --color-info-900: #0a52d2;
    --color-info-A100: white;
    --color-info-A200: #d3e8ff;
    --color-info-A300: #a0ceff;
    --color-info-A400: #86c1ff;
    --color-info-50c: #212121;
    --color-info-100c: #212121;
    --color-info-200c: #212121;
    --color-info-300c: #ffffff;
    --color-info-400c: #ffffff;
    --color-info-500c: #ffffff;
    --color-info-600c: #ffffff;
    --color-info-700c: #ffffff;
    --color-info-800c: #ffffff;
    --color-info-900c: #ffffff;
    --color-info-A100c: #212121;
    --color-info-A200c: #212121;
    --color-info-A300c: #212121;
    --color-info-A400c: #212121;
    --color-warning-50: #fce8e6;
    --color-warning-100: #f9c5c1;
    --color-warning-200: #f49e97;
    --color-warning-300: #f0776d;
    --color-warning-400: #ed5a4e;
    --color-warning-500: #ea3d2f;
    --color-warning-600: #e7372a;
    --color-warning-700: #e42f23;
    --color-warning-800: #e1281d;
    --color-warning-900: #dc1a12;
    --color-warning-A100: white;
    --color-warning-A200: #fffbfb;
    --color-warning-A300: #ffc8ce;
    --color-warning-A400: #ffaeb8;
    --color-warning-50c: #212121;
    --color-warning-100c: #212121;
    --color-warning-200c: #212121;
    --color-warning-300c: #212121;
    --color-warning-400c: #ffffff;
    --color-warning-500c: #ffffff;
    --color-warning-600c: #ffffff;
    --color-warning-700c: #ffffff;
    --color-warning-800c: #ffffff;
    --color-warning-900c: #ffffff;
    --color-warning-A100c: #212121;
    --color-warning-A200c: #212121;
    --color-warning-A300c: #212121;
    --color-warning-A400c: #212121;
    --color-error-50: #fce8e6;
    --color-error-100: #f9c5c1;
    --color-error-200: #f49e97;
    --color-error-300: #f0776d;
    --color-error-400: #ed5a4e;
    --color-error-500: #ea3d2f;
    --color-error-600: #e7372a;
    --color-error-700: #e42f23;
    --color-error-800: #e1281d;
    --color-error-900: #dc1a12;
    --color-error-A100: white;
    --color-error-A200: #fffbfb;
    --color-error-A300: #ffc8ce;
    --color-error-A400: #ffaeb8;
    --color-error-50c: #212121;
    --color-error-100c: #212121;
    --color-error-200c: #212121;
    --color-error-300c: #212121;
    --color-error-400c: #ffffff;
    --color-error-500c: #ffffff;
    --color-error-600c: #ffffff;
    --color-error-700c: #ffffff;
    --color-error-800c: #ffffff;
    --color-error-900c: #ffffff;
    --color-error-A100c: #212121;
    --color-error-A200c: #212121;
    --color-error-A300c: #212121;
    --color-error-A400c: #212121; }

    html, body {
      height: 100vh;
      overflow: auto;
      margin: 0; }

      .message {
        width: 100%;
        margin-bottom: 2em; }
        .message p {
          padding: 0 1em;
          text-align: center; }
          .message.error {
            background: var(--color-error-200); }
            .message.info {
              background: var(--color-info-200); }

.login-box, .login-box-reset-password {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  margin: 1rem 2rem;
  box-shadow: 0px 8px 16px rgba(102, 102, 102, 0.3);
  background: var(--color-background);
  border-radius: 6px;
  font-family: var(--font-family); }
  .login-box > .logo-link, .login-box-reset-password > .logo-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .login-box > .label-color, .login-box-reset-password > .label-color {
      color: var(--color-primary); }
      .login-box > h2, .login-box-reset-password > h2 {
        text-transform: uppercase;
        margin-top: 1rem;
        text-align: center; }
        .login-box > h4, .login-box-reset-password > h4 {
          text-align: center;
          margin-top: 0; }

@media (prefers-color-scheme: dark) {
  .login-box, .login-box-reset-password {
    background: var(--color-primary-50c);   }
}

.login-container {
  min-height: 100%;
  width: 100%;
  background: var(--login-background);
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center; }

  .login-container::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; }

    .policy {
      bottom: 2rem;
      right: 4rem;
      font-size: x-small;
      width: 70%;
      text-align: center;
      margin-top: 1rem; }

      .full-input {
        width: 100%; }

        .login-form {
          display: flex;
          flex-direction: column;
          justify-content: center;
          margin: 0;
          width: 320px;
          gap: 1em; }
          .login-form .message {
            margin-bottom: 0; }
            .login-form .sign-in-button, .login-form .reset-button,
            .login-form .submit-email-button {
              width: 100%;
              height: 42px;
              margin-top: 1.5rem; }
              .login-form .reset-button {
                margin-top: 0; }
                .login-form .submit-email-button {
                  margin-top: 1rem; }
                  .login-form .form-field .form-field-input > input.with-label + span .label-effect {
                    font-size: 12px; }
                    .login-form .form-field .form-field-input > input:placeholder-shown.with-label + span span {
                      font-size: 16px; }
                  .login-form .form-field .form-field-input > input:placeholder-shown:focus.with-label + span span {
                    font-size: 12px; }

.login-page-link {
  margin-top: 2rem;
  font-size: normal;
  text-decoration: none;
  color: var(--color-primary); }

  .bottom-links {
    margin-top: 1rem; }

    .visibility-icon {
      color: #727681; }
      .visibility-icon:hover {
        cursor: pointer; }

.logo-img {
  width: 78px; }
  .logo-img .shape {
    fill: var(--color-primary); }

.reset-password-img {
  width: 20%; }

  .email-sent {
    text-transform: uppercase;
    text-align: center;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 1rem;
    word-break: break-word; }

    .button-primary {
      background-color: var(--color-primary);
      border: none;
      color: white;
      padding: 0 22.5px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      height: 42px;
      width: 100%;
      border-radius: 22.5px;
      text-align: center;
      text-transform: uppercase;
      cursor: pointer;
      white-space: nowrap; }
      .button-primary .button-label {
        margin: 0 5px; }

.input-field {
  font-family: "Comfortaa";
  display: flex;
  flex-direction: column; }
  .input-field.input-field-primary .input-box {
    border-color: rgba(114, 118, 129, 0.3);
    background-color: var("--color-surface", var("--color-surface", #ffffff)); }
    .input-field.input-field-primary .input-box:focus-within {
      border: 2px solid; }
  .input-field.input-field-secondary .input-box {
    background-color: var("--color-surface", var("--color-surface", #ffffff)); }
    .input-field.input-field-secondary .input-box:focus-within {
      border: 2px solid; }
  .input-field.input-field-success .input-box {
    background-color: var("--color-surface", var("--color-surface", #ffffff)); }
    .input-field.input-field-success .input-box:focus-within {
      border: 2px solid; }
  .input-field.input-field-warning .input-box {
    background-color: var("--color-surface", var("--color-surface", #ffffff)); }
    .input-field.input-field-warning .input-box:focus-within {
      border: 2px solid; }
  .input-field.input-field-error .input-box {
    background-color: var("--color-surface", var("--color-surface", #ffffff)); }
    .input-field.input-field-error .input-box:focus-within {
      border: 2px solid; }
  .input-field.input-field-info .input-box {
    background-color: var("--color-surface", var("--color-surface", #ffffff)); }
    .input-field.input-field-info .input-box:focus-within {
      border: 2px solid; }
  .input-field .input-box {
    border: 2px solid;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: var("--background", var("--color-background", #fafafa));
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px; }
    .input-field .input-box .icons-box-left {
      display: flex;
      flex-direction: row;
      margin-right: 3px; }
      .input-field .input-box .icons-box-right {
        display: flex;
        flex-direction: row;
        margin-left: 3px; }
  .input-field input[type]:not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),
  .input-field textarea {
    border: none;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    color: var("--color-foreground", var("--color-foreground", #212121)); }
    .input-field input[type]:not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox])::placeholder,
    .input-field textarea::placeholder {
      color: var("--color-foreground", var("--color-foreground", #212121)); }
      .input-field input[type]:not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):disabled,
      .input-field textarea:disabled {
        pointer-events: none;
        color: rgba(114, 118, 129, 0.5); }
        .input-field input[type]:not([type=hidden]):not([type=button]):not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]):disabled::placeholder,
        .input-field textarea:disabled::placeholder {
          color: rgba(114, 118, 129, 0.5); }
  .input-field textarea {
    resize: vertical; }
    .input-field .input-disabled {
      pointer-events: none;
      border: 2px solid rgba(114, 118, 129, 0.05); }
      .input-field .input-disabled::placeholder {
        color: rgba(114, 118, 129, 0.05); }
  .input-field .hint-message {
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    font-family: "Comfortaa";
    color: var("--color-foreground", #212121); }
    .input-field .error-message {
      margin-top: 5px;
      font-size: 12px;
      line-height: 14px;
      font-family: "Comfortaa"; }
      .input-field .success-message {
        margin-top: 5px;
        font-size: 12px;
        line-height: 14px;
        font-family: "Comfortaa"; }
        .input-field label {
          color: var("--foreground", var("--color-foreground", #212121));
          margin-bottom: 5px;
          pointer-events: none;
          white-space: nowrap;
          font-weight: 400;
          line-height: 1;
          letter-spacing: 0.00938em;
          font-size: 14px; }

.field {
  position: relative; }
  .field .hint-message {
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    font-family: "Comfortaa";
    color: var(--color-foreground); }
    .field .error-message {
      margin-top: 5px;
      font-size: 12px;
      line-height: 14px;
      font-family: "Comfortaa";
      color: var(--color-error-500); }
      .field .success-message {
        margin-top: 5px;
        font-size: 12px;
        line-height: 14px;
        font-family: "Comfortaa";
        color: var(--color-success-500); }
        .field .field-input {
          font-size: 1em;
          font-family: "Comfortaa";
          display: inline-block;
          position: relative;
          padding-top: 8px;
          width: 100%; }
          .field .field-input > textarea {
            resize: vertical;
            height: auto;
            overflow: hidden;
            min-height: 2.6em; }
            .field .field-input > input, .field .field-input > textarea {
              position: relative;
              padding: 0.55em 14px 0.55em 14px;
              outline: none;
              box-sizing: border-box;
              margin: 0;
              border: solid 2px;
              border-radius: 4px;
              border-color: grey;
              box-shadow: none;
              font-size: inherit;
              font-family: inherit;
              transition: border 0.2s;
              width: 100%;
              line-height: 1.5em;
              background-color: transparent; }
              .field .field-input > input ~ .trailing-content,
              .field .field-input > textarea ~ .trailing-content {
                display: flex;
                position: absolute;
                top: 0;
                max-height: 100%;
                right: 7px;
                line-height: 5em; }
                .field .field-input > input.input-primary,
                .field .field-input > textarea.input-primary {
                  border-color: rgba(114, 118, 129, 0.3); }
                  .field .field-input > input.input-primary.with-label + span,
                  .field .field-input > textarea.input-primary.with-label + span {
                    color: rgba(33, 33, 33, 0.8); }
                  .field .field-input > input.input-primary:focus,
                  .field .field-input > textarea.input-primary:focus {
                    color: #DA291C;
                    border-color: #DA291C; }
                    .field .field-input > input.input-primary:focus ~ .trailing-content,
                    .field .field-input > textarea.input-primary:focus ~ .trailing-content {
                      color: #DA291C; }
                      .field .field-input > input.input-primary:focus.with-label,
                      .field .field-input > textarea.input-primary:focus.with-label {
                        border-top-color: transparent; }
                        .field .field-input > input.input-primary:focus + span,
                        .field .field-input > textarea.input-primary:focus + span {
                          color: #DA291C; }
                          .field .field-input > input.input-primary:focus + span:before,
                          .field .field-input > input.input-primary:focus + span:after,
                          .field .field-input > textarea.input-primary:focus + span:before,
                          .field .field-input > textarea.input-primary:focus + span:after {
                            border-top-color: #DA291C; }
                  .field .field-input > input.input-primary.with-floating-label:not(:focus):placeholder-shown + span:before,
                  .field .field-input > input.input-primary.with-floating-label:not(:focus):placeholder-shown + span:after,
                  .field .field-input > textarea.input-primary.with-floating-label:not(:focus):placeholder-shown + span:before,
                  .field .field-input > textarea.input-primary.with-floating-label:not(:focus):placeholder-shown + span:after {
                    border-top-color: transparent; }
              .field .field-input > input.input-secondary.with-label + span,
              .field .field-input > textarea.input-secondary.with-label + span {
                color: rgba(33, 33, 33, 0.8); }
              .field .field-input > input.input-secondary:focus,
              .field .field-input > textarea.input-secondary:focus {
                color: #DA291C;
                border-color: #DA291C; }
                .field .field-input > input.input-secondary:focus ~ .trailing-content,
                .field .field-input > textarea.input-secondary:focus ~ .trailing-content {
                  color: #DA291C; }
                  .field .field-input > input.input-secondary:focus.with-label,
                  .field .field-input > textarea.input-secondary:focus.with-label {
                    border-top-color: transparent; }
                    .field .field-input > input.input-secondary:focus + span,
                    .field .field-input > textarea.input-secondary:focus + span {
                      color: #DA291C; }
                      .field .field-input > input.input-secondary:focus + span:before,
                      .field .field-input > input.input-secondary:focus + span:after,
                      .field .field-input > textarea.input-secondary:focus + span:before,
                      .field .field-input > textarea.input-secondary:focus + span:after {
                        border-top-color: #DA291C; }
              .field .field-input > input.input-secondary.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > input.input-secondary.with-floating-label:not(:focus):placeholder-shown + span:after,
              .field .field-input > textarea.input-secondary.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > textarea.input-secondary.with-floating-label:not(:focus):placeholder-shown + span:after {
                border-top-color: transparent; }
              .field .field-input > input.input-success.with-label + span,
              .field .field-input > textarea.input-success.with-label + span {
                color: rgba(33, 33, 33, 0.8); }
              .field .field-input > input.input-success:focus,
              .field .field-input > textarea.input-success:focus {
                color: #DA291C;
                border-color: #DA291C; }
                .field .field-input > input.input-success:focus ~ .trailing-content,
                .field .field-input > textarea.input-success:focus ~ .trailing-content {
                  color: #DA291C; }
                  .field .field-input > input.input-success:focus.with-label,
                  .field .field-input > textarea.input-success:focus.with-label {
                    border-top-color: transparent; }
                    .field .field-input > input.input-success:focus + span,
                    .field .field-input > textarea.input-success:focus + span {
                      color: #DA291C; }
                      .field .field-input > input.input-success:focus + span:before,
                      .field .field-input > input.input-success:focus + span:after,
                      .field .field-input > textarea.input-success:focus + span:before,
                      .field .field-input > textarea.input-success:focus + span:after {
                        border-top-color: #DA291C; }
              .field .field-input > input.input-success.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > input.input-success.with-floating-label:not(:focus):placeholder-shown + span:after,
              .field .field-input > textarea.input-success.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > textarea.input-success.with-floating-label:not(:focus):placeholder-shown + span:after {
                border-top-color: transparent; }
              .field .field-input > input.input-warning.with-label + span,
              .field .field-input > textarea.input-warning.with-label + span {
                color: rgba(33, 33, 33, 0.8); }
              .field .field-input > input.input-warning:focus,
              .field .field-input > textarea.input-warning:focus {
                color: #DA291C;
                border-color: #DA291C; }
                .field .field-input > input.input-warning:focus ~ .trailing-content,
                .field .field-input > textarea.input-warning:focus ~ .trailing-content {
                  color: #DA291C; }
                  .field .field-input > input.input-warning:focus.with-label,
                  .field .field-input > textarea.input-warning:focus.with-label {
                    border-top-color: transparent; }
                    .field .field-input > input.input-warning:focus + span,
                    .field .field-input > textarea.input-warning:focus + span {
                      color: #DA291C; }
                      .field .field-input > input.input-warning:focus + span:before,
                      .field .field-input > input.input-warning:focus + span:after,
                      .field .field-input > textarea.input-warning:focus + span:before,
                      .field .field-input > textarea.input-warning:focus + span:after {
                        border-top-color: #DA291C; }
              .field .field-input > input.input-warning.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > input.input-warning.with-floating-label:not(:focus):placeholder-shown + span:after,
              .field .field-input > textarea.input-warning.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > textarea.input-warning.with-floating-label:not(:focus):placeholder-shown + span:after {
                border-top-color: transparent; }
              .field .field-input > input.input-error.with-label + span,
              .field .field-input > textarea.input-error.with-label + span {
                color: rgba(33, 33, 33, 0.8); }
              .field .field-input > input.input-error:focus,
              .field .field-input > textarea.input-error:focus {
                color: #DA291C;
                border-color: #DA291C; }
                .field .field-input > input.input-error:focus ~ .trailing-content,
                .field .field-input > textarea.input-error:focus ~ .trailing-content {
                  color: #DA291C; }
                  .field .field-input > input.input-error:focus.with-label,
                  .field .field-input > textarea.input-error:focus.with-label {
                    border-top-color: transparent; }
                    .field .field-input > input.input-error:focus + span,
                    .field .field-input > textarea.input-error:focus + span {
                      color: #DA291C; }
                      .field .field-input > input.input-error:focus + span:before,
                      .field .field-input > input.input-error:focus + span:after,
                      .field .field-input > textarea.input-error:focus + span:before,
                      .field .field-input > textarea.input-error:focus + span:after {
                        border-top-color: #DA291C; }
              .field .field-input > input.input-error.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > input.input-error.with-floating-label:not(:focus):placeholder-shown + span:after,
              .field .field-input > textarea.input-error.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > textarea.input-error.with-floating-label:not(:focus):placeholder-shown + span:after {
                border-top-color: transparent; }
              .field .field-input > input.input-info.with-label + span,
              .field .field-input > textarea.input-info.with-label + span {
                color: rgba(33, 33, 33, 0.8); }
              .field .field-input > input.input-info:focus,
              .field .field-input > textarea.input-info:focus {
                color: #DA291C;
                border-color: #DA291C; }
                .field .field-input > input.input-info:focus ~ .trailing-content,
                .field .field-input > textarea.input-info:focus ~ .trailing-content {
                  color: #DA291C; }
                  .field .field-input > input.input-info:focus.with-label,
                  .field .field-input > textarea.input-info:focus.with-label {
                    border-top-color: transparent; }
                    .field .field-input > input.input-info:focus + span,
                    .field .field-input > textarea.input-info:focus + span {
                      color: #DA291C; }
                      .field .field-input > input.input-info:focus + span:before,
                      .field .field-input > input.input-info:focus + span:after,
                      .field .field-input > textarea.input-info:focus + span:before,
                      .field .field-input > textarea.input-info:focus + span:after {
                        border-top-color: #DA291C; }
              .field .field-input > input.input-info.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > input.input-info.with-floating-label:not(:focus):placeholder-shown + span:after,
              .field .field-input > textarea.input-info.with-floating-label:not(:focus):placeholder-shown + span:before,
              .field .field-input > textarea.input-info.with-floating-label:not(:focus):placeholder-shown + span:after {
                border-top-color: transparent; }
              .field .field-input > input.with-label, .field .field-input > textarea.with-label {
                border-top-color: transparent; }
                .field .field-input > input.with-label + span,
                .field .field-input > textarea.with-label + span {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: flex;
                  width: 100%;
                  max-height: 100%;
                  color: var("--color-foreground", var("--color-foreground", #212121));
                  font-size: 72%;
                  line-height: 18px;
                  cursor: text;
                  transition: color 0.2s, font-size 0.2s, line-height 0.2s; }
                  .field .field-input > input.with-label + span .label-effect,
                  .field .field-input > textarea.with-label + span .label-effect {
                    background-color: transparent; }
                    .field .field-input > input.with-label + span:before,
                    .field .field-input > input.with-label + span:after,
                    .field .field-input > textarea.with-label + span:before,
                    .field .field-input > textarea.with-label + span:after {
                      content: "";
                      display: block;
                      box-sizing: border-box;
                      margin-top: 8px;
                      border-top: solid 2px;
                      border-top-color: grey;
                      min-width: 10px;
                      height: 6px;
                      pointer-events: none;
                      transition: border 0.2s; }
                      .field .field-input > input.with-label + span:before,
                      .field .field-input > textarea.with-label + span:before {
                        margin-right: 6px;
                        border-left: solid 2px transparent;
                        border-radius: 4px 0; }
                        .field .field-input > input.with-label + span:after,
                        .field .field-input > textarea.with-label + span:after {
                          flex-grow: 1;
                          margin-left: 6px;
                          border-right: solid 2px transparent;
                          border-radius: 0 4px; }
              .field .field-input > input:focus, .field .field-input > textarea:focus {
                border-color: #DA291C; }
                .field .field-input > input:focus.with-label,
                .field .field-input > textarea:focus.with-label {
                  border-top-color: transparent; }
                  .field .field-input > input:focus + span,
                  .field .field-input > textarea:focus + span {
                    color: #DA291C; }
                    .field .field-input > input:focus + span .label-effect,
                    .field .field-input > textarea:focus + span .label-effect {
                      background-color: #DA291C;
                      padding-left: 4px;
                      padding-right: 4px;
                      transition: all 0.2s;
                      border-radius: 4px;
                      color: white; }
                      .field .field-input > input:focus + span:before,
                      .field .field-input > input:focus + span:after,
                      .field .field-input > textarea:focus + span:before,
                      .field .field-input > textarea:focus + span:after {
                        margin-left: 0;
                        margin-right: 0;
                        border-top-color: #DA291C; }
              .field .field-input > input.with-floating-label:not(:focus):placeholder-shown,
              .field .field-input > textarea.with-floating-label:not(:focus):placeholder-shown {
                border-top-color: grey; }
                .field .field-input > input.with-floating-label:not(:focus):placeholder-shown + span,
                .field .field-input > textarea.with-floating-label:not(:focus):placeholder-shown + span {
                  font-size: small;
                  font-family: inherit;
                  line-height: 5em; }
                  .field .field-input > input.with-floating-label:not(:focus):placeholder-shown + span:before,
                  .field .field-input > input.with-floating-label:not(:focus):placeholder-shown + span:after,
                  .field .field-input > textarea.with-floating-label:not(:focus):placeholder-shown + span:before,
                  .field .field-input > textarea.with-floating-label:not(:focus):placeholder-shown + span:after {
                    border-top-color: transparent; }
              .field .field-input > input:disabled, .field .field-input > textarea:disabled {
                pointer-events: none;
                color: rgba(114, 118, 129, 0.5); }
                .field .field-input > input:disabled ~ .trailing-content,
                .field .field-input > textarea:disabled ~ .trailing-content {
                  color: rgba(114, 118, 129, 0.5); }
                  .field .field-input > input:disabled::placeholder,
                  .field .field-input > textarea:disabled::placeholder {
                    color: rgba(114, 118, 129, 0.5); }

[data-tooltip] {
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  position: relative; }
  [data-tooltip]::after {
    background-color: rgba(51, 51, 51, 0.9);
    border-radius: 0.3rem;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 1rem;
    font-size: 85%;
    font-weight: normal;
    line-height: 1.15rem;
    opacity: 0;
    padding: 0.25rem 0.5rem;
    position: absolute;
    text-align: center;
    text-transform: none;
    transition: opacity 0.2s;
    visibility: hidden;
    white-space: nowrap; }
    [data-tooltip].tooltip-top::before {
      border-style: solid;
      border-width: 0.3rem;
      content: "";
      opacity: 0;
      position: absolute;
      transition: opacity 0.2s;
      visibility: hidden;
      border-color: rgba(51, 51, 51, 0.9) transparent transparent transparent;
      top: 0;
      left: 50%;
      margin-left: -0.3rem; }
      [data-tooltip].tooltip-top::after {
        bottom: 100%;
        left: 50%;
        transform: translate(-50%); }
  [data-tooltip].tooltip-bottom::before {
    border-style: solid;
    border-width: 0.3rem;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity 0.2s;
    visibility: hidden;
    border-color: transparent transparent rgba(51, 51, 51, 0.9) transparent;
    bottom: 0;
    left: 50%;
    margin-left: -0.3rem; }
    [data-tooltip].tooltip-bottom::after {
      top: 100%;
      left: 50%;
      transform: translate(-50%); }
  [data-tooltip].tooltip-left::before {
    border-style: solid;
    border-width: 0.3rem;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity 0.2s;
    visibility: hidden;
    border-color: transparent transparent transparent rgba(51, 51, 51, 0.9);
    top: 0.3rem;
    right: calc(110% - 0.3rem);
    margin-top: -0.3rem; }
    [data-tooltip].tooltip-left::after {
      top: -0.3rem;
      right: calc(110% + 0.3rem); }
  [data-tooltip].tooltip-right::before {
    border-style: solid;
    border-width: 0.3rem;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity 0.2s;
    visibility: hidden;
    border-color: transparent rgba(51, 51, 51, 0.9) transparent transparent;
    top: 50%;
    top: 0.3rem;
    left: calc(110% - 0.3rem);
    margin-top: -0.3rem; }
    [data-tooltip].tooltip-right::after {
      top: -0.3rem;
      left: calc(110% + 0.3rem); }
  @media (max-width: 960px) {
    [data-tooltip].tooltip-mobile::before {
      display: none;   }
      [data-tooltip].tooltip-mobile:after {
        font-size: 1rem;
        max-width: 20rem;
        position: fixed;
        bottom: auto;
        top: 50%;
        left: 50%;
        text-align: left;
        transform: translate(-50%);
        white-space: normal;   }
}
  [data-tooltip]:hover::after, [data-tooltip][class*=tooltip-]:hover::before {
    visibility: visible;
    opacity: 1;
    z-index: 1; }

.in-circle {
  display: inline-block;
  border-radius: 50%;
  border: 2px solid;
  font-size: 32px; }

  .in-circle:before, .in-circle:after {
    content: '​';
    display: inline-block;
    line-height: 0px;
    padding-top: 50%;
    padding-bottom: 50%; }

    .in-circle:before {
      padding-left: 8px; }

      .in-circle:after {
        padding-right: 8px; }