body.public-ui {
  &.section-login,
  &.section-passwordreset {
    #briciole {
      display: none;
    }
    fieldset.invisible {
      visibility: visible !important;
    }
    .ui.text.container {
      max-width: 376px;
    }

    .ui.text.container,
    .ui.form input[type='text'],
    .ui.form input[type='password'] {
      width: 100%;
      font-family: $font-family-sans-serif;
    }

    .ui.form {
      max-width: 100%;

      .field {
        margin: 0 0 1em;
        clear: both;
        &.inline {
          margin: 0;
          &.help {
            padding-bottom: 0.83333333rem;
          }
        }

        .wrapper > label {
          display: block;
          margin: 1 0 0.22222222rem;
          color: #000;
          font-size: 0.875rem;
          font-weight: 600;
          -webkit-hyphens: auto;
          hyphens: auto;
          text-transform: none;
        }

        &.error {
          input[type='text'] {
            border-color: var(--bs-danger);
          }
        }
      }

      .ui.label {
        font-size: 0.85714286rem;
      }
      .ui.basic.red.label.form-error-label {
        padding-left: 0;
        border: none;
        margin-top: 0;
        color: var(--bs-danger) !important;
        font-weight: 400;
      }
    }

    .ui.segments {
      position: static;
      position: relative;
      flex-direction: column;
      border: 1px solid var(--primary-lighter);
      border-radius: var(--bs-border-radius);
      margin: 1rem 0;
      background: #fff;
      box-shadow: 0 1px 2px 0 #c7d5d8;

      &.raised {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      }
      &:first-child {
        margin-top: 0;
      }
      &:last-child {
        margin-bottom: 0;
      }

      > .segment {
        top: 0;
        bottom: 0;
        width: auto;
        border: none;
        border-radius: 0;
        margin: 0;
        box-shadow: none;
      }

      &:not(.horizontal) > .segment {
        &:first-child {
          top: 0;
          bottom: 0;
          border-radius: 0 0 0 0;
          border-top: none;
          margin-top: 0;
          margin-bottom: 0;
        }
        &:last-child {
          top: 0;
          bottom: 0;
          border-radius: 0 0 0 0;
          margin-top: 0;
          margin-bottom: 0;
          box-shadow:
            0 1px 2px 0 #c7d5d8,
            none;
        }
      }
    }

    .ui.segment {
      position: relative;
      padding: 1em;
      margin: 1rem 0;

      &.primary {
        border-bottom: 0.22222222rem solid var(--bs-primary);
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1;
      }
      &.secondary {
        background: var(--primary-lightest);
        color: $text-color;
        font-size: 0.8rem;
        font-weight: 500;
      }
      &.form {
        padding: 1rem;
        padding-bottom: 0;
      }
      &.actions {
        display: flex;
        flex-direction: row-reverse;
        justify-content: end;
        border-top: 1px solid var(--primary-lighter);
      }
    }

    .ui.button {
      display: inline-block;
      min-width: fit-content;
      min-height: 1em;
      min-height: fit-content;
      padding: 0.61111111em 1.5em;
      border: none;
      border-radius: 100%;
      margin: 0.5rem;
      background: #e0e1e2 none;
      color: rgba(0, 0, 0, 0.6);
      cursor: pointer;
      font-size: 1rem;
      font-style: normal;
      font-weight: 700;
      line-height: 1em;
      outline: none;
      -webkit-tap-highlight-color: transparent;
      text-align: center;
      text-decoration: none;
      text-shadow: none;
      text-transform: none;
      transition:
        opacity 0.1s ease,
        background-color 0.1s ease,
        color 0.1s ease,
        box-shadow 0.1s ease,
        background 0.1s ease;
      user-select: none;
      vertical-align: baseline;
      will-change: '';

      &.basic {
        padding: 0;
        border: 0;
        background: transparent none !important;
        box-shadow: none;
        color: rgba(0, 0, 0, 0.6) !important;
        cursor: pointer;
        font-weight: 400;
        text-align: initial;
        text-shadow: none !important;
        text-transform: none;
        &.primary {
          color: var(--bs-primary) !important;
        }
        &.secondary {
          color: var(--bs-secondary) !important;
        }
      }

      &:focus {
        border-color: var(--primary-lighter) !important;
        box-shadow: 0 0 0 2px var(--primary-lighter) !important;
      }
    }

    .ui.message {
      &.icon {
        width: auto !important;
        height: auto !important;
      }
      display: flex;
      width: 100%;
      align-items: center;
      padding: 1.5em;
      margin: 0.5rem 0;
      color: rgba(0, 0, 0, 0.87);
      line-height: 1.4285em;
      transition:
        opacity 0.1s ease,
        color 0.1s ease,
        background 0.1s ease,
        box-shadow 0.1s ease;
      &.negative {
        background-color: #edc3c2;
        color: #252525;
      }
      .header {
        font-weight: bold;
      }
      p:last-child {
        margin-bottom: 0;
      }
    }
  }

  &.section-passwordreset {
    .ui.segment.primary {
      h1 {
        font-size: 1.5rem !important;
      }
    }
    .ui.segments > .segment:first-child {
      padding-top: 0;
    }
  }
}