@charset "UTF-8";
html {
  --builder-header-height: var(--token-builder-header-height);
  --builder-main-height: var(--token-builder-main-height);
  --builder-main-color: var(--token-builder-main-color);
  --builder-layout-position: var(--token-builder-layout-position);
  --builder-direction: var(--token-builder-direction);
  --builder-navbar-logo-width: var(--token-builder-navbar-logo-width);
  --builder-navbar-logo-height: var(--token-builder-navbar-logo-height);
  --builder-navbar-text-size: var(--token-builder-navbar-text-size);
  --builder-navbar-text-weight: var(--token-builder-navbar-text-weight);
  --builder-navbar-text-color: var(--token-builder-navbar-text-color);
  --builder-navbar-text-family: var(--token-builder-navbar-text-family);
  --builder-body-background: var(--token-builder-body-background);
  --builder-navbar-background: var(--token-builder-navbar-background);
  --builder-main-background: var(--token-builder-main-background);
  --builder-main-border: var(--token-builder-main-border);
  --builder-footer-background: var(--token-builder-footer-background);
  --builder-main-shadow: var(--token-builder-main-shadow);
  --builder-navbar-shadow: var(--token-builder-navbar-shadow);
  --builder-footer-shadow: var(--token-builder-footer-shadow);
  --builder-footer-brand-invert: var(--token-builder-footer-brand-invert);
}
:root {
  
}
:root[data-builder-layout=center] .main__box {
  -webkit-align-self: center;
          align-self: center;
}
:root[data-builder-layout=center] {
  --token-builder-layout-position: center;
}
:root[data-builder-layout=left] .main__box {
  -webkit-align-self: flex-start;
          align-self: flex-start;
}
:root[data-builder-layout=left] {
  --token-builder-layout-position: start;
}
:root[data-builder-layout=right] .main__box {
  -webkit-align-self: flex-end;
          align-self: flex-end;
}
:root[data-builder-layout=right] {
  --token-builder-layout-position: end;
}
html,
body {
  font-family: 'local-OpenSans', arial, sans-serif;
  font-family: var(--token-font-family, 'local-OpenSans', arial, sans-serif);
  font-size: 16px;
}
html {
  font-feature-settings: normal;
  line-height: 1.5;
  font-variation-settings: normal;
  scroll-behavior: var(--token-scroll-behavior);
  -moz-tab-size: 2;
       tab-size: 2;
  -webkit-tap-highlight-color: var(--token-transparent);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
      text-size-adjust: 100%;
}
body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  caret-color: rgb(34, 128, 191);
  caret-color: var(--token-accent, rgb(34, 128, 191));
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
::-moz-selection {
  background-color: rgba(0, 0, 0, .102);
  background-color: var(--token-pseudo-selection-bg, rgba(0, 0, 0, .102));
  color: inherit;
  color: var(--token-pseudo-selection-fg, inherit);
}
::selection {
  background-color: rgba(0, 0, 0, .102);
  background-color: var(--token-pseudo-selection-bg, rgba(0, 0, 0, .102));
  color: inherit;
  color: var(--token-pseudo-selection-fg, inherit);
}
html {
  
  --button-height: 40px;
  --button-width: auto;
  --button-fz: 14px;
  --button-radius: 4px;
  --button-shadow: var(--token-shadow-ring);
  --button-accent: var(--token-accent);
  --button-fg: var(--palette-neutral-90);
  --button-bg: var(--palette-neutral-05);
  --button-border: var(--token-border);
  --button-hover-fg: var(--palette-neutral-80);
  --button-hover-bg: var(--palette-neutral-05);
  --button-hover-border: var(--palette-neutral-80);
  --button-focus-fg: var(--palette-neutral-80);
  --button-focus-bg: var(--palette-neutral-05);
  --button-focus-border: var(--palette-neutral-80);
  --button-active-fg: var(--palette-neutral-80);
  --button-active-bg: var(--palette-neutral-05);
  --button-active-border: var(--palette-neutral-80);
  --button-disabled-fg: var(--palette-neutral-50);
  --button-disabled-bg: var(--palette-neutral-10);
  --button-disabled-border: var(--palette-neutral-30);
}
input[type=submit],
input[type=reset],
input[type=button],
:where(button[type=button], button) {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  gap: 0.75rem;
  
  width: auto;
  width: var(--button-width, auto);
  height: 40px;
  height: var(--button-height, 40px);
  padding: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin: 0;
  
  border: 1px solid;
  border-color: rgb(228, 228, 231);
  border-color: var(--button-border, rgb(228, 228, 231));
  border-radius: 4px;
  border-radius: var(--button-radius, 4px);
  
  background-color: rgb(255, 255, 255);
  background-color: var(--button-bg, rgb(255, 255, 255));
  opacity: 1;
  transition: unset;
  transition-property: border-color, box-shadow, background-color;
  transition-duration: 0.123s;
  
  font: inherit;
  font-size: 14px;
  font-size: var(--button-fz, 14px);
  font-feature-settings: inherit;
  letter-spacing: inherit;
  text-decoration: none;
  color: rgb(36, 36, 36);
  color: var(--button-fg, rgb(36, 36, 36));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  font-variation-settings: inherit;
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
:where(button[type=button], button):hover {
  
  
  border-color: rgb(51, 51, 51);
  border-color: var(--button-hover-border, rgb(51, 51, 51));
}
input[type=submit]:focus, input[type=submit]:focus-visible,
input[type=reset]:focus,
input[type=reset]:focus-visible,
input[type=button]:focus,
input[type=button]:focus-visible,
:where(button[type=button], button):focus,
:where(button[type=button], button):focus-visible {
  
  
  border-color: rgb(51, 51, 51);
  border-color: var(--button-focus-border, rgb(51, 51, 51));
  outline: 0 solid;
  outline-color: rgba(0, 0, 0, 0);
  outline-color: var(--token-transparent, rgba(0, 0, 0, 0));
  outline-offset: 0;
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=submit]:active,
input[type=reset]:active,
input[type=button]:active,
:where(button[type=button], button):active {
  
  
  border-color: rgb(51, 51, 51);
  border-color: var(--button-active-border, rgb(51, 51, 51));
}
input[type=submit]:disabled, input[type=submit][disabled],
input[type=reset]:disabled,
input[type=reset][disabled],
input[type=button]:disabled,
input[type=button][disabled],
:where(button[type=button], button):disabled,
:where(button[type=button], button)[disabled] {
  border-color: rgb(201, 201, 201);
  border-color: var(--button-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--button-disabled-bg, rgb(242, 242, 242));
  box-shadow: unset;
  color: rgb(140, 140, 140);
  color: var(--button-disabled-fg, rgb(140, 140, 140));
}
input[type=submit]:disabled:hover, input[type=submit][disabled]:hover,
input[type=reset]:disabled:hover,
input[type=reset][disabled]:hover,
input[type=button]:disabled:hover,
input[type=button][disabled]:hover,
:where(button[type=button], button):disabled:hover,
:where(button[type=button], button)[disabled]:hover {
  border-color: rgb(201, 201, 201);
  border-color: var(--button-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--button-disabled-bg, rgb(242, 242, 242));
  color: rgb(140, 140, 140);
  color: var(--button-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
}
html {
  
  --link-fg: var(--palette-neutral-80);
  --link-bg: var(--palette-neutral-90);
  --link-accent: var(--token-accent);
  --link-like-button-width: 100%;
  --link-like-button-height: 40px;
  --link-like-button-fz: 14px;
  --link-like-button-radius: 4px;
  --link-like-button-fg: var(--palette-neutral-05);
  --link-like-button-bg: var(--token-primary);
  --link-like-button-border: var(--token-accent);
  --link-like-button-hover-fg: var(--palette-neutral-05);
  --link-like-button-hover-bg: var(--token-primary);
  --link-like-button-hover-border: var(--token-accent);
  --link-like-button-focus-fg: var(--palette-neutral-05);
  --link-like-button-focus-bg: var(--token-primary);
  --link-like-button-focus-border: var(--token-accent);
  --link-like-button-active-fg: var(--palette-neutral-05);
  --link-like-button-active-bg: var(--token-primary);
  --link-like-button-active-border: var(--token-accent);
  --link-disabled-fg: var(--palette-neutral-30);
  --link-disabled-bg: var(--palette-neutral-30);
  --link-disabled-border: var(--palette-neutral-30);
}
a {
  height: inherit;
  text-decoration: none;
  color: rgb(51, 51, 51);
  color: var(--link-fg, rgb(51, 51, 51));
}
a:hover {
  color: rgb(34, 128, 191);
  color: var(--link-accent, rgb(34, 128, 191));
  -webkit-text-decoration-color: rgb(34, 128, 191);
          text-decoration-color: rgb(34, 128, 191);
  -webkit-text-decoration-color: var(--link-accent, rgb(34, 128, 191));
          text-decoration-color: var(--link-accent, rgb(34, 128, 191));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 1.5px;
  text-underline-position: under;
}
a:focus, a:focus-visible {
  color: rgb(34, 128, 191);
  color: var(--link-accent, rgb(34, 128, 191));
  -webkit-text-decoration-color: rgb(34, 128, 191);
          text-decoration-color: rgb(34, 128, 191);
  -webkit-text-decoration-color: var(--link-accent, rgb(34, 128, 191));
          text-decoration-color: var(--link-accent, rgb(34, 128, 191));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 1.5px;
  text-underline-position: under;
}
a:visited, a:active {
  color: rgb(51, 51, 51);
  color: var(--link-fg, rgb(51, 51, 51));
}
a[readonly] {
  cursor: not-allowed;
}
a[aria-disabled=true]:hover {
  cursor: not-allowed;
}
a[role=button] {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  gap: 0.75rem;
  
  width: 100%;
  width: var(--link-like-button-width, 100%);
  height: 40px;
  height: var(--link-like-button-height, 40px);
  padding: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  margin: 0;
  
  border: 1px solid;
  border-color: rgb(34, 128, 191);
  border-color: var(--link-like-button-border, rgb(34, 128, 191));
  border-radius: 4px;
  border-radius: var(--link-like-button-radius, 4px);
  
  background-color: rgb(56, 154, 220);
  background-color: var(--link-like-button-bg, rgb(56, 154, 220));
  opacity: 1;
  transition: unset;
  transition-property: border-color, box-shadow, background-color;
  transition-duration: 0.123s;
  
  font: inherit;
  font-size: 14px;
  font-size: var(--link-like-button-fz, 14px);
  font-feature-settings: inherit;
  letter-spacing: inherit;
  text-decoration: none;
  color: rgb(255, 255, 255);
  color: var(--link-like-button-fg, rgb(255, 255, 255));
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  font-variation-settings: inherit;
}
a[role=button]:visited {
  border-color: rgb(34, 128, 191);
  border-color: var(--link-like-button-border, rgb(34, 128, 191));
  background-color: rgb(56, 154, 220);
  background-color: var(--link-like-button-bg, rgb(56, 154, 220));
  color: rgb(255, 255, 255);
  color: var(--link-like-button-fg, rgb(255, 255, 255));
}
a[role=button]:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--link-like-button-hover-border, rgb(34, 128, 191));
  background-color: rgb(56, 154, 220);
  background-color: var(--link-like-button-hover-bg, rgb(56, 154, 220));
  color: rgb(255, 255, 255);
  color: var(--link-like-button-hover-fg, rgb(255, 255, 255));
}
a[role=button]:focus, a[role=button]:focus-visible {
  border-color: rgb(34, 128, 191);
  border-color: var(--link-like-button-focus-border, rgb(34, 128, 191));
  outline: 0 solid;
  outline-color: rgba(0, 0, 0, 0);
  outline-color: var(--token-transparent, rgba(0, 0, 0, 0));
  outline-offset: 0;
  background-color: rgb(56, 154, 220);
  background-color: var(--link-like-button-focus-bg, rgb(56, 154, 220));
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
  color: rgb(255, 255, 255);
  color: var(--link-like-button-focus-fg, rgb(255, 255, 255));
}
a[role=button]:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--link-like-button-active-border, rgb(34, 128, 191));
  background-color: rgb(56, 154, 220);
  background-color: var(--link-like-button-active-bg, rgb(56, 154, 220));
  color: rgb(255, 255, 255);
  color: var(--link-like-button-active-fg, rgb(255, 255, 255));
}
a[role=button]:disabled, a[role=button][disabled] {
  border-color: var(--link-like-button-disabled-border);
  background-color: var(--link-like-button-disabled-bg);
  box-shadow: unset;
  color: var(--link-like-button-disabled-fg);
}
a[role=button]:disabled:hover, a[role=button][disabled]:hover {
  border-color: var(--link-like-button-disabled-border);
  background-color: var(--link-like-button-disabled-bg);
  color: var(--link-like-button-disabled-fg);
  cursor: not-allowed;
}
html {
  --input-type-text-fg: var(--palette-neutral-90);
  --input-type-text-bg: var(--palette-neutral-05);
  --input-type-text-border: var(--token-border);
  --input-type-text-accent: var(--palette-neutral-80);
  --input-type-text-height: 40px;
  --input-type-text-width: 100%;
  --input-type-text-radius: 4px;
  --input-type-text-disabled-fg: var(--palette-neutral-50);
  --input-type-text-disabled-bg: var(--palette-neutral-10);
  --input-type-text-disabled-border: var(--palette-neutral-30);
  --input-type-text-placeholder-fg: var(--token-pseudo-placeholder);
  --input-type-text-placeholder-fz: var(--token-fz);
}
input[type=text].form-control,
input[type=email].form-control,
input[type=password].form-control,
input[type=number].form-control,
input[type=tel].form-control,
input[type=url].form-control,
input[type=search].form-control,
textarea.form-control,
select.form-control,
input.form-control {
  display: block;
  width: 100%;
  width: var(--input-type-text-width, 100%);
  height: 40px;
  height: var(--input-type-text-height, 40px);
  padding: 0.5rem 0.75rem;
  border: 1px solid;
  border-color: rgb(228, 228, 231);
  border-color: var(--input-type-text-border, rgb(228, 228, 231));
  border-radius: 4px;
  border-radius: var(--input-type-text-radius, 4px);
  background-color: rgb(255, 255, 255);
  background-color: var(--input-type-text-bg, rgb(255, 255, 255));
  opacity: 1;
  transition: unset;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 0.123s;
  font: inherit;
  font-feature-settings: inherit;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  letter-spacing: inherit;
  color: rgb(36, 36, 36);
  color: var(--input-type-text-fg, rgb(36, 36, 36));
  font-variation-settings: inherit;
}
input[type=text].form-control:hover,
input[type=email].form-control:hover,
input[type=password].form-control:hover,
input[type=number].form-control:hover,
input[type=tel].form-control:hover,
input[type=url].form-control:hover,
input[type=search].form-control:hover,
textarea.form-control:hover,
select.form-control:hover,
input.form-control:hover {
  border-color: rgb(51, 51, 51);
  border-color: var(--input-type-text-accent, rgb(51, 51, 51));
}
input[type=text].form-control:focus, input[type=text].form-control:focus-visible,
input[type=email].form-control:focus,
input[type=email].form-control:focus-visible,
input[type=password].form-control:focus,
input[type=password].form-control:focus-visible,
input[type=number].form-control:focus,
input[type=number].form-control:focus-visible,
input[type=tel].form-control:focus,
input[type=tel].form-control:focus-visible,
input[type=url].form-control:focus,
input[type=url].form-control:focus-visible,
input[type=search].form-control:focus,
input[type=search].form-control:focus-visible,
textarea.form-control:focus,
textarea.form-control:focus-visible,
select.form-control:focus,
select.form-control:focus-visible,
input.form-control:focus,
input.form-control:focus-visible {
  border-color: rgb(51, 51, 51);
  border-color: var(--input-type-text-accent, rgb(51, 51, 51));
  outline: 0 solid;
  outline-color: rgba(0, 0, 0, 0);
  outline-color: var(--token-transparent, rgba(0, 0, 0, 0));
  outline-offset: 0;
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=text].form-control:active,
input[type=email].form-control:active,
input[type=password].form-control:active,
input[type=number].form-control:active,
input[type=tel].form-control:active,
input[type=url].form-control:active,
input[type=search].form-control:active,
textarea.form-control:active,
select.form-control:active,
input.form-control:active {
  border-color: rgb(51, 51, 51);
  border-color: var(--input-type-text-accent, rgb(51, 51, 51));
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=text].form-control:disabled, input[type=text].form-control[disabled],
input[type=email].form-control:disabled,
input[type=email].form-control[disabled],
input[type=password].form-control:disabled,
input[type=password].form-control[disabled],
input[type=number].form-control:disabled,
input[type=number].form-control[disabled],
input[type=tel].form-control:disabled,
input[type=tel].form-control[disabled],
input[type=url].form-control:disabled,
input[type=url].form-control[disabled],
input[type=search].form-control:disabled,
input[type=search].form-control[disabled],
textarea.form-control:disabled,
textarea.form-control[disabled],
select.form-control:disabled,
select.form-control[disabled],
input.form-control:disabled,
input.form-control[disabled] {
  border-color: rgb(201, 201, 201);
  border-color: var(--input-type-text-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--input-type-text-disabled-bg, rgb(242, 242, 242));
  box-shadow: unset;
  color: rgb(140, 140, 140);
  color: var(--input-type-text-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
}
input[type=text].form-control::-webkit-input-placeholder, input[type=email].form-control::-webkit-input-placeholder, input[type=password].form-control::-webkit-input-placeholder, input[type=number].form-control::-webkit-input-placeholder, input[type=tel].form-control::-webkit-input-placeholder, input[type=url].form-control::-webkit-input-placeholder, input[type=search].form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder, input.form-control::-webkit-input-placeholder {
  font-size: 14px;
  font-size: var(--input-type-text-placeholder-fz, 14px);
  color: rgb(201, 201, 201);
  color: var(--input-type-text-placeholder-fg, rgb(201, 201, 201));
}
input[type=text].form-control::-moz-placeholder, input[type=email].form-control::-moz-placeholder, input[type=password].form-control::-moz-placeholder, input[type=number].form-control::-moz-placeholder, input[type=tel].form-control::-moz-placeholder, input[type=url].form-control::-moz-placeholder, input[type=search].form-control::-moz-placeholder, textarea.form-control::-moz-placeholder, select.form-control::-moz-placeholder, input.form-control::-moz-placeholder {
  font-size: 14px;
  font-size: var(--input-type-text-placeholder-fz, 14px);
  color: rgb(201, 201, 201);
  color: var(--input-type-text-placeholder-fg, rgb(201, 201, 201));
}
input[type=text].form-control:-ms-input-placeholder, input[type=email].form-control:-ms-input-placeholder, input[type=password].form-control:-ms-input-placeholder, input[type=number].form-control:-ms-input-placeholder, input[type=tel].form-control:-ms-input-placeholder, input[type=url].form-control:-ms-input-placeholder, input[type=search].form-control:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder, select.form-control:-ms-input-placeholder, input.form-control:-ms-input-placeholder {
  font-size: 14px;
  font-size: var(--input-type-text-placeholder-fz, 14px);
  color: rgb(201, 201, 201);
  color: var(--input-type-text-placeholder-fg, rgb(201, 201, 201));
}
input[type=text].form-control::-ms-input-placeholder, input[type=email].form-control::-ms-input-placeholder, input[type=password].form-control::-ms-input-placeholder, input[type=number].form-control::-ms-input-placeholder, input[type=tel].form-control::-ms-input-placeholder, input[type=url].form-control::-ms-input-placeholder, input[type=search].form-control::-ms-input-placeholder, textarea.form-control::-ms-input-placeholder, select.form-control::-ms-input-placeholder, input.form-control::-ms-input-placeholder {
  font-size: 14px;
  font-size: var(--input-type-text-placeholder-fz, 14px);
  color: rgb(201, 201, 201);
  color: var(--input-type-text-placeholder-fg, rgb(201, 201, 201));
}
input[type=text].form-control::placeholder,
input[type=email].form-control::placeholder,
input[type=password].form-control::placeholder,
input[type=number].form-control::placeholder,
input[type=tel].form-control::placeholder,
input[type=url].form-control::placeholder,
input[type=search].form-control::placeholder,
textarea.form-control::placeholder,
select.form-control::placeholder,
input.form-control::placeholder {
  font-size: 14px;
  font-size: var(--input-type-text-placeholder-fz, 14px);
  color: rgb(201, 201, 201);
  color: var(--input-type-text-placeholder-fg, rgb(201, 201, 201));
}
input[type=text].form-control:-internal-autofill-selected,
input[type=email].form-control:-internal-autofill-selected,
input[type=password].form-control:-internal-autofill-selected,
input[type=number].form-control:-internal-autofill-selected,
input[type=tel].form-control:-internal-autofill-selected,
input[type=url].form-control:-internal-autofill-selected,
input[type=search].form-control:-internal-autofill-selected,
textarea.form-control:-internal-autofill-selected,
select.form-control:-internal-autofill-selected,
input.form-control:-internal-autofill-selected {
  background-color: transparent !important;
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-animation: forwards autofill;
          animation: forwards autofill;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  -webkit-text-fill-color: rgb(51, 51, 51);
  -webkit-text-fill-color: var(--token-text, rgb(51, 51, 51));
}
input[type=text].form-control:-webkit-autofill, input[type=email].form-control:-webkit-autofill, input[type=password].form-control:-webkit-autofill, input[type=number].form-control:-webkit-autofill, input[type=tel].form-control:-webkit-autofill, input[type=url].form-control:-webkit-autofill, input[type=search].form-control:-webkit-autofill, textarea.form-control:-webkit-autofill, select.form-control:-webkit-autofill, input.form-control:-webkit-autofill {
  -webkit-animation: forwards autofill;
          animation: forwards autofill;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  -webkit-text-fill-color: rgb(51, 51, 51);
  -webkit-text-fill-color: var(--token-text, rgb(51, 51, 51));
}
input[type=text].form-control:autofill,
input[type=email].form-control:autofill,
input[type=password].form-control:autofill,
input[type=number].form-control:autofill,
input[type=tel].form-control:autofill,
input[type=url].form-control:autofill,
input[type=search].form-control:autofill,
textarea.form-control:autofill,
select.form-control:autofill,
input.form-control:autofill {
  -webkit-animation: forwards autofill;
          animation: forwards autofill;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  -webkit-text-fill-color: rgb(51, 51, 51);
  -webkit-text-fill-color: var(--token-text, rgb(51, 51, 51));
}
select {
  height: auto;
}
textarea {
  width: 100%;
  min-height: 5rem;
  resize: vertical;
}
input[type=text].form-control:-moz-read-only, input[type=email].form-control:-moz-read-only, input[type=password].form-control:-moz-read-only, input[type=number].form-control:-moz-read-only, input[type=tel].form-control:-moz-read-only, input[type=url].form-control:-moz-read-only, input[type=search].form-control:-moz-read-only, input.form-control:-moz-read-only {
  border-color: rgb(201, 201, 201);
  border-color: var(--input-type-text-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--input-type-text-disabled-bg, rgb(242, 242, 242));
  box-shadow: unset;
  color: rgb(140, 140, 140);
  color: var(--input-type-text-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
}
input[type=text].form-control:read-only, input[type=text].form-control[readonly], input[type=text].form-control[readonly=readonly],
input[type=email].form-control:read-only,
input[type=email].form-control[readonly],
input[type=email].form-control[readonly=readonly],
input[type=password].form-control:read-only,
input[type=password].form-control[readonly],
input[type=password].form-control[readonly=readonly],
input[type=number].form-control:read-only,
input[type=number].form-control[readonly],
input[type=number].form-control[readonly=readonly],
input[type=tel].form-control:read-only,
input[type=tel].form-control[readonly],
input[type=tel].form-control[readonly=readonly],
input[type=url].form-control:read-only,
input[type=url].form-control[readonly],
input[type=url].form-control[readonly=readonly],
input[type=search].form-control:read-only,
input[type=search].form-control[readonly],
input[type=search].form-control[readonly=readonly],
input.form-control:read-only,
input.form-control[readonly],
input.form-control[readonly=readonly] {
  border-color: rgb(201, 201, 201);
  border-color: var(--input-type-text-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--input-type-text-disabled-bg, rgb(242, 242, 242));
  box-shadow: unset;
  color: rgb(140, 140, 140);
  color: var(--input-type-text-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
}
html {
  --input-type-checkbox-fg: var(--palette-neutral-90);
  --input-type-checkbox-bg: var(--palette-neutral-05);
  --input-type-checkbox-border: var(--token-border);
  --input-type-checkbox-accent: var(--token-accent);
  --input-type-checkbox-radius: 4px;
  --input-type-checkbox-size: 1.2rem;
  --input-type-checkbox-checked-bg: var(--token-accent);
  --input-type-checkbox-mark-color: var(--palette-neutral-05);
  --input-type-checkbox-mark-width: 0.25rem;
  --input-type-checkbox-mark-height: 0.55rem;
  --input-type-checkbox-mark-border-width: 0 2px 2px 0;
  --input-type-checkbox-disabled-fg: var(--palette-neutral-50);
  --input-type-checkbox-disabled-bg: var(--palette-neutral-10);
  --input-type-checkbox-disabled-border: var(--palette-neutral-30);
}
input[type=checkbox] {
  position: relative;
  display: grid;
  place-content: center center;
  width: 1.2rem;
  width: var(--input-type-checkbox-size, 1.2rem);
  height: 1.2rem;
  height: var(--input-type-checkbox-size, 1.2rem);
  margin: 0;
  border: 1px solid rgb(228, 228, 231);
  border: 1px solid var(--input-type-checkbox-border, rgb(228, 228, 231));
  border-radius: 4px;
  border-radius: var(--input-type-checkbox-radius, 4px);
  background-color: rgb(255, 255, 255);
  background-color: var(--input-type-checkbox-bg, rgb(255, 255, 255));
  transition: unset;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 0.123s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=checkbox]:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-checkbox-accent, rgb(34, 128, 191));
}
input[type=checkbox]:focus, input[type=checkbox]:focus-visible {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-checkbox-accent, rgb(34, 128, 191));
  outline: 0 solid;
  outline-color: rgba(0, 0, 0, 0);
  outline-color: var(--token-transparent, rgba(0, 0, 0, 0));
  outline-offset: 0;
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=checkbox]:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-checkbox-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=checkbox]:disabled, input[type=checkbox][disabled] {
  border-color: rgb(201, 201, 201);
  border-color: var(--input-type-checkbox-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--input-type-checkbox-disabled-bg, rgb(242, 242, 242));
  box-shadow: unset;
  color: rgb(140, 140, 140);
  color: var(--input-type-checkbox-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
}
input[type=checkbox]:checked {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-checkbox-checked-bg, rgb(34, 128, 191));
  background-color: rgb(34, 128, 191);
  background-color: var(--input-type-checkbox-checked-bg, rgb(34, 128, 191));
}
input[type=checkbox]:checked::after {
  content: "";
  display: block;
  width: 0.25rem;
  width: var(--input-type-checkbox-mark-width, 0.25rem);
  height: 0.55rem;
  height: var(--input-type-checkbox-mark-height, 0.55rem);
  border: solid;
  border-width: 0 2px 2px 0;
  border-width: var(--input-type-checkbox-mark-border-width, 0 2px 2px 0);
  border-color: rgb(255, 255, 255);
  border-color: var(--input-type-checkbox-mark-color, rgb(255, 255, 255));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
input[type=checkbox]:checked:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-checkbox-checked-bg, rgb(34, 128, 191));
}
input[type=checkbox]:checked:focus, input[type=checkbox]:checked:focus-visible, input[type=checkbox]:checked:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--token-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
html {
  --input-type-radio-fg: var(--palette-neutral-40);
  --input-type-radio-bg: var(--palette-neutral-05);
  --input-type-radio-border: var(--token-border);
  --input-type-radio-accent: var(--token-accent);
  --input-type-radio-size: 1.2rem;
  --input-type-radio-mark-size: 0.8rem;
  --input-type-radio-mark-radius: 0.8rem;
  --input-type-radio-disabled-fg: var(--palette-neutral-50);
  --input-type-radio-disabled-bg: var(--palette-neutral-10);
  --input-type-radio-disabled-border: var(--palette-neutral-30);
}
.form-radio__container {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}
.form-radio__group {
  display: -webkit-flex;
  display: flex;
  gap: 0.5rem;
}
input[type=radio] {
  position: relative;
  display: grid;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  place-items: center center;
  width: 1.2rem;
  width: var(--input-type-radio-size, 1.2rem);
  height: 1.2rem;
  height: var(--input-type-radio-size, 1.2rem);
  padding: 0;
  margin: 0;
  border: 1px solid;
  border-color: rgb(228, 228, 231);
  border-color: var(--input-type-radio-border, rgb(228, 228, 231));
  border-radius: 100%;
  background-color: rgb(255, 255, 255);
  background-color: var(--input-type-radio-bg, rgb(255, 255, 255));
  transition: unset;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: 0.123s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=radio]:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-radio-accent, rgb(34, 128, 191));
}
input[type=radio]:focus, input[type=radio]:focus-visible {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-radio-accent, rgb(34, 128, 191));
  outline: 0 solid;
  outline-color: rgba(0, 0, 0, 0);
  outline-color: var(--token-transparent, rgba(0, 0, 0, 0));
  outline-offset: 0;
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=radio]:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-radio-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
input[type=radio]:disabled, input[type=radio][disabled] {
  border-color: rgb(201, 201, 201);
  border-color: var(--input-type-radio-disabled-border, rgb(201, 201, 201));
  background-color: rgb(242, 242, 242);
  background-color: var(--input-type-radio-disabled-bg, rgb(242, 242, 242));
  box-shadow: unset;
  color: rgb(140, 140, 140);
  color: var(--input-type-radio-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
}
input[type=radio] {
  
}
input[type=radio]:checked {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-radio-accent, rgb(34, 128, 191));
  background-color: rgb(255, 255, 255);
  background-color: var(--input-type-radio-bg, rgb(255, 255, 255));
}
input[type=radio]:checked::after {
  content: "";
  display: block;
  width: 0.8rem;
  width: var(--input-type-radio-mark-size, 0.8rem);
  height: 0.8rem;
  height: var(--input-type-radio-mark-size, 0.8rem);
  border-radius: 0.8rem;
  border-radius: var(--input-type-radio-mark-radius, 0.8rem);
  background-color: rgb(34, 128, 191);
  background-color: var(--input-type-radio-accent, rgb(34, 128, 191));
}
input[type=radio]:checked:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-radio-accent, rgb(34, 128, 191));
}
input[type=radio]:checked:focus, input[type=radio]:checked:focus-visible, input[type=radio]:checked:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--input-type-radio-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 0.19rem rgba(2, 84, 172, .502);
  box-shadow: var(--token-shadow-ring, 0 0 0 0.19rem rgba(2, 84, 172, .502));
}
html {
  --label-fg: var(--token-text-heading);
  --label-fw: 600;
  --label-fz: 14px;
}
label {
  font-size: 14px;
  font-size: var(--label-fz, 14px);
  font-weight: 600;
  font-weight: var(--label-fw, 600);
  color: rgb(36, 36, 36);
  color: var(--label-fg, rgb(36, 36, 36));
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(36, 36, 36);
  color: var(--token-text-heading, rgb(36, 36, 36));
}
p {
  color: rgb(71, 71, 71);
  color: var(--token-text-paragraph, rgb(71, 71, 71));
}
li {
  color: rgb(71, 71, 71);
  color: var(--token-text-paragraph, rgb(71, 71, 71));
}
.body__background {
  background-color: rgb(252, 252, 252);
  background-color: var(--builder-body-background, rgb(252, 252, 252));
  background-repeat: repeat;
  background-position: top left;
  background-size: 12rem;
  background-attachment: fixed;
}
.main__background {
  background-color: rgb(252, 252, 252);
  background-color: var(--builder-main-background, rgb(252, 252, 252));
  color: rgb(51, 51, 51);
  color: var(--builder-main-color, rgb(51, 51, 51));
}
.footer__background {
  background-color: rgb(228, 228, 231);
  background-color: var(--builder-footer-background, rgb(228, 228, 231));
}
.main__box {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-self: center;
          align-self: center;
  -webkit-align-self: var(--builder-layout-position, center);
          align-self: var(--builder-layout-position, center);
  width: 100%;
  max-width: 30rem;
  height: auto;
  min-height: calc(100vh - 60px);
  min-height: var(--builder-main-height, calc(100vh - 60px));
  margin: 0;
  border: 1px solid;
  border-color: rgb(228, 228, 231);
  border-color: var(--builder-main-border, rgb(228, 228, 231));
  border-top: 0;
  border-bottom: 0;
}
:root[data-builder-layout=left] .main__box {
  margin-left: 2rem;
}
@media (max-width: 560px) {
  :root[data-builder-layout=left] .main__box {
    margin-right: auto;
    margin-left: auto;
  }
}
:root[data-builder-layout=right] .main__box {
  margin-right: 2rem;
}
@media (max-width: 560px) {
  :root[data-builder-layout=right] .main__box {
    margin-right: auto;
    margin-left: auto;
  }
}
.main__shadow {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .051);
  box-shadow: var(--builder-main-shadow, 0 4px 6px 0 rgba(0, 0, 0, .051));
}
.content__wrapper {
  -webkit-flex: auto;
          flex: auto;
  padding: 2rem 1.5rem 4rem;
  margin-bottom: auto;
}
@media (max-width: 425px) {
  .content__wrapper {
    padding: 2rem 1rem;
  }
}
.footer__box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  -webkit-align-items: center;
          align-items: center;
  gap: 0.5rem;
  padding: 2rem 1.5rem 3rem;
  margin-top: auto;
}
.footer__shadow {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .051);
  box-shadow: var(--builder-footer-shadow, 0 4px 6px 0 rgba(0, 0, 0, .051));
}
.footer__brand {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
  height: 2rem;
  -webkit-filter: invert(0);
          filter: invert(0);
  -webkit-filter: invert(var(--builder-footer-brand-invert, 0));
          filter: invert(var(--builder-footer-brand-invert, 0));
}
.footer__copyright {
  font-size: 14px;
  font-weight: normal;
  color: rgb(51, 51, 51);
  color: var(--token-text, rgb(51, 51, 51));
}
.navbar {
  position: relative;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
  height: 60px;
  height: var(--builder-header-height, 60px);
}
.navbar.navbar__background {
  background-color: rgb(0, 191, 230);
  background-color: var(--builder-navbar-background, rgb(0, 191, 230));
}
.navbar.navbar__shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, .349);
  box-shadow: var(--builder-navbar-shadow, 0 0 3px rgba(0, 0, 0, .349));
}
.navbar__nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: center;
          align-items: center;
  justify-self: start;
  height: 60px;
  margin-left: 3rem;
}
@media (max-width: 380px) {
  .navbar__nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
  }
}
.navbar__href > .navbar__img {
  display: -webkit-flex;
  display: flex;
  width: auto;
  height: 2rem;
}
.navbar__href {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  gap: 0.5rem;
}
@media (max-width: 380px) {
  .navbar__href {
    -webkit-flex-flow: column;
            flex-flow: column;
  }
}
.navbar__href:hover {
  text-decoration: none;
}
.navbar__text {
  margin: 0;
  color: rgb(51, 51, 51);
  color: var(--builder-navbar-text-color, rgb(51, 51, 51));
}
.navbar__text {
  font-size: 14px;
  font-size: var(--builder-navbar-text-size, 14px);
  font-weight: 400;
  font-weight: var(--builder-navbar-text-weight, 400);
}
.navbar__logo-container {
  display: -webkit-flex;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: var(--builder-navbar-logo-width, -webkit-fit-content);
  width: var(--builder-navbar-logo-width, -moz-fit-content);
  width: var(--builder-navbar-logo-width, fit-content);
  height: 2rem;
  height: var(--builder-navbar-logo-height, 2rem);
}
.navbar__logo-container:empty,
.navbar__text:empty {
  display: none;
}
.navbar__hide--img .navbar__img,
.navbar__hide--text .navbar__text {
  display: none;
}
@media (max-width: 380px) {
  .navbar__text {
    display: none;
  }
}
html {
  
  
  --idp-checkmark-width: 1rem;
  --idp-checkmark-height: 1rem;
  --idp-checkmark-border-radius: 3.6px;
  --idp-checkmark-radio-border-radius: 100%;
  --idp-checkmark-transition-duration: 0.123s;
  
  --idp-checkbox-after-width: 4.5px;
  --idp-checkbox-after-height: 9px;
  --idp-checkbox-after-border-width: 0 2.7px 2.7px 0;
  
  --idp-radio-after-width: 7.2px;
  --idp-radio-after-height: 7.2px;
  
  --idp-checkmark-bg: var(--token-surface-10);
  --idp-checkmark-border: var(--token-border);
  --idp-checkmark-hover-border: var(--token-accent);
  --idp-checkmark-focus-border: var(--token-accent);
  --idp-checkmark-focus-shadow: var(--token-ring);
  --idp-checkbox-checked-bg: var(--token-accent);
  --idp-checkbox-mark-color: var(--token-surface-10);
  
  --idp-checkmark-margin: 3.6px 7.2px 3.6px 0;
  --idp-grid-gap: 10.8px;
}
.form-toggle__parent label {
  display: grid;
  grid: auto/auto 1fr;
  grid-gap: 10.8px;
  grid-gap: var(--idp-grid-gap, 10.8px);
}
.form-toggle__radio, .form-toggle__checkbox {
  display: grid;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: start;
          justify-content: start;
  grid: auto/auto 1fr;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  grid-gap: 10.8px;
  grid-gap: var(--idp-grid-gap, 10.8px);
}
.form-toggle__radio input, .form-toggle__checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}
.form-toggle__checkmark {
  position: relative;
  display: grid;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  place-items: center center;
  grid-row: 1;
  width: 1rem;
  width: var(--idp-checkmark-width, 1rem);
  height: 1rem;
  height: var(--idp-checkmark-height, 1rem);
  border: 1px solid rgb(228, 228, 231);
  border: 1px solid var(--idp-checkmark-border, rgb(228, 228, 231));
  border-radius: 3.6px;
  border-radius: var(--idp-checkmark-border-radius, 3.6px);
  background-color: rgb(252, 252, 252);
  background-color: var(--idp-checkmark-bg, rgb(252, 252, 252));
  transition: background-color 0.123s, border-color 0.123s, box-shadow 0.123s;
  transition: background-color var(--idp-checkmark-transition-duration, 0.123s), border-color var(--idp-checkmark-transition-duration, 0.123s), box-shadow var(--idp-checkmark-transition-duration, 0.123s);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  
}
.form-toggle__checkmark::after {
  content: "";
  display: none;
}
.form-toggle__checkmark {
  
}
.form-toggle__checkmark:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkmark-hover-border, rgb(34, 128, 191));
}
.form-toggle__checkmark:focus {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkmark-focus-border, rgb(34, 128, 191));
  box-shadow: 0 0 0 3px rgba(2, 84, 172, .502);
  box-shadow: 0 0 0 3px var(--idp-checkmark-focus-shadow, rgba(2, 84, 172, .502));
}
.form-toggle {
  
}
.form-toggle__radio .form-toggle__checkmark {
  border-radius: 100%;
  border-radius: var(--idp-checkmark-radio-border-radius, 100%);
  
}
.form-toggle__radio .form-toggle__checkmark::after {
  width: 7.2px;
  width: var(--idp-radio-after-width, 7.2px);
  height: 7.2px;
  height: var(--idp-radio-after-height, 7.2px);
  border-radius: 100%;
  border-radius: var(--idp-checkmark-radio-border-radius, 100%);
  background-color: rgb(252, 252, 252);
  background-color: var(--idp-checkbox-mark-color, rgb(252, 252, 252));
}
.form-toggle__radio {
  
}
.form-toggle__radio:hover .form-toggle__checkmark {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkmark-hover-border, rgb(34, 128, 191));
}
.form-toggle__radio {
  
}
.form-toggle__radio input:checked ~ .form-toggle__checkmark {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
  background-color: rgb(34, 128, 191);
  background-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
}
.form-toggle__radio input:checked ~ .form-toggle__checkmark::after {
  display: block;
}
.form-toggle__radio input:focus ~ .form-toggle__checkmark, .form-toggle__radio input:focus-visible ~ .form-toggle__checkmark, .form-toggle__radio input:active ~ .form-toggle__checkmark {
  border-color: rgb(34, 128, 191);
  border-color: var(--token-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 3px rgba(2, 84, 172, .502);
  box-shadow: 0 0 0 3px var(--token-ring, rgba(2, 84, 172, .502));
}
.form-toggle {
  
}
.form-toggle__checkbox .form-toggle__checkmark {
  
}
.form-toggle__checkbox .form-toggle__checkmark::after {
  width: 4.5px;
  width: var(--idp-checkbox-after-width, 4.5px);
  height: 9px;
  height: var(--idp-checkbox-after-height, 9px);
  border: solid;
  border-width: 0 2.7px 2.7px 0;
  border-width: var(--idp-checkbox-after-border-width, 0 2.7px 2.7px 0);
  border-color: rgb(252, 252, 252);
  border-color: var(--idp-checkbox-mark-color, rgb(252, 252, 252));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.form-toggle__checkbox {
  
}
.form-toggle__checkbox:hover .form-toggle__checkmark {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkmark-hover-border, rgb(34, 128, 191));
}
.form-toggle__checkbox {
  
}
.form-toggle__checkbox input:checked ~ .form-toggle__checkmark {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
  background-color: rgb(34, 128, 191);
  background-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
}
.form-toggle__checkbox input:checked ~ .form-toggle__checkmark::after {
  display: block;
}
.form-toggle__checkbox input:focus ~ .form-toggle__checkmark, .form-toggle__checkbox input:focus-visible ~ .form-toggle__checkmark, .form-toggle__checkbox input:active ~ .form-toggle__checkmark {
  border-color: rgb(34, 128, 191);
  border-color: var(--token-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 3px rgba(2, 84, 172, .502);
  box-shadow: 0 0 0 3px var(--token-ring, rgba(2, 84, 172, .502));
}
.form-toggle {
  
}
.form-toggle__input {
  visibility: hidden;
}
.form-toggle__label {
  font-size: 16px;
  font-weight: normal;
}
.form-toggle__checkbox_parent {
  display: grid;
  -webkit-justify-content: start;
          justify-content: start;
  margin-top: 10px;
}
.form-checkbox__text {
  margin: unset;
  font-size: 14px;
  font-weight: 400;
  color: rgb(102, 102, 102);
}
.form-checkbox__box {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.form-checkbox__box.form-login__label {
  margin-top: 32px;
}
.consent__checkbox .consent__item {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  gap: 0.5rem;
  font-size: 14px;
  color: rgb(51, 51, 51);
  color: var(--token-text, rgb(51, 51, 51));
}
.consent__checkbox :where(input[type=checkbox]) {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  place-items: center center;
  width: 1rem;
  width: var(--idp-checkmark-width, 1rem);
  height: 1rem;
  height: var(--idp-checkmark-height, 1rem);
  padding: 0;
  margin: 0;
  margin-top: 1.5px;
  border: 1px solid rgb(228, 228, 231);
  border: 1px solid var(--idp-checkmark-border, rgb(228, 228, 231));
  border-radius: 3.6px;
  border-radius: var(--idp-checkmark-border-radius, 3.6px);
  background-color: rgb(252, 252, 252);
  background-color: var(--idp-checkmark-bg, rgb(252, 252, 252));
  transition: background-color 0.123s, border-color 0.123s, box-shadow 0.123s;
  transition: background-color var(--idp-checkmark-transition-duration, 0.123s), border-color var(--idp-checkmark-transition-duration, 0.123s), box-shadow var(--idp-checkmark-transition-duration, 0.123s);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  
}
.consent__checkbox :where(input[type=checkbox]):hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkmark-hover-border, rgb(34, 128, 191));
}
.consent__checkbox :where(input[type=checkbox]):focus {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkmark-focus-border, rgb(34, 128, 191));
  box-shadow: 0 0 0 3px rgba(2, 84, 172, .502);
  box-shadow: 0 0 0 3px var(--idp-checkmark-focus-shadow, rgba(2, 84, 172, .502));
}
.consent__checkbox :where(input[type=checkbox]) {
  
}
.consent__checkbox :where(input[type=checkbox]):checked {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
  background-color: rgb(34, 128, 191);
  background-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
}
.consent__checkbox :where(input[type=checkbox]):checked::after {
  content: "";
  display: block;
  width: 4.5px;
  width: var(--idp-checkbox-after-width, 4.5px);
  height: 9px;
  height: var(--idp-checkbox-after-height, 9px);
  border: solid;
  border-width: 0 2.7px 2.7px 0;
  border-width: var(--idp-checkbox-after-border-width, 0 2.7px 2.7px 0);
  border-color: rgb(252, 252, 252);
  border-color: var(--idp-checkbox-mark-color, rgb(252, 252, 252));
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.consent__checkbox :where(input[type=checkbox]):checked:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--idp-checkbox-checked-bg, rgb(34, 128, 191));
}
.consent__checkbox :where(input[type=checkbox]):checked:focus, .consent__checkbox :where(input[type=checkbox]):checked:focus-visible, .consent__checkbox :where(input[type=checkbox]):checked:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--token-accent, rgb(34, 128, 191));
  box-shadow: 0 0 0 3px rgba(2, 84, 172, .502);
  box-shadow: 0 0 0 3px var(--token-ring, rgba(2, 84, 172, .502));
}
html {
  --blockquote-accent: var(--token-accent);
  --blockquote-primary: var(--token-primary);
  --blockquote-info: var(--token-state-info);
  --blockquote-success: var(--token-state-success);
  --blockquote-warning: var(--token-state-warning);
  --blockquote-danger: var(--token-state-error);
  --blockquote-alert: rgb(136, 216, 236);
  --blockquote-system: rgb(26, 217, 255);
  --blockquote-dark: rgb(39, 39, 42);
  --blockquote-base: var(--token-text);
  --blockquote-text: var(--token-text);
  --blockquote-pull: var(--token-text);
  --blockquote-small: var(--token-text);
  --blockquote-icon-top-space: 3px;
  --blockquote-message: var(--token-text);
  
  --blockquote-primary-bg: rgba(122, 159, 184, .102);
  --blockquote-info-bg: rgba(0, 191, 230, .102);
  --blockquote-success-bg: rgba(60, 185, 120, .102);
  --blockquote-warning-bg: rgba(253, 159, 28, .102);
  --blockquote-danger-bg: rgba(251, 79, 40, .102);
  --blockquote-alert-bg: rgba(136, 216, 236, .102);
  --blockquote-system-bg: rgba(26, 217, 255, .102);
  --blockquote-dark-bg: rgba(39, 39, 42, .102);
}
blockquote {
  padding: 0.8rem 1rem;
  margin: 0;
  border-left: 4px solid;
  font-size: 14px;
  font-size: var(--token-fz, 14px);
  color: rgb(51, 51, 51);
  color: var(--blockquote-text, rgb(51, 51, 51));
  border-left-color: rgb(34, 128, 191);
  border-left-color: var(--blockquote-accent, rgb(34, 128, 191));
}
blockquote::after, blockquote::before {
  content: none;
}
blockquote p {
  margin: 0;
  font-size: 14px;
}
blockquote.blockquote-primary {
  border-color: rgb(56, 154, 220);
  border-color: var(--blockquote-primary, rgb(56, 154, 220));
  background-color: rgba(122, 159, 184, .102);
  background-color: var(--blockquote-primary-bg, rgba(122, 159, 184, .102));
}
blockquote.blockquote-success {
  border-color: rgb(60, 185, 120);
  border-color: var(--blockquote-success, rgb(60, 185, 120));
  background-color: rgba(60, 185, 120, .102);
  background-color: var(--blockquote-success-bg, rgba(60, 185, 120, .102));
}
blockquote.blockquote-info {
  border-color: rgb(34, 128, 191);
  border-color: var(--blockquote-info, rgb(34, 128, 191));
  background-color: rgba(0, 191, 230, .102);
  background-color: var(--blockquote-info-bg, rgba(0, 191, 230, .102));
}
blockquote.blockquote-warning {
  border-color: rgb(253, 159, 28);
  border-color: var(--blockquote-warning, rgb(253, 159, 28));
  background-color: rgba(253, 159, 28, .102);
  background-color: var(--blockquote-warning-bg, rgba(253, 159, 28, .102));
}
blockquote.blockquote-danger {
  border-color: rgb(185, 37, 4);
  border-color: var(--blockquote-danger, rgb(185, 37, 4));
  background-color: rgba(251, 79, 40, .102);
  background-color: var(--blockquote-danger-bg, rgba(251, 79, 40, .102));
}
blockquote.blockquote-alert {
  border-color: rgb(136, 216, 236);
  border-color: var(--blockquote-alert, rgb(136, 216, 236));
  background-color: rgba(136, 216, 236, .102);
  background-color: var(--blockquote-alert-bg, rgba(136, 216, 236, .102));
}
blockquote.blockquote-system {
  border-color: rgb(26, 217, 255);
  border-color: var(--blockquote-system, rgb(26, 217, 255));
  background-color: rgba(26, 217, 255, .102);
  background-color: var(--blockquote-system-bg, rgba(26, 217, 255, .102));
}
blockquote.blockquote-dark {
  border-color: rgb(39, 39, 42);
  border-color: var(--blockquote-dark, rgb(39, 39, 42));
  background-color: rgba(39, 39, 42, .102);
  background-color: var(--blockquote-dark-bg, rgba(39, 39, 42, .102));
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote.blockquote-rounded {
  border-radius: 11px;
}
blockquote.blockquote-thin {
  border-width: 3px;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  color: rgb(51, 51, 51);
  color: var(--blockquote-small, rgb(51, 51, 51));
}
blockquote footer::before,
blockquote small::before,
blockquote .small::before {
  content: "— ";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid;
  border-left: 0;
  text-align: right;
  border-right-color: rgb(51, 51, 51);
  border-right-color: var(--blockquote-pull, rgb(51, 51, 51));
}
.blockquote-reverse footer::before,
blockquote.pull-right footer::before,
.blockquote-reverse small::before,
blockquote.pull-right small::before,
.blockquote-reverse .small::before,
blockquote.pull-right .small::before {
  content: "";
}
.blockquote-reverse footer::after,
blockquote.pull-right footer::after,
.blockquote-reverse small::after,
blockquote.pull-right small::after,
.blockquote-reverse .small::after,
blockquote.pull-right .small::after {
  content: " —";
}
.blockquote {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: left;
          justify-content: left;
  gap: 0.4rem;
}
.blockquote .blockquote-message {
  white-space: normal;
  color: rgb(51, 51, 51);
  color: var(--blockquote-message, rgb(51, 51, 51));
}
.blockquote .blockquote-icon {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 3px;
  margin-top: var(--blockquote-icon-top-space, 3px);
  background-repeat: no-repeat;
  background-position: center;
}
[class^="blockquote blockquote-"] .blockquote-icon {
  display: none;
}
.btn,
.btn-lg {
  width: 100%;
}
.btn-m-top {
  margin-top: 32px;
}
html {
  --button-primary-fg: var(--token-button-primary-fg);
  --button-primary-bg: var(--token-button-primary-bg);
  --button-primary-border: var(--token-accent);
  --button-primary-hover-fg: var(--token-button-primary-fg);
  --button-primary-hover-bg: var(--token-button-primary-hover-bg);
  --button-primary-hover-border: var(--token-accent);
  --button-primary-focus-fg: var(--token-button-primary-fg);
  --button-primary-focus-bg: var(--token-button-primary-bg);
  --button-primary-focus-border: var(--token-accent);
  --button-primary-active-fg: var(--token-button-primary-fg);
  --button-primary-active-bg: var(--token-button-primary-bg);
  --button-primary-active-border: var(--token-accent);
  --button-primary-disabled-fg: var(--palette-neutral-50);
  --button-primary-disabled-bg: var(--palette-neutral-20);
  --button-primary-disabled-border: var(--palette-neutral-30);
}
.btn-primary {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-primary-border, rgb(34, 128, 191));
  background-color: rgb(56, 154, 220);
  background-color: var(--button-primary-bg, rgb(56, 154, 220));
  color: rgb(255, 255, 255);
  color: var(--button-primary-fg, rgb(255, 255, 255));
}
.btn-primary:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-primary-hover-border, rgb(34, 128, 191));
  background-color: color-mix(in hsl, rgb(56, 154, 220), black 20%);
  background-color: var(--button-primary-hover-bg, color-mix(in hsl, rgb(56, 154, 220), black 20%));
  color: rgb(255, 255, 255);
  color: var(--button-primary-hover-fg, rgb(255, 255, 255));
  -webkit-text-decoration-color: rgba(0, 0, 0, 0);
          text-decoration-color: rgba(0, 0, 0, 0);
  -webkit-text-decoration-color: var(--token-transparent, rgba(0, 0, 0, 0));
          text-decoration-color: var(--token-transparent, rgba(0, 0, 0, 0));
}
.btn-primary:focus, .btn-primary:focus-visible {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-primary-focus-border, rgb(34, 128, 191));
  background-color: rgb(56, 154, 220);
  background-color: var(--button-primary-focus-bg, rgb(56, 154, 220));
  color: rgb(255, 255, 255);
  color: var(--button-primary-focus-fg, rgb(255, 255, 255));
}
.btn-primary:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-primary-active-border, rgb(34, 128, 191));
  background-color: rgb(56, 154, 220);
  background-color: var(--button-primary-active-bg, rgb(56, 154, 220));
  color: rgb(255, 255, 255);
  color: var(--button-primary-active-fg, rgb(255, 255, 255));
}
html {
  --button-secondary-fg: var(--token-button-secondary-fg);
  --button-secondary-bg: var(--token-button-secondary-bg);
  --button-secondary-border: var(--token-border);
  --button-secondary-hover-fg: var(--token-button-secondary-fg);
  --button-secondary-hover-bg: var(--token-button-secondary-bg);
  --button-secondary-hover-border: var(--token-accent);
  --button-secondary-focus-fg: var(--token-button-secondary-fg);
  --button-secondary-focus-bg: var(--token-button-secondary-bg);
  --button-secondary-focus-border: var(--token-accent);
  --button-secondary-active-fg: var(--token-button-secondary-fg);
  --button-secondary-active-bg: var(--token-button-secondary-bg);
  --button-secondary-active-border: var(--token-accent);
}
.btn-secondary,
.btn-resend {
  border-color: rgb(228, 228, 231);
  border-color: var(--button-secondary-border, rgb(228, 228, 231));
  background-color: rgb(255, 255, 255);
  background-color: var(--button-secondary-bg, rgb(255, 255, 255));
  color: rgb(51, 51, 51);
  color: var(--button-secondary-fg, rgb(51, 51, 51));
}
.btn-secondary:hover,
.btn-resend:hover {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-secondary-hover-border, rgb(34, 128, 191));
  background-color: rgb(255, 255, 255);
  background-color: var(--button-secondary-hover-bg, rgb(255, 255, 255));
  color: rgb(51, 51, 51);
  color: var(--button-secondary-hover-fg, rgb(51, 51, 51));
  -webkit-text-decoration-color: rgba(0, 0, 0, 0);
          text-decoration-color: rgba(0, 0, 0, 0);
  -webkit-text-decoration-color: var(--token-transparent, rgba(0, 0, 0, 0));
          text-decoration-color: var(--token-transparent, rgba(0, 0, 0, 0));
}
.btn-secondary:focus, .btn-secondary:focus-visible,
.btn-resend:focus,
.btn-resend:focus-visible {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-secondary-focus-border, rgb(34, 128, 191));
  background-color: rgb(255, 255, 255);
  background-color: var(--button-secondary-focus-bg, rgb(255, 255, 255));
  color: rgb(51, 51, 51);
  color: var(--button-secondary-focus-fg, rgb(51, 51, 51));
}
.btn-secondary:active,
.btn-resend:active {
  border-color: rgb(34, 128, 191);
  border-color: var(--button-secondary-active-border, rgb(34, 128, 191));
  background-color: rgb(255, 255, 255);
  background-color: var(--button-secondary-active-bg, rgb(255, 255, 255));
  color: rgb(51, 51, 51);
  color: var(--button-secondary-active-fg, rgb(51, 51, 51));
}
html {
  --button-link-fg: var(--token-accent);
  --button-link-bg: var(--token-transparent);
  --button-link-border: var(--token-transparent);
  --button-link-underline: var(--token-accent);
  --button-link-hover-fg: var(--token-accent);
  --button-link-hover-bg: var(--token-transparent);
  --button-link-hover-border: var(--token-transparent);
  --button-link-hover-underline: var(--token-accent);
  --button-link-focus-fg: var(--token-accent);
  --button-link-focus-bg: var(--token-transparent);
  --button-link-focus-border: var(--token-transparent);
  --button-link-focus-underline: var(--token-accent);
  --button-link-active-fg: var(--token-accent);
  --button-link-active-bg: var(--token-transparent);
  --button-link-active-border: var(--token-transparent);
}
.btn-link {
  width: auto;
  height: auto;
  padding: unset;
  margin: unset;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  background-color: var(--button-link-bg, rgba(0, 0, 0, 0));
  box-shadow: unset;
  color: rgb(34, 128, 191);
  color: var(--button-link-fg, rgb(34, 128, 191));
}
.btn-link:hover {
  color: rgb(34, 128, 191);
  color: var(--button-link-hover-fg, rgb(34, 128, 191));
  -webkit-text-decoration-color: rgb(34, 128, 191);
          text-decoration-color: rgb(34, 128, 191);
  -webkit-text-decoration-color: var(--button-link-hover-underline, rgb(34, 128, 191));
          text-decoration-color: var(--button-link-hover-underline, rgb(34, 128, 191));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 1.5px;
  text-underline-position: under;
}
.btn-link:focus, .btn-link:focus-visible {
  color: rgb(34, 128, 191);
  color: var(--button-link-focus-fg, rgb(34, 128, 191));
  -webkit-text-decoration-color: rgb(34, 128, 191);
          text-decoration-color: rgb(34, 128, 191);
  -webkit-text-decoration-color: var(--button-link-focus-underline, rgb(34, 128, 191));
          text-decoration-color: var(--button-link-focus-underline, rgb(34, 128, 191));
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-decoration-thickness: 1.5px;
  text-underline-position: under;
}
.btn-link:active {
  color: rgb(34, 128, 191);
  color: var(--button-link-active-fg, rgb(34, 128, 191));
}
.btn-primary[disabled],
.btn-secondary[disabled] {
  border-color: rgb(201, 201, 201);
  border-color: var(--button-primary-disabled-border, rgb(201, 201, 201));
  background-color: rgb(222, 222, 222);
  background-color: var(--button-primary-disabled-bg, rgb(222, 222, 222));
  color: rgb(140, 140, 140);
  color: var(--button-primary-disabled-fg, rgb(140, 140, 140));
}
.btn-link[disabled] {
  color: rgb(140, 140, 140);
  color: var(--button-primary-disabled-fg, rgb(140, 140, 140));
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
.informer__header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
          flex-flow: row;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
@media (max-width: 480px) {
  .informer__header {
    -webkit-flex-flow: column;
            flex-flow: column;
    gap: 1rem;
  }
}
.informer__title {
  font-size: 14px;
  font-size: var(--token-fz, 14px);
  color: rgb(51, 51, 51);
  color: var(--blockquote-text, rgb(51, 51, 51));
}
.informer__container {
  margin-top: 1rem;
}
.informer__container button.btn.btn-informer {
  -webkit-flex: 1;
          flex: 1;
  gap: 0;
  margin-top: 0;
}
.informer__list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  gap: 8px;
  max-height: 52vh;
  margin-top: 2rem;
  overflow: hidden;
  overflow-y: auto;
}
.list-group-item {
  display: -webkit-flex;
  display: flex;
  padding: 0.5rem;
  border: 1px solid;
  border-color: rgb(204, 204, 204);
  border-radius: 4px;
  background-color: rgb(238, 238, 238);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: rgb(51, 51, 51);
  color: var(--token-text, rgb(51, 51, 51));
  text-underline-offset: unset;
}
.list-group-item:hover {
  text-decoration: none;
}
html {
  --list-group-item-success-border: rgba(174, 225, 168, 1);
  --list-group-item-success-bg: rgba(174, 225, 168, .102);
  --list-group-item-success-hover-bg: rgba(217, 241, 213, 1);
  --list-group-item-danger-border: rgba(239, 133, 133, 1);
  --list-group-item-danger-bg: rgba(255, 148, 148, .102);
}
.list-group-item-success {
  border-color: rgba(174, 225, 168, 1);
  border-color: var(--list-group-item-success-border, rgba(174, 225, 168, 1));
  background-color: rgba(174, 225, 168, .102);
  background-color: var(--list-group-item-success-bg, rgba(174, 225, 168, .102));
}
.list-group-item-success:hover {
  border-color: rgba(174, 225, 168, 1);
  border-color: var(--list-group-item-success-border, rgba(174, 225, 168, 1));
  background-color: rgba(217, 241, 213, 1);
  background-color: var(--list-group-item-success-hover-bg, rgba(217, 241, 213, 1));
}
.list-group-item-danger {
  border-color: rgba(239, 133, 133, 1);
  border-color: var(--list-group-item-danger-border, rgba(239, 133, 133, 1));
  background-color: rgba(255, 148, 148, .102);
  background-color: var(--list-group-item-danger-bg, rgba(255, 148, 148, .102));
}
.processing__container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  gap: 1rem;
}
.control-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0.3rem;
}
.form-vertical .control-label {
  padding-left: 0.8rem;
}
.form-toggle__checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.form-checkbox__text {
  margin: unset;
}
.form-checkbox__input[type=checkbox] {
  -webkit-order: -1;
          order: -1;
  margin: unset;
  margin-right: 1rem;
}
.form__flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.mForm__center {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.form__gap {
  gap: 1.8rem;
}
.form__label {
  background-color: white;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  color: rgb(51, 51, 51);
  color: var(--token-text, rgb(51, 51, 51));
}
.form__container form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 1.8rem;
}
.form__container label {
  background-color: rgba(0, 0, 0, 0);
  background-color: var(--token-transparent, rgba(0, 0, 0, 0));
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  color: rgb(51, 51, 51);
  color: var(--token-text, rgb(51, 51, 51));
}
[class*=bc-form-] .bc-form-btn {
  margin-top: 48px;
}
.bc-form-passwordMethod .bc-form-btn {
  margin-top: 1.5rem;
}
.bc-form-recFm .bc-recovery-by {
  padding-top: 0.3rem;
  text-align: center;
}
.form__pswdFm {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 1.8rem;
}
.form__pswdFm .pswdFm__text p {
  font-size: 13px;
  font-weight: 400;
  color: rgb(171, 171, 171);
}
.bc-form-regFm {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
}
.bc-reg-url {
  color: rgb(69, 69, 69);
}
#regFm .help-block.filled {
  position: relative;
}
.mForm {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  gap: 1rem;
  margin-top: 24px;
}
.form-vertical {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.form-vertical.hide {
  display: none;
}
.form-vertical button.btn,
.form-vertical a.btn {
  margin-top: 32px;
}
.form-gap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  gap: 1rem;
}
.mForm__choice {
  display: grid;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-justify-content: stretch;
          justify-content: stretch;
  gap: 1rem;
  grid: 1fr/1fr 1fr;
  margin-top: 32px;
}
@media (max-width: 480px) {
  .mForm__choice {
    grid: 1fr/1fr;
  }
}
.mForm__choice button.btn,
.mForm__choice a.btn {
  margin-top: unset;
}
.webAuthnMethod-c__container button {
  margin-top: 32px;
}
[data-module=module-login-qrCode] .other-user__container + .mForm {
  margin-top: 1.5rem;
}
html {
  --pincode-link: var(--token-accent);
  --pincode-modal-close: var(--token-text-paragraph);
  --pincode-modal-overlay: var(--token-overlay-bg);
  --pincode-modal-shadow: var(--token-shadow-huge);
  --pincode-modal-surface: var(--token-surface-50);
  --pincode-modal-text: var(--token-text-paragraph);
  --pincode-modal-title: var(--token-text-heading);
}
.bc-pin-forgot-url {
  font-family: 'local-OpenSans', arial, sans-serif;
  font-family: var(--token-font-family, 'local-OpenSans', arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.bc-pin-forgot-url a {
  text-decoration: none;
  color: rgb(34, 128, 191);
  color: var(--pincode-link, rgb(34, 128, 191));
}
.bc-pin-forgot-url a:hover {
  text-decoration: underline;
}
.bc-pin-skip-link {
  display: block;
  padding: 0;
  margin: 12px auto 0;
  border: 0;
  background: transparent;
  font-family: 'local-OpenSans', arial, sans-serif;
  font-family: var(--token-font-family, 'local-OpenSans', arial, sans-serif);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  color: rgb(34, 128, 191);
  color: var(--pincode-link, rgb(34, 128, 191));
}
.bc-pin-skip-link:hover {
  text-decoration: underline;
}
.bc-pin-skip-link:disabled,
.bc-pin-skip-link.is-loading {
  opacity: 0.85;
  text-decoration: none;
  cursor: default;
}
.bc-pin-skip-link.is-loading::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border: 2px solid currentcolor;
  border-radius: 50%;
  -webkit-animation: bc-pin-skip-spin 0.8s linear infinite;
          animation: bc-pin-skip-spin 0.8s linear infinite;
  border-right-color: transparent;
  vertical-align: -1px;
}
@-webkit-keyframes bc-pin-skip-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes bc-pin-skip-spin {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#pinCodeSetupFm .vrfcode-widget {
  margin-bottom: 0;
}
.bc-pin-method #code-widget-container [data-vrf-confirm=true] {
  display: none;
}
.bc-pin-method #code-widget-container .vrfcode-container > .mForm__alert {
  display: none;
}
.bc-pin-method #code-widget-container .vrfcode-text {
  display: none;
}
.bc-pin-forgot-modal {
  position: fixed;
  inset: 0;
  z-index: calc(123 + 1);
  z-index: calc(var(--token-z-index, 123) + 1);
}
.bc-pin-forgot-modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, .6);
  background-color: var(--pincode-modal-overlay, rgba(0, 0, 0, .6));
}
.bc-pin-forgot-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 24px 28px 20px;
  margin: 22vh auto 0;
  border-radius: 0.625rem;
  border-radius: var(--token-radius, 0.625rem);
  background-color: rgb(252, 252, 252);
  background-color: var(--pincode-modal-surface, rgb(252, 252, 252));
  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, .051);
  box-shadow: var(--pincode-modal-shadow, 0 16px 32px 0 rgba(0, 0, 0, .051));
}
.bc-pin-forgot-modal__close {
  position: absolute;
  top: 14px;
  right: 16px;
  border: 0;
  background: transparent;
  font-size: 32px;
  line-height: 1;
  color: rgb(71, 71, 71);
  color: var(--pincode-modal-close, rgb(71, 71, 71));
}
.bc-pin-forgot-modal__title {
  margin: 0 0 20px;
  font-weight: 400;
  line-height: 1.2;
  color: rgb(36, 36, 36);
  color: var(--pincode-modal-title, rgb(36, 36, 36));
}
.bc-pin-forgot-modal__info {
  margin-bottom: 24px;
  line-height: 1.3;
  color: rgb(71, 71, 71);
  color: var(--pincode-modal-text, rgb(71, 71, 71));
}
body.bc-pin-forgot-open::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 123;
  z-index: var(--token-z-index, 123);
  background-color: rgba(0, 0, 0, .6);
  background-color: var(--pincode-modal-overlay, rgba(0, 0, 0, .6));
}
html {
  
  --icon-meth-yandex: url('/blitz/assets/icons/meth-externalIdps-yandex.svg');
  --icon-meth-google: url('/blitz/assets/icons/meth-externalIdps-google.svg');
  --icon-meth-apple: url('/blitz/assets/icons/meth-externalIdps-apple.svg');
  --icon-meth-mail: url('/blitz/assets/icons/meth-externalIdps-mail.svg');
  --icon-meth-facebook: url('/blitz/assets/icons/meth-externalIdps-facebook.svg');
  --icon-meth-ok: url('/blitz/assets/icons/meth-externalIdps-ok.svg');
  --icon-meth-tcs: url('/blitz/assets/icons/meth-externalIdps-tcs.svg');
  --icon-meth-vtb: url('/blitz/assets/icons/meth-externalIdps-vtb.svg');
  --icon-meth-alfa: url('/blitz/assets/icons/meth-externalIdps-alfa.svg');
  --icon-meth-blitz: url('/blitz/assets/icons/meth-externalIdps-blitz.svg');
  --icon-meth-esia: url('/blitz/assets/icons/meth-externalIdps-esia-id.svg');
  --icon-meth-sbrf: url('/blitz/assets/icons/meth-externalIdps-sber-id.svg');
  --icon-meth-sbb: url('/blitz/assets/img/social-icon-sbb.png');
  --icon-meth-mts: url('/blitz/assets/icons/meth-externalIdps-mts.svg');
  --icon-meth-mos: url('/blitz/assets/img/social-icon-mos.png');
  --icon-meth-vk: url('/blitz/assets/icons/meth-externalIdps-vk.svg');
  --icon-meth-vkid: url('/blitz/assets/icons/meth-externalIdps-vk.svg');
  
  --icon-meth-x509: url('/blitz/assets/icons/meth-x509.svg');
  --icon-meth-qrcode: url('/blitz/assets/icons/meth-qrCode.svg');
  --icon-meth-sms: url('/blitz/assets/icons/meth-sms.svg');
  --icon-meth-webauthn: url('/blitz/assets/icons/meth-webAuthn.svg');
  --icon-meth-email: url('/blitz/assets/icons/meth-email.svg');
}
[data-icon^=meth-externalIdps-mts-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-mts.svg');
  background-image: var(--icon-meth-mts, url('/blitz/assets/icons/meth-externalIdps-mts.svg'));
}
[data-icon^=meth-externalIdps-yandex-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-yandex.svg');
  background-image: var(--icon-meth-yandex, url('/blitz/assets/icons/meth-externalIdps-yandex.svg'));
}
[data-icon^=meth-externalIdps-google-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-google.svg');
  background-image: var(--icon-meth-google, url('/blitz/assets/icons/meth-externalIdps-google.svg'));
}
[data-icon^=meth-externalIdps-apple-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-apple.svg');
  background-image: var(--icon-meth-apple, url('/blitz/assets/icons/meth-externalIdps-apple.svg'));
}
[data-icon^=meth-externalIdps-mail-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-mail.svg');
  background-image: var(--icon-meth-mail, url('/blitz/assets/icons/meth-externalIdps-mail.svg'));
}
[data-icon^=meth-externalIdps-facebook-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-facebook.svg');
  background-image: var(--icon-meth-facebook, url('/blitz/assets/icons/meth-externalIdps-facebook.svg'));
}
[data-icon^=meth-externalIdps-ok-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-ok.svg');
  background-image: var(--icon-meth-ok, url('/blitz/assets/icons/meth-externalIdps-ok.svg'));
}
[data-icon^=meth-externalIdps-tcs-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-tcs.svg');
  background-image: var(--icon-meth-tcs, url('/blitz/assets/icons/meth-externalIdps-tcs.svg'));
}
[data-icon^=meth-externalIdps-vtb-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-vtb.svg');
  background-image: var(--icon-meth-vtb, url('/blitz/assets/icons/meth-externalIdps-vtb.svg'));
}
[data-icon^=meth-externalIdps-alfa-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-alfa.svg');
  background-image: var(--icon-meth-alfa, url('/blitz/assets/icons/meth-externalIdps-alfa.svg'));
}
[data-icon^=meth-externalIdps-blitz-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-blitz.svg');
  background-image: var(--icon-meth-blitz, url('/blitz/assets/icons/meth-externalIdps-blitz.svg'));
}
[data-icon^=meth-externalIdps-esia-],
[data-icon^=meth-externalIdps-esiadp-],
[data-icon^=meth-externalIdps-esia_trustgate-],
[data-icon^=meth-externalIdps-esia_vipnet-],
[data-icon^=meth-externalIdps-esia_ntc-],
[data-icon^=meth-externalIdps-esiadp_ntc-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-esia-id.svg');
  background-image: var(--icon-meth-esia, url('/blitz/assets/icons/meth-externalIdps-esia-id.svg'));
}
[data-icon^=meth-externalIdps-sbrf-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-sber-id.svg');
  background-image: var(--icon-meth-sbrf, url('/blitz/assets/icons/meth-externalIdps-sber-id.svg'));
}
[data-icon^=meth-externalIdps-sbb-] {
  background-image: url('/blitz/assets/img/social-icon-sbb.png');
  background-image: var(--icon-meth-sbb, url('/blitz/assets/img/social-icon-sbb.png'));
}
[data-icon^=meth-externalIdps-mos-] {
  background-image: url('/blitz/assets/img/social-icon-mos.png');
  background-image: var(--icon-meth-mos, url('/blitz/assets/img/social-icon-mos.png'));
}
[data-icon^=meth-externalIdps-vk-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-vk.svg');
  background-image: var(--icon-meth-vk, url('/blitz/assets/icons/meth-externalIdps-vk.svg'));
}
[data-icon^=meth-externalIdps-vkid-] {
  background-image: url('/blitz/assets/icons/meth-externalIdps-vk.svg');
  background-image: var(--icon-meth-vkid, url('/blitz/assets/icons/meth-externalIdps-vk.svg'));
}
[data-icon=meth-x509] {
  background-image: url('/blitz/assets/icons/meth-x509.svg');
  background-image: var(--icon-meth-x509, url('/blitz/assets/icons/meth-x509.svg'));
}
[data-icon=meth-qrCode] {
  background-image: url('/blitz/assets/icons/meth-qrCode.svg');
  background-image: var(--icon-meth-qrcode, url('/blitz/assets/icons/meth-qrCode.svg'));
}
[data-icon=meth-sms] {
  background-image: url('/blitz/assets/icons/meth-sms.svg');
  background-image: var(--icon-meth-sms, url('/blitz/assets/icons/meth-sms.svg'));
}
[data-icon=meth-webAuthn] {
  background-image: url('/blitz/assets/icons/meth-webAuthn.svg');
  background-image: var(--icon-meth-webauthn, url('/blitz/assets/icons/meth-webAuthn.svg'));
}
[data-icon=meth-email] {
  background-image: url('/blitz/assets/icons/meth-email.svg');
  background-image: var(--icon-meth-email, url('/blitz/assets/icons/meth-email.svg'));
}
.methods__container {
  margin-top: 1.75rem;
  display: -webkit-flex;
  display: flex;
  gap: 1.75rem;
  -webkit-flex-flow: column;
          flex-flow: column;
}
@media (max-width: 425px) {
  .methods__container {
    margin-top: 2rem;
  }
}
.methods__container .methods-group-top,
.methods__container .methods-group-middle,
.methods__container .methods-group-bottom {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  max-width: 22rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  gap: 0.7rem;
  -webkit-flex-flow: wrap row;
          flex-flow: wrap row;
}
.methods__container .methods-group-middle,
.methods__container .methods-group-bottom {
  max-width: 280px;
}
.methods__container .methods-group-top + .methods-group-middle,
.methods__container .methods-group-top + .methods-group-bottom {
  margin-top: 1rem;
}
.methods__container .btn-meth {
  width: 100%;
  
}
.methods__container .meth-adaptive {
  display: -webkit-inline-flex;
  display: inline-flex;
  gap: 0.4rem;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: inherit;
  font-size: 13px;
  font-weight: normal;
}
.methods__container .meth-icon {
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-origin: padding-box;
  vertical-align: middle;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.methods__container .meth-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.methods__container .meth-text:empty {
  display: none;
}
.methods__container .btn-view-icon {
  width: 44px;
  height: 44px;
}
.methods__container .btn-view-icon .meth-icon {
  width: 24px;
  height: 24px;
}
.methods__container .btn-view-icon .meth-text {
  display: none;
}
.methods__container .btn-view-text .meth-icon {
  display: none;
}
.methods__container .btn-view-full .meth-icon {
  width: 1.2rem;
  height: 1.2rem;
}
html {
  --pipe-title-font-weight: 600;
  --pipe-title-font-size: 18px;
  --pipe-title-color: var(--token-text);
  --pipe-description-font-size: 1rem;
  --pipe-btn-width: 100%;
  --pipe-btn-margin: 0 auto 10px;
  --pipe-icon-message-size: 1.5rem;
  --pipe-icon-message-font-size: 4rem;
  --pipe-icon-message-success-color: var(--token-state-success);
  --pipe-icon-message-error-color: var(--token-state-error);
  --pipe-icon-message-warning-color: var(--token-state-warning);
  --pipe-skip-btn-bg-color: rgb(52, 152, 219);
  --pipe-skip-btn-color: white;
  --pipe-attr-list-bg: var(--token-surface-40);
  --pipe-attr-list-border: var(--token-border);
  --pipe-attr-list-divider: var(--palette-neutral-20);
  --pipe-attr-list-radius: var(--token-radius);
  --pipe-attr-label-color: var(--token-text);
  --pipe-attr-value-color: var(--token-text-heading);
  --pipe-attr-empty-bg: var(--palette-neutral-10);
  --pipe-attr-empty-color: var(--token-text);
  --pipe-attr-font-family: var(--token-font-family, 'local-OpenSans', arial, sans-serif);
}
.pipeWebAuthn__title {
  font-size: 18px;
  font-size: var(--pipe-title-font-size, 18px);
  font-weight: 600;
  font-weight: var(--pipe-title-font-weight, 600);
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  text-align: center;
  color: rgb(51, 51, 51);
  color: var(--pipe-title-color, rgb(51, 51, 51));
}
.pipeWebAuthn__icon {
  display: grid;
  -webkit-justify-content: center;
          justify-content: center;
}
.pipeWebAuthn__icon--space {
  margin: 5rem;
}
.pipeWebAuthn__description {
  display: block;
  font-size: 1rem;
  font-size: var(--pipe-description-font-size, 1rem);
}
.pipeWebAuthn__state--hidden {
  display: none;
}
.pipeChoice__title {
  display: block;
  font-size: 18px;
  font-size: var(--pipe-title-font-size, 18px);
  font-weight: 600;
  font-weight: var(--pipe-title-font-weight, 600);
  text-align: left;
}
.pipeChoice__choice_btn {
  border-color: rgba(0, 0, 0, 0.0705882353) rgba(0, 0, 0, 0.1019607843) rgba(0, 0, 0, 0.0901960784);
  background-color: rgb(240, 240, 240);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9019607843) 10%, rgba(255, 255, 255, 0.2980392157) 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
}
.pipeChoice__choice_btn,
.pipeChoice__skip_btn {
  display: block;
  width: 100%;
  width: var(--pipe-btn-width, 100%);
  margin: 0 auto 10px;
  margin: var(--pipe-btn-margin, 0 auto 10px);
}
.pipeChoice__skip_btn {
  background-color: rgb(52, 152, 219);
  background-color: var(--pipe-skip-btn-bg-color, rgb(52, 152, 219));
  color: white;
  color: var(--pipe-skip-btn-color, white);
}
.pipeActAttr__title {
  display: block;
  font-size: 18px;
  font-size: var(--pipe-title-font-size, 18px);
  font-weight: 600;
  font-weight: var(--pipe-title-font-weight, 600);
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  text-align: center;
}
.pipeActAttr__confirm_btn {
  border-color: rgba(0, 0, 0, 0.0705882353) rgba(0, 0, 0, 0.1019607843) rgba(0, 0, 0, 0.0901960784);
  background-color: rgb(240, 240, 240);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9019607843) 10%, rgba(255, 255, 255, 0.2980392157) 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
}
.pipeActAttr__confirm_btn,
.pipeActAttr__deny_btn {
  display: block;
  width: 100%;
  width: var(--pipe-btn-width, 100%);
  margin: 0 auto 10px;
  margin: var(--pipe-btn-margin, 0 auto 10px);
}
.pipeActAttr__deny_btn {
  background-color: rgb(52, 152, 219);
  background-color: var(--pipe-skip-btn-bg-color, rgb(52, 152, 219));
  color: white;
  color: var(--pipe-skip-btn-color, white);
}
.pipeActAttr__info {
  display: block;
  font-size: 1rem;
  font-size: var(--pipe-description-font-size, 1rem);
}
.mForm__attrs {
  margin: 1rem 0 1.5rem;
}
.mForm__attrs .attr-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid rgb(228, 228, 231);
  border: 1px solid var(--pipe-attr-list-border, rgb(228, 228, 231));
  border-radius: 0.625rem;
  border-radius: var(--pipe-attr-list-radius, 0.625rem);
  background: rgb(244, 244, 247);
  background: var(--pipe-attr-list-bg, rgb(244, 244, 247));
}
.mForm__attrs .attr-row {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
  gap: 8px 20px;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 10px 0;
}
.mForm__attrs .attr-row:not(:last-child) {
  border-bottom: 1px solid rgb(222, 222, 222);
  border-bottom: 1px solid var(--pipe-attr-list-divider, rgb(222, 222, 222));
}
.mForm__attrs .attr-label {
  margin: 0;
  color: rgb(51, 51, 51);
  color: var(--pipe-attr-label-color, rgb(51, 51, 51));
  font-family: 'local-OpenSans', arial, sans-serif;
  font-family: var(--pipe-attr-font-family, 'local-OpenSans', arial, sans-serif);
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 500;
}
.mForm__attrs .attr-value {
  margin: 0;
  color: rgb(36, 36, 36);
  color: var(--pipe-attr-value-color, rgb(36, 36, 36));
  font-family: 'local-OpenSans', arial, sans-serif;
  font-family: var(--pipe-attr-font-family, 'local-OpenSans', arial, sans-serif);
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 500;
  word-break: break-word;
}
.mForm__attrs .attr-value.empty {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgb(242, 242, 242);
  background: var(--pipe-attr-empty-bg, rgb(242, 242, 242));
  color: rgb(51, 51, 51);
  color: var(--pipe-attr-empty-color, rgb(51, 51, 51));
  font-size: 0.875rem;
}
@media (max-width: 640px) {
  .mForm__attrs .attr-list {
    padding: 12px 14px;
  }
  .mForm__attrs .attr-row {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 8px 0;
  }
  .mForm__attrs .attr-label {
    font-size: 0.8125rem;
  }
  .mForm__attrs .attr-value {
    font-size: 0.875rem;
  }
}
.pipe__title {
  font-size: 18px;
  font-size: var(--pipe-title-font-size, 18px);
  font-weight: 600;
  font-weight: var(--pipe-title-font-weight, 600);
  line-height: 1.5;
  line-height: var(--token-line-height, 1.5);
  text-align: center;
  color: rgb(51, 51, 51);
  color: var(--pipe-title-color, rgb(51, 51, 51));
}
.icon-message--success {
  width: 1.5rem;
  width: var(--pipe-icon-message-size, 1.5rem);
  height: 1.5rem;
  height: var(--pipe-icon-message-size, 1.5rem);
  font-size: 4rem;
  font-size: var(--pipe-icon-message-font-size, 4rem);
  color: rgb(60, 185, 120);
  color: var(--pipe-icon-message-success-color, rgb(60, 185, 120));
}
.icon-message--error {
  width: 1.5rem;
  width: var(--pipe-icon-message-size, 1.5rem);
  height: 1.5rem;
  height: var(--pipe-icon-message-size, 1.5rem);
  font-size: 4rem;
  font-size: var(--pipe-icon-message-font-size, 4rem);
  color: rgb(185, 37, 4);
  color: var(--pipe-icon-message-error-color, rgb(185, 37, 4));
}
.icon-message--warning {
  width: 1.5rem;
  width: var(--pipe-icon-message-size, 1.5rem);
  height: 1.5rem;
  height: var(--pipe-icon-message-size, 1.5rem);
  font-size: 4rem;
  font-size: var(--pipe-icon-message-font-size, 4rem);
  color: rgb(253, 159, 28);
  color: var(--pipe-icon-message-warning-color, rgb(253, 159, 28));
}
html {
  --other-page-title: var(--token-text-heading);
  --other-heading-title: var(--token-text-heading);
  --other-heading-sub-title: var(--token-text-paragraph);
  --other-profile-img-border: var(--token-border);
}
.page-title {
  margin: unset;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  color: rgb(36, 36, 36);
  color: var(--other-page-title, rgb(36, 36, 36));
}
.page-title .app-name {
  font-weight: 600;
}
.heading__box {
  display: grid;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  gap: 1rem;
  grid-auto-flow: column;
}
.heading__box.between {
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.heading__box .heading__app-name {
  font-weight: 700;
}
.heading__title {
  margin: unset;
  font-size: 20px;
  font-weight: 300;
  color: rgb(36, 36, 36);
  color: var(--other-heading-title, rgb(36, 36, 36));
}
h4.sub-title {
  padding: 0 1.2rem;
  margin: 0 0 1.2rem;
  color: rgb(71, 71, 71);
  color: var(--other-heading-sub-title, rgb(71, 71, 71));
}
h4.sub-title,
.profile-img {
  text-align: center;
}
.profile-img img {
  width: 94px;
  height: 5.87rem;
  border: 2px solid;
  border-color: rgb(228, 228, 231);
  border-color: var(--other-profile-img-border, rgb(228, 228, 231));
  border-radius: 47px;
}
.profile-name {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
          flex-flow: column wrap;
  gap: 0.5rem;
  padding: 1rem 0;
  border: 0;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: rgb(69, 69, 69);
}
.reauth-login {
  margin-bottom: 0.4rem;
  font-size: 0.8rem;
  text-align: center;
}
.consent__description {
  display: inline;
  font-weight: 600;
}
.consent__question {
  display: inline;
}
.consent__description-accent {
  display: inline-block;
  margin-right: 0.25rem;
}
.consent__item {
  display: -webkit-flex;
  display: flex;
}
.consent__form .blockquote {
  margin-top: 24px;
}
.consent__checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  margin-top: 24px;
}
.consentForm__footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 1rem;
  margin-top: 48px;
}
.logout-consent__question {
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}
.logout-success__text {
  font-size: 14px;
}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.bc-reg-url {
  margin-top: 2rem;
  text-align: center;
}
.bc-reg-head,
.bc-recovery-head {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.bc-recovery-url {
  text-align: right;
}
.bc-recovery-url,
.bc-reg-url {
  font-weight: 400;
}
.bc-recovery-url,
.bc-reg-url,
.incognito-container {
  font-family: 'local-OpenSans', arial, sans-serif;
  font-family: var(--token-font-family, 'local-OpenSans', arial, sans-serif);
  font-size: 14px;
}
.preloader {
  display: -webkit-flex;
  display: flex;
}
.spnego-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
          flex-flow: column;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
}
.spnego-preloader {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  -webkit-animation: rotate 1.2s cubic-bezier(0.79, 0.14, 0.15, 0.86) infinite;
          animation: rotate 1.2s cubic-bezier(0.79, 0.14, 0.15, 0.86) infinite;
  color: rgb(34, 128, 191);
  color: var(--token-accent, rgb(34, 128, 191));
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#__div_repeat-password .help-block {
  font-size: 13px;
  color: rgb(171, 171, 171);
}
#__div_repeat-password .form-input {
  margin-bottom: 2rem;
}
#__div_agreement .help-block {
  font-size: 13px;
  color: rgb(71, 71, 71);
  color: var(--token-text-paragraph, rgb(71, 71, 71));
  
}
#__div_password .form-input {
  margin: unset;
}
div#iframes {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
div#iframes > iframe {
  position: absolute;
  right: -100%;
  width: 0.06rem;
  height: 0.06rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;
  background-color: transparent;
  font-size: 0;
  color: transparent;
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.blockquote-consent {
  display: block;
}
#webAuthnMethod-c .help-block.filled {
  position: static;
}
.bc-top {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}