@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 100;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-100-normal-6b1b74d966ff0831c38270fb99080dcdeb8bafb88c6a87ce44bb69afac794f6d.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 100;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-100-italic-b760b0180af0cb2c7bd022c117bcbd29ab78c27e4d6e0a5fc3541a09f5dc120b.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 200;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-200-normal-d85a0bd1485612583a00e21e017515ce616a3274331785787d1df0d919997622.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 200;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-200-italic-8d616e5d0c4cccee267ac9e4a5044761fad7853d75c0cec8fe47bd768d98a428.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-300-normal-e68126bb270732622a09503bce2c5a58552d5f6346ffd7d7753b7e610e4a8e8a.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 300;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-300-italic-f658f5b1dd0a28913d20e1afa3718c4f6412ee7ff4adfa9c28f628d207ff6986.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-400-normal-a435b309f5321272bf73a1bb4c4afae767463a6b150c12df460bea0467dc6af3.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 400;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-400-italic-a48bfa20c9ac7abee479dffb45c19cf0367c74dce822ea459fc9b35d13078739.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-500-normal-537c65faf87efe9eddce0a8cb9c4143bddee6ee65fda1f9f77f9611b48d8c411.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 500;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-500-italic-d69b2854d060d7c926957e246718300f525725d888a02d7ca66600956d721d50.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 600;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-600-normal-ada6dd183a058b65916d994a629c2556c65e3b6389e9f611c56e168caa46fc36.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 600;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-600-italic-abc9c9ac8f844fa73367ab4e5099854f6c1c44726f836dd4e320db69142f3df3.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-700-normal-ce2dd5d90d8336817fc7b86d0dcae335892749ebeb496899826a700e7ef0f2fc.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 700;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-700-italic-7d597d9fb3e14813b244df949ff2fb477712d6c9dcc7389870b9f8452a8e9299.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 800;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-800-normal-c4816d87a0d966fa855cc99722db4b842fca6e78d94d8c86dd8d1114c1e2e400.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 800;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-800-italic-5e6108ad5633c7b16abfbb8588ddb2e60a3b11694889537a0b02dcaf2fec7591.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 900;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-900-normal-760260a719a0c010ca114212dc36027f2aa5d3c60fb5a670d4d7d75df45a55e1.ttf") format("truetype");
}

@font-face {
  font-family: Lato;
  font-style: italic;
  font-weight: 900;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/lato/lato-900-italic-1cacd629f6b5a928776d732db52b8dee602c147bbe7d9f7f5419b718f3a2bd64.ttf") format("truetype");
}

@font-face {
  font-family: "Museo Sans";
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/museo-sans-500-normal-849545660530e418d5dd9f1097c36cd2cbe575e3ce57603e703e2088233acffc.otf");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 100;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Thin-2f572bae55f579029aaff38e0641e29e4462b78b40c32973cf2a41dadfdb4a83.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 100;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-ThinItalic-4bc53ea80d2222a7e1db099670d32dbfb8d5fadbb0ead845b001e013392935a9.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 200;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-ExtraLight-0664fc320f6b40a8fa7b971ad487a4b910bb9d0de9f43113c668d9266d9c3570.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 200;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-ExtraLightItalic-828bc3cd05786f82356d294d5bd077973095bcec3faf8f065bbc718a4cbed5de.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 300;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Light-b961e61b2dfcfa073e0c7715154a482a94abe93deb3a603bdfdb8f7cec473687.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 300;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-LightItalic-1664b589e21bfd2f62d2473be35b4dedb8a5c6e574068ee98819bbb192e0f9de.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Regular-106ee2f66da0324cfff653c57ba2ab63d05b6ca51b7b55f3ed1f7b95c473bd9e.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Italic-4e91d037782446dd0f043f5de81d6c508f88a970f37d883a5a94d2dfbae5ea61.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Medium-25833671bdd5710b1288bd962aa781e69dd6a75b5136f8462b511878ed2fccfe.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 500;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-MediumItalic-366a98c4693ba4f286dd71c2bc833a23d9a575aa04afc77ef5dea7c9baf319dd.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-SemiBold-9db8955e0885c84c838707d14edb039adacc79712a9a107fbcd9c99df4f95825.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 600;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-SemiBoldItalic-05cc9115cb23329a36b62436d796c54feeb56973273b9165fe8d5fd5afe37cfb.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Bold-fb00e8a798cd95cfa4bc6b4918c129e258b0dac5c919842e7b9528951c4c5162.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 700;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-BoldItalic-e7e0dfb1e6cb429ad6582ef1c22b699f9b9cad7a2bdec8a99321e5b01c5d2451.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 800;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-ExtraBold-6503adc7021b6f1118694c965e0c6e937b5095df05258006d630bb2505a133b6.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 800;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-ExtraBoldItalic-0e97532952eebefea37fd876036ffed790c4426c508c858de454ac68cfdad816.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 900;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-Black-6dc9afe9cac56d6e3f852fd05c58676ceebacbb5382aff56bda5c55570e3e757.ttf") format("truetype");
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 900;
  src: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/dm_sans/DMSans-BlackItalic-56b2ef1200b399688c06cf4f7fc2dee40b5b44cdb8ce3b45131cb7c80be2be3e.ttf") format("truetype");
}

