html {
  background-color: #fff;
  box-sizing: border-box; }

*,
*::after,
*::before {
  box-sizing: inherit;
  word-break: inherit; }

body {
  color: #434449;
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden; }

main {
  display: block; }

a {
  color: inherit;
  text-decoration: none; }

fieldset {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  min-width: 0;
  outline: 0;
  padding: 0; }

button:not(:disabled),
input[type='submit']:not(:disabled) {
  cursor: pointer; }

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type='number'] {
  -moz-appearance: textfield; }

select::-ms-expand {
  display: none; }

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0; }

img,
iframe,
video {
  max-width: 100%; }

picture {
  display: block;
  font-size: 0; }

.introduction {
  color: var(--Complementary-colors-Dark-Grey, #64666d);
  font-family: Roboto;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 146%;
  text-align: left; }

.subheading {
  color: #009de0;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left; }

.h2-black {
  color: #000000;
  font-family: Oswald;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0em;
  text-align: left;
  text-transform: uppercase; }

@media screen and (min-width: 1024px) {
  ::-webkit-scrollbar {
    height: 10px;
    width: 10px; }
    ::-webkit-scrollbar-track {
      background-color: #fff; }
    ::-webkit-scrollbar-thumb {
      background-color: #c4c4c5; } }

@media screen and (max-width: 640px) {
  html {
    overflow-x: hidden; } }

html {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.334; }

h1,
h2,
h3,
h4,
h5,
[class*='heading--type-'] {
  font-family: "Oswald", sans-serif;
  letter-spacing: normal;
  margin: 0 0 0.5em; }

h1,
.heading--type-1 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.122;
  text-transform: uppercase; }

h2,
.heading--type-2 {
  font-size: 1.625rem;
  font-weight: 400;
  text-transform: none; }

h3,
.heading--type-3 {
  font-size: 1.375rem;
  font-weight: 400; }

h4,
.heading--type-4 {
  font-size: 1.125rem;
  font-weight: 400; }

h5,
.heading--type-5 {
  font-size: 0.875rem;
  font-weight: 400; }

@media screen and (min-width: 1024px) {
  p,
  a,
  span,
  li {
    font-size: 16px; }
  h1,
  .heading--type-1 {
    font-size: 3.375rem; }
  h2,
  .heading--type-2 {
    font-size: 2.5rem; } }

/* stylelint-disable no-descending-specificity */
[type='email'],
[type='number'],
[type='password'],
[type='tel'],
[type='text'],
[type='submit'],
select,
textarea {
  font-size: 1.25rem;
  padding: 1em;
  width: 100%; }
  [type='email']:disabled,
  [type='number']:disabled,
  [type='password']:disabled,
  [type='tel']:disabled,
  [type='text']:disabled,
  [type='submit']:disabled,
  select:disabled,
  textarea:disabled {
    opacity: 0.4; }

[type='email'],
[type='number'],
[type='password'],
[type='tel'],
[type='text'],
select,
textarea {
  caret-color: #164063;
  color: #000; }
  [type='email']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #595959; }
  [type='email']::placeholder,
  [type='number']::placeholder,
  [type='password']::placeholder,
  [type='tel']::placeholder,
  [type='text']::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: #595959; }
  [type='email'].error,
  [type='number'].error,
  [type='password'].error,
  [type='tel'].error,
  [type='text'].error,
  select.error,
  textarea.error {
    border-bottom: 1px solid #fb2943; }

[type='submit'] {
  background-color: #0091d0;
  color: #fff; }
  [type='submit']:not(:disabled):hover {
    background-color: #007ac0; }

textarea {
  resize: vertical; }

select {
  cursor: pointer; }
  select:invalid {
    color: #c4c4c5; }
  select option {
    color: #0091d0; }
    select option:disabled {
      color: #c4c4c5; }

/* styleline-enable */
select {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  display: block;
  outline: 0;
  width: 100%; }

body {
  background-color: #ededed;
  text-align: left; }

header,
main {
  display: block;
  margin: 0 auto;
  max-width: 500px;
  padding: 30px 20px 30px;
  width: 100%; }

header {
  padding: 20px;
  position: relative;
  z-index: 0; }
  header::after {
    background-color: #fff;
    content: '';
    height: 100%;
    left: calc(50% - 50vw);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1; }
  header img {
    width: 250px; }

main {
  padding: 30px 20px 30px; }

label {
  font-size: 0.875rem; }

a {
  color: #0091d0;
  font-weight: 400; }
  a:hover {
    color: #084492; }

button,
button.accountButton {
  background-color: #0091d0;
  color: #fff;
  font-size: 1.25rem;
  padding: 20px;
  width: 100%; }
  button:not(:disabled):hover,
  button.accountButton:not(:disabled):hover {
    background-color: #164063; }
  button:disabled,
  button.accountButton:disabled {
    opacity: 0.5; }
  .buttons button, .buttons
  button.accountButton {
    border: 0 !important;
    border-radius: 0;
    font: inherit;
    height: auto;
    margin: 0;
    width: 100%; }

.accountButton {
  border: 0 !important;
  border-radius: 0;
  font: inherit;
  height: auto;
  margin: 0;
  width: 100%;
  margin-top: 1rem; }

#api {
  position: relative; }

[aria-hidden='true'] {
  display: none; }

.intro p {
  font-family: "Oswald", sans-serif;
  font-size: 1.625rem;
  font-weight: 400; }

.error {
  color: #fb2943;
  font-size: 0.875rem; }
  .error p {
    margin: 0; }

.tiny {
  font-size: 12px;
  margin-bottom: 3px; }

.entry-item,
.attrEntry {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
  padding: 0; }
  .entry-item div:first-child,
  .attrEntry div:first-child {
    width: 100%; }
  .entry-item [type='email'],
  .entry-item [type='number'],
  .entry-item [type='password'],
  .entry-item [type='tel'],
  .entry-item [type='text'],
  .entry-item textarea,
  .attrEntry [type='email'],
  .attrEntry [type='number'],
  .attrEntry [type='password'],
  .attrEntry [type='tel'],
  .attrEntry [type='text'],
  .attrEntry textarea {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #009de0;
    padding-left: 0px !important;
    color: #000;
    font-size: inherit;
    padding: 0.5em; }
    .entry-item [type='email'].error,
    .entry-item [type='number'].error,
    .entry-item [type='password'].error,
    .entry-item [type='tel'].error,
    .entry-item [type='text'].error,
    .entry-item textarea.error,
    .attrEntry [type='email'].error,
    .attrEntry [type='number'].error,
    .attrEntry [type='password'].error,
    .attrEntry [type='tel'].error,
    .attrEntry [type='text'].error,
    .attrEntry textarea.error {
      border-bottom: 1px solid #fb2943;
      color: #fb2943; }
  .entry-item select,
  .attrEntry select {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #009de0;
    padding-left: 0px !important;
    color: #000;
    font-size: inherit;
    padding: 0.5em; }
    .entry-item select.error,
    .attrEntry select.error {
      border-bottom: 1px solid #fb2943;
      color: #fb2943; }
  .entry-item :-ms-input-placeholder, .attrEntry :-ms-input-placeholder {
    color: #595959; }
  .entry-item ::placeholder,
  .attrEntry ::placeholder {
    color: #595959; }
  .entry-item [type='submit'],
  .attrEntry [type='submit'] {
    padding: 1em; }
  .entry-item select:invalid,
  .attrEntry select:invalid {
    color: #c4c4c5; }
  .entry-item select,
  .attrEntry select {
    padding: 10px; }
  .entry-item .error[aria-hidden='false'] ~ input,
  .attrEntry .error[aria-hidden='false'] ~ input {
    border-left-color: #fb2943;
    color: #fb2943; }
  .entry-item a,
  .attrEntry a {
    font-size: 0.9375rem; }
  .entry-item .helpText,
  .attrEntry .helpText {
    order: 1; }
  .entry-item label,
  .attrEntry label {
    order: 1; }
  .entry-item a,
  .attrEntry a {
    order: 2; }
  .entry-item input,
  .entry-item select,
  .attrEntry input,
  .attrEntry select {
    order: 3; }
  .entry-item .error,
  .attrEntry .error {
    order: 4; }
  .entry-item .buttons,
  .attrEntry .buttons {
    order: 6;
    width: 100%; }

.buttons button {
  margin-top: 10px; }

#cancel {
  background-color: #fb2943;
  margin-top: 10px; }
  #cancel:hover {
    background-color: #fb364e; }

#emailVerificationControl {
  width: 100%; }

#verify {
  margin-top: 10px; }

.helpLink {
  display: none; }

@media screen and (min-width: 1024px) {
  h2 {
    font-size: 1.625rem; } }

.localAccount .password-label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%; }

.localAccount .divider {
  margin: 20px 0 0; }

.localAccount #createAccount {
  margin-left: 5px; }

.notion--small {
  font-size: 0.875rem;
  font-style: italic; }

.VerificationControl #emailVerificationControl_but_change_claims {
  display: none !important; }