.mdc-typography {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
  
  
  .mdc-typography--headline1 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 6rem;
    line-height: 6rem;
    font-weight: 300;
    letter-spacing: -.01562em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--headline2 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 3.75rem;
    line-height: 3.75rem;
    font-weight: 300;
    letter-spacing: -.00833em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--headline3 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 3rem;
    line-height: 3.125rem;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--headline4 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.125rem;
    line-height: 2.5rem;
    font-weight: 400;
    letter-spacing: .00735em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--headline5 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    letter-spacing: normal;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--headline6 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--subtitle1 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--subtitle2 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .00714em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--body1 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--body2 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--caption {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
  }
  
  .mdc-typography--button {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .08929em;
    text-decoration: none;
    text-transform: uppercase;
  }
  
  .mdc-typography--overline {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .16667em;
    text-decoration: none;
    text-transform: uppercase;
  }
  	
		.mdc-button {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .08929em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 8px 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: none;
    line-height: inherit;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px;
	 
  }
	
  .mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  
  .mdc-button:active {
    outline: none;
  }
  
  .mdc-button:hover {
    cursor: pointer;
  }
  
  .mdc-button:disabled {
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0.37);
    cursor: default;
    pointer-events: none;
  }
  
  .mdc-button.mdc-button--dense {
    border-radius: 4px;
  }
  
  .mdc-button:not(:disabled) {
    background-color: rgba(0,0,0,0);
  }
  
  .mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top;
  }
  
  [dir="rtl"] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir="rtl"] {
    margin-left: 8px;
    margin-right: 0;
  }
  
  .mdc-button:not(:disabled) {
    color: #006e96;
    color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0;
  }
  
  [dir="rtl"] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir="rtl"] {
    margin-left: 0;
    margin-right: 8px;
  }
  
  svg.mdc-button__icon {
    fill: currentColor;
  }
  
  .mdc-button--raised .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon,.mdc-button--outlined .mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px;
  }
  
  [dir="rtl"] .mdc-button--raised .mdc-button__icon,.mdc-button--raised .mdc-button__icon[dir="rtl"],[dir="rtl"] .mdc-button--unelevated .mdc-button__icon,.mdc-button--unelevated .mdc-button__icon[dir="rtl"],[dir="rtl"] .mdc-button--outlined .mdc-button__icon,.mdc-button--outlined .mdc-button__icon[dir="rtl"] {
    margin-left: 8px;
    margin-right: -4px;
  }
  
  .mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: -4px;
  }
  
  [dir="rtl"] .mdc-button--raised .mdc-button__label+.mdc-button__icon,.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir="rtl"],[dir="rtl"] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon,.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir="rtl"],[dir="rtl"] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir="rtl"] {
    margin-left: -4px;
    margin-right: 8px;
  }
  
  .mdc-button--raised,.mdc-button--unelevated {
    padding: 0 16px 0 16px;
  }
  
  .mdc-button--raised:disabled,.mdc-button--unelevated:disabled {
    background-color: rgba(0,0,0,0.12);
    color: rgba(0,0,0,0.37);
  }
  
  .mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled) {
    background-color: #006e96;
  }
  
  @supports not (-ms-ime-align: auto) {
    .mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled) {
      background-color: var(--mdc-theme-primary, #006e96);
    }
  }
  
  .mdc-button--raised:not(:disabled),.mdc-button--unelevated:not(:disabled) {
    color: #fff;
    color: var(--mdc-theme-on-primary, #fff);
  }
  
  .mdc-button--raised {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .mdc-button--raised:hover,.mdc-button--raised:focus {
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-button--raised:active {
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
  }
  
  .mdc-button--raised:disabled {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2),0px 0px 0px 0px rgba(0,0,0,0.14),0px 0px 0px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-button--outlined {
    border-style: solid;
    padding: 0 14px 0 14px;
    border-width: 2px;
  }
  
  .mdc-button--outlined:disabled {
    border-color: rgba(0,0,0,0.37);
  }
  
  .mdc-button--outlined:not(:disabled) {
    border-color: #006e96;
    border-color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-button--dense {
    height: 32px;
    font-size: .8125rem;
  }
  
  @keyframes mdc-ripple-fg-radius-in {
    from {
      animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    }
  
    to {
      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    }
  }
  
  @keyframes mdc-ripple-fg-opacity-in {
    from {
      animation-timing-function: linear;
      opacity: 0;
    }
  
    to {
      opacity: var(--mdc-ripple-fg-opacity, 0);
    }
  }
  
  @keyframes mdc-ripple-fg-opacity-out {
    from {
      animation-timing-function: linear;
      opacity: var(--mdc-ripple-fg-opacity, 0);
    }
  
    to {
      opacity: 0;
    }
  }
  
  .mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden;
  }
  
  .mdc-ripple-surface--test-edge-var-bug::before {
    border: var(--mdc-ripple-surface-test-edge-var);
  }
  
  .mdc-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    will-change: transform, opacity;
  }
  
  .mdc-button::before,.mdc-button::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
  }
  
  .mdc-button::before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
  }
  
  .mdc-button.mdc-ripple-upgraded::before {
    transform: scale(var(--mdc-ripple-fg-scale, 1));
  }
  
  .mdc-button.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
  }
  
  .mdc-button.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0);
  }
  
  .mdc-button.mdc-ripple-upgraded--foreground-activation::after {
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
  }
  
  .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
  
  .mdc-button::before,.mdc-button::after {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
  }
  
  .mdc-button.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%);
  }
  
  .mdc-button::before,.mdc-button::after {
    background-color: #006e96;
  }
  
  @supports not (-ms-ime-align: auto) {
    .mdc-button::before,.mdc-button::after {
      background-color: var(--mdc-theme-primary, #006e96);
    }
  }
  
  .mdc-button:hover::before {
    opacity: .04;
  }
  
  .mdc-button:not(.mdc-ripple-upgraded):focus::before,.mdc-button.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: .12;
  }
  
  .mdc-button:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear;
  }
  
  .mdc-button:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .12;
  }
  
  .mdc-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .12;
  }
  
  .mdc-button--raised::before,.mdc-button--raised::after,.mdc-button--unelevated::before,.mdc-button--unelevated::after {
    background-color: #fff;
  }
  
  @supports not (-ms-ime-align: auto) {
    .mdc-button--raised::before,.mdc-button--raised::after,.mdc-button--unelevated::before,.mdc-button--unelevated::after {
      background-color: var(--mdc-theme-on-primary, #fff);
    }
  }
  
  .mdc-button--raised:hover::before,.mdc-button--unelevated:hover::before {
    opacity: .08;
  }
  
  .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before,.mdc-button--raised.mdc-ripple-upgraded--background-focused::before,.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: .24;
  }
  
  .mdc-button--raised:not(.mdc-ripple-upgraded)::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear;
  }
  
  .mdc-button--raised:not(.mdc-ripple-upgraded):active::after,.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .24;
  }
  
  .mdc-button--raised.mdc-ripple-upgraded,.mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .24;
  }
  
  .mdc-floating-label {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    transform-origin: left top;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform;
  }
  
  [dir="rtl"] .mdc-floating-label,.mdc-floating-label[dir="rtl"] {
    right: 0;
    left: auto;
    transform-origin: right top;
    text-align: right;
  }
  
  .mdc-floating-label--float-above {
    cursor: auto;
  }
  
  .mdc-floating-label--float-above {
    transform: translateY(-50%) scale(.75);
  }
  
  .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  }
  
  @keyframes mdc-floating-label-shake-float-above-standard {
    0% {
      transform: translateX(calc(0 - 0%)) translateY(-50%) scale(.75);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0%)) translateY(-50%) scale(.75);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(.75);
    }
  
    100% {
      transform: translateX(calc(0 - 0%)) translateY(-50%) scale(.75);
    }
  }
  
  .mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index: 2;
  }
  
  .mdc-line-ripple--active {
    transform: scaleX(1);
    opacity: 1;
  }
  
  .mdc-line-ripple--deactivating {
    opacity: 0;
  }
  
  .mdc-notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none;
  }
  
  [dir="rtl"] .mdc-notched-outline,.mdc-notched-outline[dir="rtl"] {
    text-align: right;
  }
  
  .mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none;
  }
  
  .mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px;
  }
  
  [dir="rtl"] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir="rtl"] {
    border-left: none;
    border-right: 1px solid;
  }
  
  .mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid;
    flex-grow: 1;
  }
  
  [dir="rtl"] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir="rtl"] {
    border-left: 1px solid;
    border-right: none;
  }
  
  .mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 12px * 2);
  }
  
  .mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto;
    max-width: 100%;
  }
  
  .mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip;
  }
  
  .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(100% / .75);
  }
  
  .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none;
  }
  
  [dir="rtl"] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir="rtl"] {
    padding-left: 8px;
    padding-right: 0;
  }
  
  .mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0;
  }
  
  .mdc-text-field-helper-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    will-change: opacity;
  }
  
  .mdc-text-field-helper-text::before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0;
  }
  
  .mdc-text-field-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: initial;
  }
  
  .mdc-text-field-character-counter {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0;
    white-space: nowrap;
  }
  
  .mdc-text-field-character-counter::before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0;
  }
  
  [dir="rtl"] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir="rtl"] {
    margin-left: 0;
    margin-right: auto;
  }
  
  [dir="rtl"] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir="rtl"] {
    padding-left: 0;
    padding-right: 16px;
  }
  
  .mdc-text-field--with-leading-icon .mdc-text-field__icon,.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    position: absolute;
    bottom: 16px;
    cursor: pointer;
  }
  
  .mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none;
  }
  
  .mdc-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    will-change: transform, opacity;
    border-radius: 4px 4px 0 0;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity, transform, color;
  }
  
  .mdc-text-field::before,.mdc-text-field::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
  }
  
  .mdc-text-field::before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
  }
  
  .mdc-text-field.mdc-ripple-upgraded::before {
    transform: scale(var(--mdc-ripple-fg-scale, 1));
  }
  
  .mdc-text-field.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
  }
  
  .mdc-text-field.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0);
  }
  
  .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
  }
  
  .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
  
  .mdc-text-field::before,.mdc-text-field::after {
    background-color: rgba(0,0,0,0.87);
  }
  
  .mdc-text-field:hover::before {
    opacity: .04;
  }
  
  .mdc-text-field:not(.mdc-ripple-upgraded):focus::before,.mdc-text-field.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: .12;
  }
  
  .mdc-text-field::before,.mdc-text-field::after {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
  }
  
  .mdc-text-field.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0,0,0,0.6);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0,0,0,0.87);
  }
  
  .mdc-text-field .mdc-text-field__input {
    caret-color: #006e96;
    caret-color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: rgba(0,0,0,0.42);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: rgba(0,0,0,0.87);
  }
  
  .mdc-text-field .mdc-line-ripple {
    background-color: #006e96;
    background-color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0,0,0,0.12);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0,0,0,0.6);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(0,0,0,0.6);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: rgba(0,0,0,0.54);
  }
  
  .mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5;
  }
  
  .mdc-text-field .mdc-floating-label {
    left: 16px;
    right: initial;
    top: 18px;
    pointer-events: none;
  }
  
  [dir="rtl"] .mdc-text-field .mdc-floating-label,.mdc-text-field .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 16px;
  }
  
  .mdc-text-field--textarea .mdc-floating-label {
    left: 4px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label,.mdc-text-field--textarea .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 4px;
  }
  
  .mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: initial;
    top: 17px;
  }
  
  [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 4px;
  }
  
  .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label,.mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 36px;
  }
  
  .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: 40px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above,.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir="rtl"] {
    left: initial;
    right: 40px;
  }
  
  .mdc-text-field__input {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 16px 6px;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background: none;
    appearance: none;
  }
  
  .mdc-text-field__input::placeholder {
    transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    color: rgba(0,0,0,0.54);
  }
  
  .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0,0,0,0.54) !important;
  }
  
  .mdc-text-field--fullwidth .mdc-text-field__input::placeholder,.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1;
  }
  
  .mdc-text-field__input:focus {
    outline: none;
  }
  
  .mdc-text-field__input:invalid {
    box-shadow: none;
  }
  
  .mdc-text-field__input:-webkit-autofill {
    z-index: auto !important;
  }
  
  .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 16px;
  }
  
  .mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
    transform: translateY(-50%) scale(0.75);
    cursor: auto;
  }
  
  .mdc-text-field--outlined {
    border: none;
    overflow: visible;
  }
  
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,0.24);
  }
  
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,0.87);
  }
  
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #006e96;
    border-color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  }
  
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px;
  }
  
  [dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] {
    border-radius: 0 4px 4px 0;
  }
  
  .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 4px 4px 0;
  }
  
  [dir="rtl"] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] {
    border-radius: 4px 0 0 4px;
  }
  
  .mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1);
  }
  
  .mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem;
  }
  
  .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(.75);
  }
  
  .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
  }
  
  .mdc-text-field--outlined::before,.mdc-text-field--outlined::after {
    content: none;
  }
  
  .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: rgba(0,0,0,0);
  }
  
  .mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    padding: 12px 16px 14px;
    border: none !important;
    background-color: transparent;
    z-index: 1;
  }
  
  .mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2;
  }
  
  .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px;
  }
  
  .mdc-text-field--outlined.mdc-text-field--disabled {
    background-color: rgba(0,0,0,0);
  }
  
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,0.06);
  }
  
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense {
    height: 48px;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-134%) scale(1);
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .8rem;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-120%) scale(.8);
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 7px;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    top: 14px;
  }
  
  .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px;
  }
  
  .mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 16px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon,.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] {
    left: initial;
    right: 16px;
  }
  
  .mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input,.mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] {
    padding-left: 16px;
    padding-right: 48px;
  }
  
  .mdc-text-field--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label,.mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 48px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] {
    left: initial;
    right: 16px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] {
    padding-left: 16px;
    padding-right: 48px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-144%) translateX(-32px) scale(1);
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-144%) translateX(32px) scale(1);
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) translateX(-32px) scale(.75);
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"],[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-130%) translateX(32px) scale(.75);
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir="rtl"] .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 36px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-134%) translateX(-21px) scale(1);
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-134%) translateX(21px) scale(1);
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .8rem;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-120%) translateX(-21px) scale(.8);
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"],[dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir="rtl"] {
    transform: translateY(-120%) translateX(21px) scale(.8);
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir="rtl"] .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: 32px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 32px;
  }
  
  .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: initial;
    right: 12px;
  }
  
  [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon,.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
    left: 12px;
    right: initial;
  }
  
  .mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px;
  }
  
  [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input,.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {
    padding-left: 48px;
    padding-right: 16px;
  }
  
  .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: initial;
    right: 16px;
  }
  
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon,.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir="rtl"] {
    left: 16px;
    right: initial;
  }
  
  .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px;
  }
  
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input,.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir="rtl"] {
    padding-left: 48px;
    padding-right: 16px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 16px;
    right: auto;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
    left: auto;
    right: 16px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
    right: 12px;
    left: auto;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] {
    right: auto;
    left: 12px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {
    padding-left: 48px;
    padding-right: 48px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    bottom: 16px;
    transform: scale(0.8);
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {
    left: initial;
    right: 12px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {
    padding-left: 16px;
    padding-right: 44px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: 44px;
    right: initial;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] {
    left: initial;
    right: 44px;
  }
  
  .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: initial;
    right: 12px;
  }
  
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {
    left: 12px;
    right: initial;
  }
  
  .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px;
  }
  
  [dir="rtl"] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {
    padding-left: 44px;
    padding-right: 16px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir="rtl"] {
    left: auto;
    right: 12px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
    right: 12px;
    left: auto;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir="rtl"] {
    right: auto;
    left: 12px;
  }
  
  .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 44px;
  }
  
  [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir="rtl"] {
    padding-left: 44px;
    padding-right: 44px;
  }
  
  .mdc-text-field--dense .mdc-floating-label--float-above {
    transform: translateY(-70%) scale(.8);
  }
  
  .mdc-text-field--dense .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
  }
  
  .mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 0;
  }
  
  .mdc-text-field--dense .mdc-floating-label {
    font-size: .813rem;
  }
  
  .mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .813rem;
  }
  
  .mdc-text-field__input:required ~ .mdc-floating-label::after,.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
    margin-left: 1px;
    content: "*";
  }
  
  .mdc-text-field--textarea {
    display: inline-flex;
    width: auto;
    height: auto;
    transition: none;
    overflow: visible;
  }
  
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,0.24);
  }
  
  .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,0.87);
  }
  
  .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #006e96;
    border-color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-text-field--textarea .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  }
  
  .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px;
  }
  
  [dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir="rtl"] {
    border-radius: 0 4px 4px 0;
  }
  
  .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 4px 4px 0;
  }
  
  [dir="rtl"] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir="rtl"] {
    border-radius: 4px 0 0 4px;
  }
  
  .mdc-text-field--textarea::before,.mdc-text-field--textarea::after {
    content: none;
  }
  
  .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: rgba(0,0,0,0);
  }
  
  .mdc-text-field--textarea .mdc-floating-label--float-above {
    transform: translateY(-144%) scale(1);
  }
  
  .mdc-text-field--textarea .mdc-floating-label--float-above {
    font-size: .75rem;
  }
  
  .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-130%) scale(.75);
  }
  
  .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem;
  }
  
  .mdc-text-field--textarea .mdc-text-field-character-counter {
    left: initial;
    right: 16px;
    position: absolute;
    bottom: 13px;
  }
  
  [dir="rtl"] .mdc-text-field--textarea .mdc-text-field-character-counter,.mdc-text-field--textarea .mdc-text-field-character-counter[dir="rtl"] {
    left: 16px;
    right: initial;
  }
  
  .mdc-text-field--textarea .mdc-text-field__input {
    align-self: auto;
    box-sizing: border-box;
    height: auto;
    margin: 8px 1px 1px 0;
    padding: 0 16px 16px;
    border: none;
  }
  
  .mdc-text-field--textarea .mdc-text-field-character-counter+.mdc-text-field__input {
    margin-bottom: 28px;
    padding-bottom: 0;
  }
  
  .mdc-text-field--textarea .mdc-floating-label {
    top: 17px;
    bottom: auto;
    width: auto;
    pointer-events: none;
  }
  
  .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px;
  }
  
  .mdc-text-field--fullwidth {
    width: 100%;
  }
  
  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block;
  }
  
  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before,.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after {
    content: none;
  }
  
  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: rgba(0,0,0,0);
  }
  
  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 0;
  }
  
  .mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
    resize: vertical;
  }
  
  .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
  }
  
  .mdc-text-field--dense+.mdc-text-field-helper-line {
    margin-bottom: 4px;
  }
  
  .mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px;
  }
  
  .mdc-form-field>.mdc-text-field+label {
    align-self: flex-start;
  }
  
  .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0,110,150,0.87);
  }
  
  .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1;
  }
  
  .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #006e96;
    border-color: var(--mdc-theme-primary, #006e96);
  }
  
  .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1;
  }
  
  .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020);
  }
  
  .mdc-text-field--disabled {
    background-color: #fafafa;
    border-bottom: none;
    pointer-events: none;
  }
  
  .mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0,0,0,0.06);
  }
  
  .mdc-text-field--disabled .mdc-text-field__input {
    color: rgba(0,0,0,0.37);
  }
  
  .mdc-text-field--disabled .mdc-floating-label {
    color: rgba(0,0,0,0.37);
  }
  
  .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0,0,0,0.37);
  }
  
  .mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(0,0,0,0.37);
  }
  
  .mdc-text-field--disabled .mdc-text-field__icon {
    color: rgba(0,0,0,0.3);
  }
  
  .mdc-text-field--disabled:not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0,0,0,0.12);
  }
  
  .mdc-text-field--disabled .mdc-floating-label {
    cursor: default;
  }
  
  .mdc-text-field--textarea.mdc-text-field--disabled {
    background-color: rgba(0,0,0,0);
    background-color: #f9f9f9;
  }
  
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0,0,0,0.06);
  }
  
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none;
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
      transform: translateX(calc(0 - 0%)) translateY(-70%) scale(.8);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0%)) translateY(-70%) scale(.8);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(.8);
    }
  
    100% {
      transform: translateX(calc(0 - 0%)) translateY(-70%) scale(.8);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
      transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75);
    }
  
    100% {
      transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
      transform: translateX(calc(0 - 0%)) translateY(-120%) scale(.8);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0%)) translateY(-120%) scale(.8);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(.8);
    }
  
    100% {
      transform: translateX(calc(0 - 0%)) translateY(-120%) scale(.8);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
      transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
    }
  
    100% {
      transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
      transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
    }
  
    100% {
      transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
      transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
    }
  
    100% {
      transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
      transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
    }
  
    100% {
      transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
    }
  }
  
  @keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
      transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
    }
  
    33% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
      transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75);
    }
  
    66% {
      animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
      transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75);
    }
  
    100% {
      transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
    }
  }
  
  .mdc-elevation--z0 {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2),0px 0px 0px 0px rgba(0,0,0,0.14),0px 0px 0px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z1 {
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z2 {
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z3 {
    box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z4 {
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z5 {
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z6 {
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z7 {
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z8 {
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z9 {
    box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z10 {
    box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z11 {
    box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z12 {
    box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z13 {
    box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z14 {
    box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z15 {
    box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z16 {
    box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z17 {
    box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z18 {
    box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z19 {
    box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z20 {
    box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z21 {
    box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z22 {
    box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z23 {
    box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation--z24 {
    box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
  }
  
  .mdc-elevation-transition {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: box-shadow;
  }
  
  .mdc-form-field {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0,0,0,0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0,0,0,0.87));
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
  }
  
  .mdc-form-field>label {
    order: 0;
    margin-right: auto;
    padding-left: 4px;
  }
  
  [dir="rtl"] .mdc-form-field>label,.mdc-form-field[dir="rtl"]>label {
    margin-left: auto;
    padding-right: 4px;
  }
  
  .mdc-form-field--align-end>label {
    order: -1;
    margin-left: auto;
    padding-right: 4px;
  }
  
  [dir="rtl"] .mdc-form-field--align-end>label,.mdc-form-field--align-end[dir="rtl"]>label {
    margin-right: auto;
    padding-left: 4px;
  }
  
  @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
    0%,50% {
      stroke-dashoffset: 29.78334;
    }
  
    50% {
      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
  
    100% {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
    0%,68.2% {
      transform: scaleX(0);
    }
  
    68.2% {
      animation-timing-function: cubic-bezier(0, 0, 0, 1);
    }
  
    100% {
      transform: scaleX(1);
    }
  }
  
  @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    from {
      animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
      opacity: 1;
      stroke-dashoffset: 0;
    }
  
    to {
      opacity: 0;
      stroke-dashoffset: -29.78334;
    }
  }
  
  @keyframes mdc-checkbox-checked-indeterminate-checkmark {
    from {
      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
      transform: rotate(0deg);
      opacity: 1;
    }
  
    to {
      transform: rotate(45deg);
      opacity: 0;
    }
  }
  
  @keyframes mdc-checkbox-indeterminate-checked-checkmark {
    from {
      animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
      transform: rotate(45deg);
      opacity: 0;
    }
  
    to {
      transform: rotate(360deg);
      opacity: 1;
    }
  }
  
  @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    from {
      animation-timing-function: mdc-animation-deceleration-curve-timing-function;
      transform: rotate(-45deg);
      opacity: 0;
    }
  
    to {
      transform: rotate(0deg);
      opacity: 1;
    }
  }
  
  @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    from {
      animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
      transform: rotate(0deg);
      opacity: 1;
    }
  
    to {
      transform: rotate(315deg);
      opacity: 0;
    }
  }
  
  @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
      animation-timing-function: linear;
      transform: scaleX(1);
      opacity: 1;
    }
  
    32.8%,100% {
      transform: scaleX(0);
      opacity: 0;
    }
  }
  
  .mdc-checkbox {
    display: inline-block;
    position: relative;
    flex: 0 0 18px;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    padding: 11px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
  }
  
  .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(0,0,0,0.54);
    background-color: rgba(0,0,0,0);
  }
  
  .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: rgba(0,0,0,0.2);
    border-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
    background-color: rgba(0,0,0,0.2);
    background-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
  }
  
  @keyframes mdc-checkbox-fade-in-background-0 {
    0% {
      border-color: rgba(0,0,0,0.54);
      background-color: rgba(0,0,0,0);
    }
  
    50% {
      border-color: rgba(0,0,0,0.2);
      border-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
      background-color: rgba(0,0,0,0.2);
      background-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
    }
  }
  
  @keyframes mdc-checkbox-fade-out-background-0 {
    0%,80% {
      border-color: rgba(0,0,0,0.2);
      border-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
      background-color: rgba(0,0,0,0.2);
      background-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
    }
  
    100% {
      border-color: rgba(0,0,0,0.54);
      background-color: rgba(0,0,0,0);
    }
  }
  
  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
    animation-name: mdc-checkbox-fade-in-background-0;
  }
  
  .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
    animation-name: mdc-checkbox-fade-out-background-0;
  }
  
  .mdc-checkbox__checkmark {
    color: #fff;
  }
  
  .mdc-checkbox__mixedmark {
    border-color: #fff;
  }
  
  .mdc-checkbox__background::before {
    background-color: rgba(0,0,0,0.2);
  }
  
  @supports not (-ms-ime-align: auto) {
    .mdc-checkbox__background::before {
      background-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
    }
  }
  
  .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: rgba(0,0,0,0.26);
  }
  
  .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0.26);
  }
  
  @media screen and (-ms-high-contrast: active) {
    .mdc-checkbox__mixedmark {
      margin: 0 1px;
    }
  }
  
  .mdc-checkbox--disabled {
    cursor: default;
    pointer-events: none;
  }
  
  .mdc-checkbox__background {
    left: 11px;
    right: initial;
    display: inline-flex;
    position: absolute;
    top: 11px;
    bottom: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 45%;
    height: 45%;
    border: 2px solid currentColor;
    border-radius: 2px;
    background-color: transparent;
    pointer-events: none;
    will-change: background-color, border-color;
    transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  }
  
  .mdc-checkbox[dir="rtl"] .mdc-checkbox__background,[dir="rtl"] .mdc-checkbox .mdc-checkbox__background {
    left: initial;
    right: 11px;
  }
  
  .mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  }
  
  .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
    opacity: 1;
  }
  
  .mdc-checkbox__checkmark-path {
    transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334;
  }
  
  .mdc-checkbox__mixedmark {
    width: 100%;
    height: 0;
    transform: scaleX(0) rotate(0deg);
    border-width: 1px;
    border-style: solid;
    opacity: 0;
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  }
  
  .mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    transition: none !important;
  }
  
  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
    animation-duration: 180ms;
    animation-timing-function: linear;
  }
  
  .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
    animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
    animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
    animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
    transition: none;
  }
  
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
    transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  }
  
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0;
  }
  
  .mdc-checkbox__background::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    will-change: opacity, transform;
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  }
  
  .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
    transform: scale(2.75, 2.75);
    opacity: .12;
    transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  }
  
  .mdc-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
  }
  
  .mdc-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none;
  }
  
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 1;
  }
  
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(-45deg);
  }
  
  .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  }
  
  .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(0deg);
    opacity: 1;
  }
  
  .mdc-checkbox {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    will-change: transform, opacity;
  }
  
  .mdc-checkbox::before,.mdc-checkbox::after {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
  }
  
  .mdc-checkbox::before {
    transition: opacity 15ms linear,background-color 15ms linear;
    z-index: 1;
  }
  
  .mdc-checkbox.mdc-ripple-upgraded::before {
    transform: scale(var(--mdc-ripple-fg-scale, 1));
  }
  
  .mdc-checkbox.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center;
  }
  
  .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0);
  }
  
  .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
    animation: mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;
  }
  
  .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: mdc-ripple-fg-opacity-out 150ms;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
  
  .mdc-checkbox::before,.mdc-checkbox::after {
    background-color: rgba(0,0,0,0.2);
  }
  
  @supports not (-ms-ime-align: auto) {
    .mdc-checkbox::before,.mdc-checkbox::after {
      background-color: var(--mdc-theme-secondary, rgba(0,0,0,0.2));
    }
  }
  
  .mdc-checkbox:hover::before {
    opacity: .04;
  }
  
  .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: .12;
  }
  
  .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear;
  }
  
  .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .12;
  }
  
  .mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .12;
  }
  
  .mdc-checkbox::before,.mdc-checkbox::after {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%;
  }
  
  .mdc-checkbox.mdc-ripple-upgraded::before,.mdc-checkbox.mdc-ripple-upgraded::after {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%);
  }
  
  .mdc-checkbox.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%);
  }
  
  .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
    content: none;
  }
  
  .mdc-snackbar {
    z-index: 8;
    margin: 8px;
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  
  .mdc-snackbar__surface {
    background-color: #333;
  }
  
  .mdc-snackbar__label {
    color: rgba(255,255,255,0.87);
  }
  
  .mdc-snackbar__surface {
    min-width: 344px;
  }
  
  @media (max-width: 480px), (max-width: 344px) {
    .mdc-snackbar__surface {
      min-width: 100%;
    }
  }
  
  .mdc-snackbar__surface {
    max-width: 672px;
  }
  
  .mdc-snackbar__surface {
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
  }
  
  .mdc-snackbar__surface {
    border-radius: 4px;
  }
  
  .mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing {
    display: flex;
  }
  
  .mdc-snackbar--leading {
    justify-content: flex-start;
  }
  
  .mdc-snackbar--stacked .mdc-snackbar__surface {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .mdc-snackbar--stacked .mdc-snackbar__actions {
    align-self: flex-end;
    margin-bottom: 8px;
  }
  
  .mdc-snackbar__surface {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    transform: scale(0.8);
    opacity: 0;
  }
  
  .mdc-snackbar--open .mdc-snackbar__surface {
    transform: scale(1);
    transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity: 1;
    pointer-events: auto;
  }
  
  .mdc-snackbar--closing .mdc-snackbar__surface {
    transform: scale(1);
    transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
  }
  
  .mdc-snackbar__label {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 16px;
  }
  
  .mdc-snackbar__label::before {
    display: inline;
    content: attr(data-mdc-snackbar-label-text);
  }
  
  .mdc-snackbar__actions {
    margin-left: 0;
    margin-right: 8px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    box-sizing: border-box;
  }
  
  [dir="rtl"] .mdc-snackbar__actions,.mdc-snackbar__actions[dir="rtl"] {
    margin-left: 8px;
    margin-right: 0;
  }
  
  .mdc-snackbar__action:not(:disabled) {
    color: #bb86fc;
  }
  
  .mdc-snackbar__action::before,.mdc-snackbar__action::after {
    background-color: #bb86fc;
  }
  
  .mdc-snackbar__action:hover::before {
    opacity: .08;
  }
  
  .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before,.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: .24;
  }
  
  .mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear;
  }
  
  .mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .24;
  }
  
  .mdc-snackbar__action.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .24;
  }
  
  .mdc-snackbar__dismiss {
    color: rgba(255,255,255,0.87);
  }
  
  .mdc-snackbar__dismiss::before,.mdc-snackbar__dismiss::after {
    background-color: rgba(255,255,255,0.87);
  }
  
  .mdc-snackbar__dismiss:hover::before {
    opacity: .08;
  }
  
  .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before,.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before {
    transition-duration: 75ms;
    opacity: .24;
  }
  
  .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
    transition: opacity 150ms linear;
  }
  
  .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
    transition-duration: 75ms;
    opacity: .24;
  }
  
  .mdc-snackbar__dismiss.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: .24;
  }
  
  .mdc-snackbar__dismiss.mdc-snackbar__dismiss {
    width: 36px;
    height: 36px;
    padding: 9px;
    font-size: 18px;
  }
  
  .mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,.mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
    width: 18px;
    height: 18px;
  }
  
  .mdc-snackbar__action+.mdc-snackbar__dismiss {
    margin-left: 8px;
    margin-right: 0;
  }
  
  [dir="rtl"] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir="rtl"] {
    margin-left: 0;
    margin-right: 8px;
  }
  
  body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100vh;
    background-color: #002e41;
  }
  
  #footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #d9d8d6;
    background-color: #081f2d;
    margin: auto auto 0 auto;
    width: 100%;
  }
  
  @media only screen and (min-width: 801px) {
    #logo {
      display: block;
      padding: 75px;
    }
  
    #logo_mobile {
      display: none;
    }
  }
  
  @media only screen and (min-width: 801px) {
    #logo {
      margin-top: 7.5%;
      display: block;
      padding: 75px;
    }
  
    #logo_mobile {
      display: none;
    }
  }
  
  @media only screen and (max-width: 800px) {
    #logo {
      display: none;
    }
  
    #logo_mobile {
      width: 70%;
      padding: 30px;
    }
  }
  
  @media only screen and (max-width: 798px) and (min-width: 750px) {
    #logo {
      display: none;
    }
  
    #logo_mobile {
      width: 50%;
      padding: 30px;
    }
  
    .loginContainer {
      text-align: center;
      padding: 60px;
      background-color: white;
      border-radius: 3px;
      margin-bottom: 20px;
      width: 50%;
      height: 275px;
    }
  
    body {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      height: 100vh;
      background-color: #002e41;
    }
  }
  
  @media only screen and (max-width: 800px) {
    .loginContainer {
      text-align: center;
      padding: 60px;
      background-color: white;
      border-radius: 3px;
      margin-bottom: 20px;
      width: 60%;
      height: auto;
    }
  }
  
  @media only screen and (min-width: 801px) {
    .loginContainer {
      margin-top: 7.5%;
      max-width: 471px;
      /*max-width: 300px;*/
      text-align: center;
      padding: 40px;
      /*padding: 60px;*/
      background-color: white;
      border-radius: 3px;
    }
  }
  
  .introText {
    line-height: 1 !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
    color: #333333 !important;
  }
  
  .mdc-text-field {
    width: 100%;
    margin-bottom: 16px;
  }
  
  .actionContainer {
    display: flex;
    justify-content: center;
    margin-top: 32px;
  }
  
  .systemsButtonContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: space-between;
    margin-top: 32px;
  }
  
  .checkboxLabel {
    color: dimgray;
    font-size: 90%;
  }
  
  .mdc-text-field__icon.revealPassword {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    pointer-events: all;
  }
  
  .loginHelperTextContainer {
    margin-top: 40px;
  }
  
  .mdc-typography--body2 {
    line-height: 0.25;
    color: #d9d8d6;
  }