/* line 28, components/identity/app/assets/stylesheets/identity/typography.scss */
html {
  font-size: 100.01%;
}

/* line 29, components/identity/app/assets/stylesheets/identity/typography.scss */
body {
  font-family: lato;
  font-size: 75%;
}

/* line 35, components/identity/app/assets/stylesheets/identity/typography.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 400;
  color: #7be0c2;
}

/* line 45, components/identity/app/assets/stylesheets/identity/typography.scss */
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}

/* line 48, components/identity/app/assets/stylesheets/identity/typography.scss */
h1 {
  margin-bottom: .5em;
  font-size: 3em;
  line-height: 1;
}

/* line 54, components/identity/app/assets/stylesheets/identity/typography.scss */
h2 {
  margin-bottom: .75em;
  font-size: 2em;
}

/* line 59, components/identity/app/assets/stylesheets/identity/typography.scss */
h3 {
  margin-bottom: 1em;
  font-size: 1.5em;
  line-height: 1;
}

/* line 65, components/identity/app/assets/stylesheets/identity/typography.scss */
h4 {
  margin-bottom: 1.25em;
  font-size: 1.2em;
  line-height: 1.25;
}

/* line 71, components/identity/app/assets/stylesheets/identity/typography.scss */
h5 {
  margin-bottom: 1.5em;
  font-size: 1em;
  font-weight: 700;
}

/* line 77, components/identity/app/assets/stylesheets/identity/typography.scss */
h6 {
  font-size: 1em;
  font-weight: 700;
}

/* line 82, components/identity/app/assets/stylesheets/identity/typography.scss */
p {
  margin: 0 0 1.5em;
}

/* line 84, components/identity/app/assets/stylesheets/identity/typography.scss */
blockquote {
  margin: 1.5em;
  font-style: italic;
  color: #666;
}

/* line 90, components/identity/app/assets/stylesheets/identity/typography.scss */
strong,
dfn {
  font-weight: 700;
}

/* line 92, components/identity/app/assets/stylesheets/identity/typography.scss */
em,
dfn {
  font-style: italic;
}

/* line 94, components/identity/app/assets/stylesheets/identity/typography.scss */
sup,
sub {
  line-height: 0;
}

/* line 97, components/identity/app/assets/stylesheets/identity/typography.scss */
abbr,
acronym {
  border-bottom: 1px dotted #666;
}

/* line 99, components/identity/app/assets/stylesheets/identity/typography.scss */
address {
  margin: 0 0 1.5em;
  font-style: italic;
}

/* line 104, components/identity/app/assets/stylesheets/identity/typography.scss */
del {
  color: #666;
}

/* line 106, components/identity/app/assets/stylesheets/identity/typography.scss */
pre {
  margin: 1.5em 0;
  white-space: pre;
}

/* line 111, components/identity/app/assets/stylesheets/identity/typography.scss */
pre,
code,
tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

/* line 119, components/identity/app/assets/stylesheets/identity/typography.scss */
li ul,
li ol {
  margin: 0;
}

/* line 121, components/identity/app/assets/stylesheets/identity/typography.scss */
ul,
ol {
  padding-left: 1.5em;
  margin: 0 1.5em 1.5em 0;
}

/* line 127, components/identity/app/assets/stylesheets/identity/typography.scss */
ul {
  list-style-type: disc;
}

/* line 128, components/identity/app/assets/stylesheets/identity/typography.scss */
ol {
  list-style-type: decimal;
}

/* line 130, components/identity/app/assets/stylesheets/identity/typography.scss */
dl {
  margin: 0 0 1.5em;
}

/* line 131, components/identity/app/assets/stylesheets/identity/typography.scss */
dl dt {
  font-weight: 700;
}

/* line 132, components/identity/app/assets/stylesheets/identity/typography.scss */
dd {
  margin-left: 1.5em;
}

/* line 135, components/identity/app/assets/stylesheets/identity/typography.scss */
table {
  width: 100%;
  margin-bottom: 1.4em;
}

/* line 140, components/identity/app/assets/stylesheets/identity/typography.scss */
th {
  font-weight: 700;
}

/* line 141, components/identity/app/assets/stylesheets/identity/typography.scss */
thead th {
  background: #c3d9ff;
}

/* line 142, components/identity/app/assets/stylesheets/identity/typography.scss */
th,
td,
caption {
  padding: 4px 10px 4px 5px;
}

/* line 147, components/identity/app/assets/stylesheets/identity/typography.scss */
.small {
  margin-bottom: 1.875em;
  font-size: .8em;
  line-height: 1.875em;
}

/* line 153, components/identity/app/assets/stylesheets/identity/typography.scss */
.large {
  margin-bottom: 1.25em;
  font-size: 1.2em;
  line-height: 2.5em;
}

/* line 159, components/identity/app/assets/stylesheets/identity/typography.scss */
.hide {
  display: none;
}

/* line 161, components/identity/app/assets/stylesheets/identity/typography.scss */
.quiet {
  color: #666;
}

/* line 162, components/identity/app/assets/stylesheets/identity/typography.scss */
.loud {
  color: #000;
}

/* line 163, components/identity/app/assets/stylesheets/identity/typography.scss */
.highlight {
  background: #ff0;
}

/* line 164, components/identity/app/assets/stylesheets/identity/typography.scss */
.added {
  color: #fff;
  background: #060;
}

/* line 169, components/identity/app/assets/stylesheets/identity/typography.scss */
.removed {
  color: #fff;
  background: #900;
}

/* line 174, components/identity/app/assets/stylesheets/identity/typography.scss */
.first {
  padding-left: 0;
  margin-left: 0;
}

/* line 179, components/identity/app/assets/stylesheets/identity/typography.scss */
.last {
  padding-right: 0;
  margin-right: 0;
}

/* line 184, components/identity/app/assets/stylesheets/identity/typography.scss */
.top {
  padding-top: 0;
  margin-top: 0;
}

/* line 189, components/identity/app/assets/stylesheets/identity/typography.scss */
.bottom {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 1, components/identity/app/assets/stylesheets/identity/main.scss */
body {
  font-family: "Museo Sans", sans-serif;
  background-color: #e5e5e5;
}

/* line 5, components/identity/app/assets/stylesheets/identity/main.scss */
body.registration-page {
  background-color: #03424a;
}

/* line 10, components/identity/app/assets/stylesheets/identity/main.scss */
.hidden {
  display: none;
}

/* line 14, components/identity/app/assets/stylesheets/identity/main.scss */
.background-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 280px;
  background-color: #03424a;
}

/* line 23, components/identity/app/assets/stylesheets/identity/main.scss */
.main-container {
  position: relative;
  width: 343px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 840px) {
  /* line 23, components/identity/app/assets/stylesheets/identity/main.scss */
  .main-container {
    width: 466px;
  }
}

/* line 34, components/identity/app/assets/stylesheets/identity/main.scss */
.page-title {
  padding: 0 36px;
  text-align: center;
  background-color: #03424a;
}

@media screen and (min-width: 840px) {
  /* line 34, components/identity/app/assets/stylesheets/identity/main.scss */
  .page-title {
    padding: 0 10px;
    margin: 48px 0;
  }
}

/* line 44, components/identity/app/assets/stylesheets/identity/main.scss */
.page-title .registration-header-title,
.page-title .header-title,
.page-title .header-subtitle {
  font-family: "DM Sans", sans-serif;
}

/* line 50, components/identity/app/assets/stylesheets/identity/main.scss */
.page-title .registration-header-title {
  margin: 0 0 24px;
  font-size: 28px;
  line-height: 1.2;
  color: #7be0c2;
}

/* line 57, components/identity/app/assets/stylesheets/identity/main.scss */
.page-title .header-title {
  margin: 0 0 24px;
  font-size: 24px;
  line-height: 1.3;
  color: #fff;
}

/* line 64, components/identity/app/assets/stylesheets/identity/main.scss */
.page-title .header-subtitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}

/* line 73, components/identity/app/assets/stylesheets/identity/main.scss */
header {
  padding: 21px 0 15px;
  text-align: center;
}

/* line 77, components/identity/app/assets/stylesheets/identity/main.scss */
header img {
  display: block;
  height: 34px;
  margin: 0 auto;
}

/* line 83, components/identity/app/assets/stylesheets/identity/main.scss */
header h1 {
  font: 400 1.8rem "Museo Sans", sans-serif;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

/* line 91, components/identity/app/assets/stylesheets/identity/main.scss */
.default-text {
  font: 400 .875rem Lato, sans-serif;
  line-height: 1.5;
  color: #666;
}

/* line 1, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal {
  margin-bottom: 20px;
  text-align: left;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* line 9, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content {
  padding: 24px 16px;
}

@media screen and (min-width: 840px) {
  /* line 9, components/identity/app/assets/stylesheets/identity/modal.scss */
  .modal .modal-content {
    padding: 40px 48px;
  }
}

/* line 16, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .modal-title {
  font: 24px/1.3 "Museo Sans", sans-serif;
  color: #03424a;
}

/* line 21, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content p.bigger-text {
  font: 18px/1.4 "Museo Sans", sans-serif;
  color: #03424a;
}

/* line 26, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content p.normal-text {
  font: 14px/1.5 Lato, sans-serif;
  color: #222;
}

/* line 32, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .sign-in-support-title,
.modal .modal-content .help-signing-in-content .sign-in-support-item-label {
  margin: 0;
}

/* line 37, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content p.bigger-text {
  margin-bottom: 20px;
}

/* line 41, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content p.normal-text {
  margin-bottom: 40px;
}

/* line 45, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .find-my-account {
  margin-bottom: 40px;
}

/* line 50, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .sign-in-support-title {
  margin: 8px 0;
  font: 400 1.5rem "Museo Sans", sans-serif;
  line-height: 1.3;
  color: #03424a;
}

/* line 57, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content > .sign-in-support-title {
  margin-top: 30px;
}

/* line 61, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .sign-in-support-item {
  margin-top: 1.5rem;
}

/* line 64, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .sign-in-support-item .sign-in-support-item-label {
  margin: 0 0 8px;
  font: 700 1rem Lato, sans-serif;
  line-height: 1.5;
  color: #03424a;
}

/* line 71, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .sign-in-support-item .sign-in-support-item-text {
  margin: 0;
  font: 400 .875rem Lato, sans-serif;
  line-height: 1.5;
  color: #03424a;
}

/* line 77, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .help-signing-in-content .sign-in-support-item .sign-in-support-item-text .phone-number {
  text-decoration: underline;
}

/* line 86, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .reset-password-instructions-content .modal-title {
  margin: 24px 0;
}

/* line 90, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .reset-password-instructions-content p.normal-text {
  margin-bottom: 24px;
}

/* line 96, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .magic-link-content .modal-title {
  margin-bottom: 4px;
}

/* line 99, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .magic-link-content .submit-button {
  margin: 0;
}

/* line 105, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .magic-link-consume-content .modal-title {
  margin-top: 0;
}

/* line 108, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .magic-link-consume-content .submit-button {
  margin: 0;
}

/* line 114, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .check-email-content .modal-title {
  margin: 0 0 30px;
}

/* line 118, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .check-email-content p.normal-text {
  overflow-wrap: break-word;
}

/* line 122, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .check-email-content p.normal-text:last-of-type {
  margin-bottom: 32px;
}

@media screen and (min-width: 840px) {
  /* line 122, components/identity/app/assets/stylesheets/identity/modal.scss */
  .modal .modal-content .check-email-content p.normal-text:last-of-type {
    margin-bottom: 48px;
  }
}

/* line 130, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .check-email-content .button {
  margin: 0;
}

/* line 136, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .password-content .modal-title {
  margin: 0 0 4px;
}

/* line 140, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .password-content p.normal-text {
  margin-bottom: 36px;
}

/* line 146, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .verified-content p.normal-text {
  overflow-wrap: break-word;
}

/* line 150, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .verified-content p.normal-text:last-of-type {
  margin-bottom: 32px;
}

@media screen and (min-width: 840px) {
  /* line 150, components/identity/app/assets/stylesheets/identity/modal.scss */
  .modal .modal-content .verified-content p.normal-text:last-of-type {
    margin-bottom: 48px;
  }
}

/* line 158, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .verified-content .button {
  margin: 0;
}

/* line 162, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .verified-content .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 32px;
}

/* line 171, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .token-expired-content .modal-title,
.modal .modal-content .token-invalid-content .modal-title {
  margin-top: 0;
}

/* line 174, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .token-expired-content .primary-button,
.modal .modal-content .token-invalid-content .primary-button {
  margin-top: 0;
}

/* line 177, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .token-expired-content p.normal-text,
.modal .modal-content .token-invalid-content p.normal-text {
  margin-bottom: 30px;
}

/* line 180, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-content .token-expired-content .button:last-of-type,
.modal .modal-content .token-invalid-content .button:last-of-type {
  margin-bottom: 0;
}

/* line 186, components/identity/app/assets/stylesheets/identity/modal.scss */
.modal .modal-footer {
  margin-top: 24px;
}

/* line 2, components/identity/app/assets/stylesheets/identity/modal_links.scss */
.modal a {
  font: 500 14px Lato, sans-serif;
  line-height: 1.5;
  color: #03424a;
}

/* line 9, components/identity/app/assets/stylesheets/identity/modal_links.scss */
.modal .back-to-sign-in a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 15, components/identity/app/assets/stylesheets/identity/modal_links.scss */
.modal .back-to-sign-in .link-text {
  font: 400 12px Lato;
  line-height: 150%;
  color: #03424a;
  text-decoration: underline;
}

/* line 22, components/identity/app/assets/stylesheets/identity/modal_links.scss */
.modal .back-to-sign-in .return-back-arrow {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/arrow-back-11ddd75641b4cc095245f44774c24c6bd1a3536b955b4dd5d6a9f67709997251.svg");
  background-size: 17px;
}

/* line 2, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 48px;
  margin-bottom: 16px;
  font: 500 14px Lato, sans-serif;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border-radius: 4px;
}

/* line 17, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button:focus, .modal .button:focus-visible {
  outline: none;
  -webkit-box-shadow: 0 0 0 4px #b8d6fc;
          box-shadow: 0 0 0 4px #b8d6fc;
}

/* line 23, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.default-button {
  color: #03424a;
  border: 1px solid #03424a;
}

/* line 27, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.default-button:hover {
  background-color: #f0f0f0;
}

/* line 31, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.default-button:active {
  background-color: transparent;
}

/* line 36, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.primary-button {
  font-size: 16px;
  color: #fff;
  background-color: #03424a;
  border: 1px solid #03424a;
}

/* line 42, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.primary-button:focus, .modal .button.primary-button:active {
  border-color: #b8d6fc;
  -webkit-box-shadow: 0 0 0 4px #b8d6fc;
          box-shadow: 0 0 0 4px #b8d6fc;
}

/* line 50, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.secondary-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: 700 16px Lato, sans-serif;
  color: #03424a;
  border: 1px solid #ccc;
}

/* line 56, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.secondary-button:hover {
  background-color: #f0f0f0;
}

/* line 60, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.secondary-button:active {
  background-color: transparent;
}

/* line 65, components/identity/app/assets/stylesheets/identity/modal_buttons.scss */
.modal .button.last-button {
  margin-bottom: 0;
}

/* line 1, components/identity/app/assets/stylesheets/identity/forms.scss */
form {
  display: block;
  margin-top: 0;
  unicode-bidi: -webkit-isolate;
  unicode-bidi: -moz-isolate;
  unicode-bidi: isolate;
}

/* line 6, components/identity/app/assets/stylesheets/identity/forms.scss */
form .form-submit-section {
  margin-top: 32px;
}

@media screen and (min-width: 840px) {
  /* line 6, components/identity/app/assets/stylesheets/identity/forms.scss */
  form .form-submit-section {
    margin-top: 48px;
  }
}

/* line 13, components/identity/app/assets/stylesheets/identity/forms.scss */
form .form-submit-section .submit-button {
  font-weight: 700;
}

/* line 18, components/identity/app/assets/stylesheets/identity/forms.scss */
form .dob-form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}

@media screen and (min-width: 840px) {
  /* line 18, components/identity/app/assets/stylesheets/identity/forms.scss */
  form .dob-form-fields {
    margin-bottom: 36px;
  }
}

/* line 27, components/identity/app/assets/stylesheets/identity/forms.scss */
form .dob-form-fields .dob-field {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}

/* line 31, components/identity/app/assets/stylesheets/identity/forms.scss */
form .dob-form-fields .dob-field:last-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

/* line 38, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-submit-section-or-divider {
  margin-bottom: 1rem;
  color: #333;
  text-align: center;
}

/* line 45, components/identity/app/assets/stylesheets/identity/forms.scss */
.login-field-group {
  margin-bottom: 24px;
}

@media screen and (min-width: 840px) {
  /* line 45, components/identity/app/assets/stylesheets/identity/forms.scss */
  .login-field-group {
    margin-bottom: 36px;
  }
}

/* line 52, components/identity/app/assets/stylesheets/identity/forms.scss */
.login-field-group.login-field-group--with-link {
  margin-bottom: 24px;
}

@media screen and (min-width: 840px) {
  /* line 52, components/identity/app/assets/stylesheets/identity/forms.scss */
  .login-field-group.login-field-group--with-link {
    margin-bottom: 24px;
  }
}

/* line 60, components/identity/app/assets/stylesheets/identity/forms.scss */
.login-field-group .form-group {
  margin-bottom: 0;
}

/* line 64, components/identity/app/assets/stylesheets/identity/forms.scss */
.login-field-group .form-group-subtext {
  margin: 8px 0 0;
}

/* line 69, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group {
  margin-bottom: 24px;
  overflow-wrap: break-word;
}

@media screen and (min-width: 840px) {
  /* line 69, components/identity/app/assets/stylesheets/identity/forms.scss */
  .form-group {
    margin-bottom: 36px;
  }
}

/* line 77, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .password-field-hint-text {
  display: block;
  margin-top: 8px;
  font: 400 14px Lato, sans-serif;
  line-height: 1.5;
  color: #666;
}

/* line 85, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-text {
  display: block;
  margin-bottom: 12px;
}

/* line 90, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .password-field-wrapper,
.form-group .email-field-wrapper {
  font-size: 0;
}

/* line 96, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group.password abbr {
  display: none;
}

/* line 101, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-group-subtext {
  margin: 8px 0 0;
}

/* line 105, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-control-label {
  display: block;
  margin: 0 0 12px;
  font: 700 16px Lato, sans-serif;
  line-height: 150%;
  color: #222;
}

/* line 113, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 100%;
  height: 40px;
  padding: 16px 12px;
  font: 400 16px Lato, sans-serif;
  line-height: 1.5;
  color: #222;
  border: 1px solid #999;
  border-radius: 4px;
  outline: none;
}

/* line 126, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-control.password {
  display: inline-block;
  width: calc(100% - 48px);
}

/* line 131, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-control.is-invalid {
  background-image: none;
  border: 2px solid #bc074c !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

/* line 138, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-password-toggle {
  display: inline-block;
  width: 48px;
  height: 40px;
  font-size: 0;
  vertical-align: top;
  cursor: pointer;
  background: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/login-hide-password-e02f1169e1d01b7aaa9f4f452c389256144aa37b5a877ca9d89569c1ff4a2cc4.svg") center/24px no-repeat;
}

/* line 147, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .form-password-toggle.show {
  background-image: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/login-show-password-a5d4c483aeff3b8e2132a41eb88b653b0726e72008ef98102d18da8bd873e3ed.svg");
}

/* line 152, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .invalid-feedback {
  position: relative;
  display: block;
  padding-top: 8px;
  font: 400 .875rem Lato, sans-serif;
  line-height: 1.5;
  color: #bc074c;
}

/* line 160, components/identity/app/assets/stylesheets/identity/forms.scss */
.form-group .invalid-feedback::before {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  color: #bc074c;
  text-align: center;
  content: "\0021";
  border: 1px solid #bc074c;
  border-radius: 12px;
}

/* line 2, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-page a {
  font: 400 14px Lato, sans-serif;
  line-height: 150%;
  color: #7be0c2;
}

/* line 10, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-password-step .modal {
  margin-bottom: 32px;
}

@media screen and (min-width: 840px) {
  /* line 10, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-password-step .modal {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 840px) {
  /* line 22, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-email-step .main-container {
    width: 760px;
  }
  /* line 25, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-email-step .main-container .modal {
    width: 370px;
    margin-bottom: 36px;
  }
  /* line 29, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-email-step .main-container .modal .modal-content {
    padding: 24px 16px;
  }
  /* line 35, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-email-step .email-step-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}

/* line 44, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin-bottom: 32px;
  font-family: Lato;
  color: #222;
}

@media screen and (min-width: 840px) {
  /* line 44, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-info {
    margin-bottom: 72px;
    gap: 20px;
  }
}

/* line 56, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* line 61, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info img {
  width: 57px;
}

@media screen and (min-width: 840px) {
  /* line 61, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-info img {
    width: 80px;
  }
}

/* line 70, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info p {
  margin-bottom: 4px;
  font-size: 12px;
}

/* line 75, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info .info-tab {
  max-width: 270px;
  padding: 16px;
  background-color: #7be0c2;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px 0 #0000000a, 0 2px 2px 0 #0000000a, 0 0 1px 0 #00000014;
          box-shadow: 0 1px 2px 0 #0000000a, 0 2px 2px 0 #0000000a, 0 0 1px 0 #00000014;
}

@media screen and (min-width: 840px) {
  /* line 75, components/identity/app/assets/stylesheets/identity/registration.scss */
  .registration-info .info-tab {
    padding: 20px;
  }
}

/* line 86, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info .info-tab ul {
  padding: 0;
  margin: 0;
}

/* line 91, components/identity/app/assets/stylesheets/identity/registration.scss */
.registration-info .info-tab li {
  padding-left: 19px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  list-style: none;
  background: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/icon-black-tick-0a44b032e9f182194800cba8193d83981adef314aaf42fc9477159c1d078dc58.svg") no-repeat;
}

/* line 103, components/identity/app/assets/stylesheets/identity/registration.scss */
.new_registration_form abbr {
  display: none;
}

/* line 108, components/identity/app/assets/stylesheets/identity/registration.scss */
.sign-up-google {
  width: 100%;
}

/* line 111, components/identity/app/assets/stylesheets/identity/registration.scss */
.sign-up-google svg,
.sign-up-google img {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: .5rem;
}

/* line 120, components/identity/app/assets/stylesheets/identity/registration.scss */
.footer {
  padding-top: 36px;
  padding-bottom: 20px;
}

@media screen and (min-width: 840px) {
  /* line 120, components/identity/app/assets/stylesheets/identity/registration.scss */
  .footer {
    padding-top: 108px;
  }
}

/* line 128, components/identity/app/assets/stylesheets/identity/registration.scss */
.footer .disclaimer-section {
  font-size: 12px;
  color: #fff;
}

/* line 132, components/identity/app/assets/stylesheets/identity/registration.scss */
.footer .disclaimer-section a {
  font-size: 12px;
}

/* line 2, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.sign-in-page .disclaimer-section {
  margin-top: 24px;
}

/* line 6, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.sign-in-page .trustpilot-widget {
  margin-top: 40px;
}

/* line 11, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.sign-in-methods-buttons {
  display: block;
  width: 100%;
  margin-top: 1rem;
}

/* line 16, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.sign-in-methods-buttons svg,
.sign-in-methods-buttons img {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: .5rem;
}

/* line 26, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-title h3,
.choose-account-page-title .header-title {
  color: #7be0c2;
}

/* line 31, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper {
  padding: 40px 48px 48px;
  margin-bottom: 250px;
  background-color: #f5f7fb;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* line 38, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-form {
  overflow-wrap: break-word;
}

/* line 41, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-form:not(:last-child) {
  margin-bottom: 1.25rem;
}

/* line 45, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-form .choose-account-form-button {
  width: 100%;
  padding: 0;
  text-align: left;
  background: none;
  border: none;
}

/* line 52, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-form .choose-account-form-button:hover {
  background-color: #f5f7fb;
}

/* line 58, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-block {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.25rem;
  word-break: break-word;
  overflow-wrap: break-word;
  cursor: pointer;
  background-color: #fff;
  border: 0 solid #e2e8f0;
  border-radius: .375rem;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* line 70, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-block:hover {
  background-color: #f8f8f8;
}

/* line 75, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-icon {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: .75rem;
  background: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/icons-workplace-4cea4a21438757770b176271eac5f5db04f2693469de21c156eccd3a7bb35a02.svg") no-repeat 0 center;
}

/* line 84, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* line 87, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-content .choose-account-title h2.choose-account-title {
  margin: 0;
  font: 400 1.25rem museo-sans, sans-serif;
  line-height: 1.3;
  color: #103354;
}

/* line 94, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.choose-account-page-wrapper .choose-account-content .choose-account-details {
  margin: 0;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #707070;
}

/* line 104, components/identity/app/assets/stylesheets/identity/sign_in.scss */
.employer-signin-link {
  display: block;
  margin-bottom: 12px;
}

/* line 1, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check {
  display: none;
  margin-top: 20px;
  margin-bottom: 36px;
}

/* line 6, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check.active {
  display: block;
}

/* line 10, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .password-requirement-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  margin: 0;
  gap: 5px;
}

/* line 16, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .password-requirement-box .text-check {
  line-height: 24px;
}

/* line 21, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check #password-strength-very-weak {
  display: inline;
}

/* line 25, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .password-strength-text {
  display: none;
}

/* line 29, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-bar {
  width: 100%;
  height: 10px;
  margin: 20px 0;
  background-color: #e6e6e6;
  border-radius: 35px;
}

/* line 37, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-bar #power-point {
  height: 100%;
  border-radius: 35px;
  -webkit-transition: width .5s, background-color .5s;
  transition: width .5s, background-color .5s;
}

/* line 43, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .icon-standard, #password-strength-check .icon-red-x, #password-strength-check .icon-green-check {
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
}

/* line 50, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .icon-green-check {
  background: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/icon-tick-9c55a6cb19ea9d70a470c3b463152f69cad696a0ab9a7cb2cb38535283a80155.svg");
}

/* line 55, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .icon-red-x {
  background: url("https://smartpension-media-files.s3.eu-west-2.amazonaws.com/main/004293d42e38c03e716375853b5c4905cfa13acb/assets/identity/icon-cross-196caee5b8b7564ac5394e1b5441b973ff1f92adf47aa7eaa65afc3e82e20888.svg");
}

/* line 60, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-point-very-weak {
  background-color: #d73f40;
}

/* line 64, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-point-weak {
  background-color: #dc6551;
}

/* line 68, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-point-average {
  background-color: #f2b84f;
}

/* line 72, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-point-strong {
  background-color: #bde952;
}

/* line 76, components/identity/app/assets/stylesheets/identity/password-validation.scss */
#password-strength-check .power-point-very-strong {
  background-color: #009973;
}

/* line 1, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert {
  position: relative;
  padding: 16px;
  padding-left: 52px;
  margin-bottom: 24px;
  font: 18px/1.4 "Museo Sans", sans-serif;
  border: 2px solid;
  border-left-width: 8px;
  border-radius: 6px;
}

/* line 11, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert::before {
  position: absolute;
  top: 18px;
  left: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #fff;
  border-radius: 10px;
}

/* line 25, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert.danger {
  border-color: #bc074c;
}

/* line 28, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert.danger::before {
  content: "\0021";
  background-color: #bc074c;
}

/* line 34, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert.success {
  border-color: #3e8029;
}

/* line 37, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert.success::before {
  content: "\2713";
  background-color: #3e8029;
}

/* line 43, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert .message {
  margin: 0 0 8px;
  font-family: "Museo Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  line-height: 130%;
  color: #222;
  letter-spacing: 0%;
}

/* line 55, components/identity/app/assets/stylesheets/identity/alerts.scss */
.alert .message_details {
  font-family: "Museo Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  color: #222;
  letter-spacing: 0%;
}

/* line 66, components/identity/app/assets/stylesheets/identity/alerts.scss */
.passwords_alert .message_details {
  padding: 0;
  margin: 0;
  line-height: 24px;
  color: #bc074c;
  text-decoration: underline;
}

/* line 2, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin: 30px 0;
}

/* line 7, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-input-group input.otp-digit-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 0;
  margin: 0;
  font: 600 20px Lato, sans-serif;
  color: #222;
  text-align: center;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  outline: none;
}

/* line 22, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-input-group input.otp-digit-box:focus {
  border-color: #b8d6fc;
  -webkit-box-shadow: 0 0 0 4px #b8d6fc;
          box-shadow: 0 0 0 4px #b8d6fc;
}

/* line 28, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-input-group.has-error input.otp-digit-box {
  border-color: #bc074c;
}

/* line 33, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-trust-device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 24px;
}

/* line 39, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-trust-device label {
  font: 400 14px Lato, sans-serif;
  color: #222;
}

/* line 45, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-buttons-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

/* line 51, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-buttons-column .otp-try-different-email {
  margin: 0;
  text-align: center;
}

/* line 57, components/identity/app/assets/stylesheets/identity/otp.scss */
.otp-verification-content .otp-resend-error {
  color: #bc074c;
}

/* line 1, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-title {
  font-family: "DM Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}

/* line 9, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}

/* line 15, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-container .hint-text {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #707070;
}

/* line 24, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-container .modal .button.primary-button.continue {
  background-color: #031417;
}

/* line 28, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-container .modal .button.no-border-button {
  font-family: Lato, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  color: #031417;
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

/* line 44, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-container .otp-verification-content .modal-title {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0;
  margin-top: 0;
}

/* line 52, components/identity/app/assets/stylesheets/identity/profile_enforcement.scss */
.profile-enforcement-container .otp-verification-content .otp-buttons-column {
  gap: 0;
}