.account-details {
  margin: 8px 8px 32px;
  padding: 24px; }
  .account-details .components-h3 {
    padding: 0 0 24px;
    margin-bottom: 0; }
  .account-details .summary-fields {
    flex-wrap: wrap; }
    .account-details .summary-fields div[class^='summary-field-container-']:last-of-type {
      margin-bottom: 0; }
  @media screen and (min-width: 720px) {
    .account-details {
      margin-bottom: 40px;
      padding-bottom: 0; }
      .account-details .summary-children .details-wrapper .summary-fields {
        margin-bottom: 0; }
      .account-details div[class^='summary-field-container-'] {
        padding-bottom: 24px; } }

.account-details-body-copy {
  padding: 40px 0 0;
  background-color: #ffffff; }
  @media screen and (min-width: 720px) {
    .account-details-body-copy {
      padding: 16px 0 24px; } }

.address-details {
  margin-bottom: 24px; }
  .address-details .address-check-label {
    margin: 16px 0 8px; }
  .address-details.verify-address {
    margin-bottom: 32px; }
    @media screen and (min-width: 720px) {
      .address-details.verify-address {
        margin-bottom: 40px; } }

.bank-account-summary {
  margin-bottom: 24px;
  padding: 16px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px #ffffff;
  border-radius: 8px; }
  @media screen and (min-width: 720px) {
    .bank-account-summary {
      padding: 24px 32px; } }
  .bank-account-summary .account-heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 24px; }
  .bank-account-summary > .row {
    flex-direction: column; }
    @media screen and (min-width: 720px) {
      .bank-account-summary > .row {
        flex-direction: row; } }
    .bank-account-summary > .row > div {
      flex: auto; }
  .bank-account-summary .row {
    display: flex; }
    .bank-account-summary .row .sort-code-wrapper {
      padding-bottom: 0; }
      .bank-account-summary .row .sort-code-wrapper .sort-code {
        width: 56px;
        margin-right: 0; }
        .bank-account-summary .row .sort-code-wrapper .sort-code input {
          padding-right: 0; }
    .bank-account-summary .row .account-number {
      width: auto; }
    .bank-account-summary .row span {
      margin-right: 5px;
      line-height: 16px;
      font-size: 14px; }
    .bank-account-summary .row .sao-field.read-only .components-input {
      background-color: #ffffff;
      height: 16px;
      font-size: 12px;
      line-height: 16px;
      min-width: auto; }
  .bank-account-summary .bank-account-information .accounts-balance {
    margin-top: 2px; }
    .bank-account-summary .bank-account-information .accounts-balance .sao-field.read-only {
      justify-content: flex-end; }
      .bank-account-summary .bank-account-information .accounts-balance .sao-field.read-only .components-input {
        background-color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        line-height: 24px;
        text-align: right;
        padding-right: 0;
        margin-right: 0;
        height: 24px;
        width: auto; }
  .bank-account-summary .bank-account-information .overdraft-data {
    padding-top: 4px; }
    .bank-account-summary .bank-account-information .overdraft-data .row {
      display: flex;
      justify-content: flex-end; }
      .bank-account-summary .bank-account-information .overdraft-data .row .sao-field.read-only label {
        color: #646068;
        line-height: 16px;
        font-size: 12px;
        margin-bottom: 0; }
      .bank-account-summary .bank-account-information .overdraft-data .row .sao-field.read-only div.components-input {
        width: 64px;
        margin-right: 0; }
        .bank-account-summary .bank-account-information .overdraft-data .row .sao-field.read-only div.components-input input {
          padding-right: 0;
          text-align: right; }
      .bank-account-summary .bank-account-information .overdraft-data .row:not(:last-child) {
        margin-bottom: 4px; }
  .bank-account-summary .components-button-wrapper .components-button.primary {
    margin: 32px 0 16px; }
    @media screen and (min-width: 720px) {
      .bank-account-summary .components-button-wrapper .components-button.primary {
        margin-bottom: 8px; } }

.checkbox-confirmation .sao-field {
  padding-top: 10px; }

.checkbox-confirmation .checkbox-pdf-list {
  display: flex;
  flex-direction: column; }
  .checkbox-confirmation .checkbox-pdf-list > * {
    margin-top: 8px; }

.checkbox-confirmation p:last-of-type {
  font-weight: bold; }

.check-details {
  padding: 16px;
  margin-bottom: 8px; }
  .check-details:last-of-type {
    margin-bottom: 0; }
  .check-details .sao-field label {
    color: #646068;
    font-size: 16px; }
  .check-details .sao-field .date-input-container span {
    padding-right: 0; }
  .check-details .sao-field .components-input {
    font-size: 20px;
    min-width: 0;
    height: 28px; }
    .check-details .sao-field .components-input input:read-only {
      color: #646068; }
    .check-details .sao-field .components-input.date-input input {
      text-align: left; }
    .check-details .sao-field .components-input.date-input.day, .check-details .sao-field .components-input.date-input.month, .check-details .sao-field .components-input.date-input.year_short {
      max-width: 64px; }
    .check-details .sao-field .components-input.date-input.year_long {
      max-width: 78px; }
  .check-details .components-button-wrapper {
    display: flex;
    justify-content: flex-end; }
  .check-details .components-button.action {
    font-size: 18px;
    padding: 8px 16px 0 16px; }
  @media screen and (min-width: 720px) {
    .check-details {
      padding: 24px 0px 24px 24px;
      margin-bottom: 16px; }
      .check-details h3 {
        margin-bottom: 24px; }
      .check-details .sao-field {
        padding-bottom: 32px; }
        .check-details .sao-field:last-child {
          padding-bottom: 0; } }

.sao-field .read-only {
  flex-direction: column; }

.income-card .components-radio-group-label {
  margin-bottom: 8px; }

.income-card [class*='input-wrapper'] {
  display: flex;
  align-items: center; }
  .income-card [class*='input-wrapper'] .per-month-copy {
    margin-left: 16px; }

.income-card .radio-button-field .components-smallprint p {
  font-weight: bold;
  color: #333333; }

.legal-card {
  color: #333333; }
  @media screen and (min-width: 720px) {
    .legal-card {
      width: 688px; } }
  @media screen and (min-width: 960px) {
    .legal-card {
      width: auto; } }
  .legal-card .legal-card-row {
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 720px) {
      .legal-card .legal-card-row {
        flex-direction: row;
        padding: 0 32px 0 0;
        justify-content: space-between;
        align-items: center; } }
    .legal-card .legal-card-row .completed {
      align-items: flex-start; }
  .legal-card.completed {
    border-left: 7px solid #429448; }
    .legal-card.completed .legal-card-row {
      flex-direction: row;
      justify-content: space-between;
      padding-right: 0; }
      @media screen and (min-width: 720px) {
        .legal-card.completed .legal-card-row {
          align-items: center; } }
  .legal-card .wrapper {
    display: flex;
    padding: 16px; }
    @media screen and (min-width: 720px) {
      .legal-card .wrapper {
        align-items: center;
        margin: 16px 0;
        height: 44px; } }
    .legal-card .wrapper .read-again button {
      margin-top: 8px; }
    .legal-card .wrapper .number {
      font-size: 20px;
      margin-right: 16px; }
      @media screen and (min-width: 720px) {
        .legal-card .wrapper .number {
          margin-right: 24px; } }
    .legal-card .wrapper .heading {
      color: #5a287d;
      font-size: 20px; }
    @media screen and (min-width: 720px) {
      .legal-card .wrapper.active {
        margin: 0; } }
  .legal-card .cta {
    width: 100%; }
    @media screen and (min-width: 720px) {
      .legal-card .cta {
        width: auto; } }
    .legal-card .cta .components-button-wrapper .components-button {
      margin-top: 0;
      margin-bottom: 16px; }
      @media screen and (min-width: 720px) {
        .legal-card .cta .components-button-wrapper .components-button {
          margin-top: 32px;
          margin-bottom: 32px; } }
  .legal-card .tick {
    padding: 16px 16px 16px 24px; }
    @media screen and (min-width: 720px) {
      .legal-card .tick {
        height: 108px;
        width: 160px;
        min-width: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 0 24px;
        padding: 0; } }
    .legal-card .tick svg {
      width: 32px;
      height: 32px; }
      @media screen and (min-width: 720px) {
        .legal-card .tick svg {
          width: 56px;
          height: 56px; } }

.marketing-preferences.mist-card {
  background-color: #dbedfa; }

@media screen and (min-width: 720px) {
  .marketing-preferences label {
    font-size: 18px; } }

.marketing-preferences .preference {
  display: flex;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 8px 16px;
  margin-bottom: 8px;
  box-sizing: border-box; }
  @media screen and (min-width: 720px) {
    .marketing-preferences .preference {
      max-width: 416px; } }
  @media screen and (min-width: 960px) {
    .marketing-preferences .preference {
      max-width: 576px; } }
  .marketing-preferences .preference .icon {
    flex: 0 0 auto;
    margin-right: 10px; }
    @media screen and (min-width: 720px) {
      .marketing-preferences .preference .icon {
        padding-top: 8px; } }
  .marketing-preferences .preference .input-field-container {
    flex: 1 1 auto; }
    .marketing-preferences .preference .input-field-container.sao-field {
      padding-bottom: 0; }
      @media screen and (min-width: 720px) {
        .marketing-preferences .preference .input-field-container.sao-field {
          padding-top: 8px; } }
    .marketing-preferences .preference .input-field-container .input-wrapper {
      width: 100%; }
      .marketing-preferences .preference .input-field-container .input-wrapper .input-wrapper-children {
        width: 100%; }
        .marketing-preferences .preference .input-field-container .input-wrapper .input-wrapper-children .components-input {
          max-width: 100%;
          min-width: 100%;
          width: 100%; }
        .marketing-preferences .preference .input-field-container .input-wrapper .input-wrapper-children input {
          background-color: #ffffff; }
      .marketing-preferences .preference .input-field-container .input-wrapper .components-input, .marketing-preferences .preference .input-field-container .input-wrapper .input-length {
        font-size: 12px; }
        @media screen and (min-width: 720px) {
          .marketing-preferences .preference .input-field-container .input-wrapper .components-input, .marketing-preferences .preference .input-field-container .input-wrapper .input-length {
            font-size: 16px; } }
  .marketing-preferences .preference .radio-field-container {
    flex: 0 0 auto; }
    .marketing-preferences .preference .radio-field-container .components-radio-option-wrapper {
      flex-direction: column-reverse; }
      .marketing-preferences .preference .radio-field-container .components-radio-option-wrapper .components-radioIcon-container {
        margin-left: 5px; }
  .marketing-preferences .preference label {
    color: #333333; }

.marketing-preferences .components-validation {
  margin: 8px 0; }
  .marketing-preferences .components-validation .components-infobox-content {
    font-size: 14px; }
  @media screen and (min-width: 720px) {
    .marketing-preferences .components-validation {
      margin: 16px 0; }
      .marketing-preferences .components-validation .components-infobox-content {
        font-size: 16px; } }

.nationality-container .read-only .components-button {
  margin-top: 8px;
  font-size: 16px; }

.nationality-container .read-only label {
  color: #646068; }

.outgoings-card .components-radio-group-label {
  margin-bottom: 8px; }

.outgoings-card [class*='input-wrapper'] {
  display: flex;
  align-items: center; }
  .outgoings-card [class*='input-wrapper'] .per-month-copy {
    margin-left: 16px; }

.content-card .secondary-component {
  padding-top: 8px; }
  @media screen and (min-width: 720px) {
    .content-card .secondary-component {
      padding-top: 24px; } }

.notification-card {
  margin-bottom: 16px; }
  @media screen and (min-width: 720px) {
    .notification-card.warning {
      margin-top: 8px; } }

.subtitles-body-copy {
  margin: 24px 8px 16px;
  color: #646068; }
  @media screen and (min-width: 720px) {
    .subtitles-body-copy {
      margin: 48px 0 24px 16px; } }

.select-add .sao-field:last-child {
  padding-bottom: 24px; }

.slider-input {
  padding-top: 0;
  padding-bottom: 0; }
  .slider-input .sao-field {
    padding-bottom: 0; }
  .slider-input .slider-input-infobox {
    margin-top: 10px; }
  .slider-input .slider-wrapper {
    display: flex;
    margin-top: 37px;
    margin-bottom: 40px; }
    .slider-input .slider-wrapper button.svg-button {
      width: 24px;
      height: 24px; }
  .slider-input.no-left-padding {
    padding-left: 0; }

.summary-container {
  background-color: #f2f2f8;
  border: 1px #f2f2f8;
  color: #333333;
  border-radius: 8px;
  max-width: 960px; }
  .summary-container.summary-light {
    background-color: #ffffff;
    border: 1px #ffffff;
    margin: 0;
    padding: 24px; }
    .summary-container.summary-light h3 {
      padding: 0; }
    .summary-container.summary-light .summary-children {
      margin: 0; }
    @media screen and (min-width: 720px) {
      .summary-container.summary-light {
        margin: 0 16px; } }
    .summary-container.summary-light.info-container {
      margin-bottom: 16px;
      padding: 24px; }
      .summary-container.summary-light.info-container h3 {
        padding: 0; }
      .summary-container.summary-light.info-container .summary-children {
        margin: 0; }
      .summary-container.summary-light.info-container .summary-fields [class^='summary-field-text-'] {
        font-weight: normal; }
  .summary-container.compare .summary-fields-wrapper {
    display: flex; }
    .summary-container.compare .summary-fields-wrapper .summary-fields-container [class^="summary-field-container-"] {
      flex: 1; }
    .summary-container.compare .summary-fields-wrapper .summary-fields-container:first-child [class^="summary-field-container-"] {
      margin: 0 8px 0 16px; }
      @media screen and (min-width: 720px) {
        .summary-container.compare .summary-fields-wrapper .summary-fields-container:first-child [class^="summary-field-container-"] {
          margin: 0 16px 0 0; } }
    .summary-container.compare .summary-fields-wrapper .summary-fields-container:last-child [class^="summary-field-container-"] {
      margin: 0 16px 0 8px; }
      @media screen and (min-width: 720px) {
        .summary-container.compare .summary-fields-wrapper .summary-fields-container:last-child [class^="summary-field-container-"] {
          margin: 0 0 0 16px; } }
  .summary-container.set-up-direct-debit .summary-text {
    margin-left: 16px;
    margin-right: 16px; }
    @media screen and (min-width: 720px) {
      .summary-container.set-up-direct-debit .summary-text {
        margin-left: 0;
        margin-right: 0; } }
  .summary-container.timeline {
    margin-top: 16px; }
  .summary-container.pre-contract-information .summary-hint {
    margin: 0; }
  .summary-container.your-account {
    margin: 0; }
    .summary-container.your-account .summary-fields-container {
      display: flex;
      flex-direction: row; }
      .summary-container.your-account .summary-fields-container .summary-fields [class^='summary-field-text-'] {
        color: #646068;
        font-weight: normal; }
      @media screen and (min-width: 720px) {
        .summary-container.your-account .summary-fields-container .summary-fields [class^='summary-field-container'] {
          flex: 1; } }
  .summary-container h3 {
    margin-bottom: 24px;
    padding: 16px; }
  .summary-container.right-image-container .summary-title-container {
    justify-content: space-between;
    flex-direction: row-reverse;
    display: flex; }
    .summary-container.right-image-container .summary-title-container img {
      height: 118px;
      width: 74px; }
  .summary-container.summary-container-with-image {
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px; }
    .summary-container.summary-container-with-image h3 {
      font-size: 16px;
      line-height: 24px;
      margin: 0;
      padding: 14px 32px; }
    .summary-container.summary-container-with-image .summary-title-container {
      display: flex;
      padding: 12px; }
      .summary-container.summary-container-with-image .summary-title-container h3 {
        padding: 0 16px;
        background: none; }
    .summary-container.summary-container-with-image .summary-children {
      margin: 24px 14px 0; }
    .summary-container.summary-container-with-image .summary-fields [class^='summary-field-container-'] {
      display: flex;
      margin: 16px 0; }
    .summary-container.summary-container-with-image .summary-fields [class^='summary-field-text-'] {
      margin: auto 0;
      font-size: 14px;
      font-weight: normal; }
    .summary-container.summary-container-with-image .summary-image-container {
      min-width: 144px;
      display: flex; }
      .summary-container.summary-container-with-image .summary-image-container svg {
        width: 24px;
        height: 24px;
        margin: auto; }
  .summary-container.active-summary .summary-children {
    margin: 0 16px; }
    @media screen and (min-width: 720px) {
      .summary-container.active-summary .summary-children {
        margin: 0 32px; } }
  .summary-container .summary-children {
    margin-top: 24px; }
  .summary-container .summary-text {
    margin-bottom: 16px; }
    .summary-container .summary-text span::after {
      content: ' '; }
  .summary-container ul {
    margin-left: 0; }
  .summary-container .summary-fields {
    margin-bottom: 16px; }
    .summary-container .summary-fields [class^='summary-field-container-'] {
      flex: 1;
      margin-bottom: 16px; }
      .summary-container .summary-fields [class^='summary-field-container-'] div {
        margin: 0 16px; }
    .summary-container .summary-fields [class^='summary-field-bar-'] {
      height: 8px; }
    .summary-container .summary-fields [class^='summary-field-text-'] {
      font-weight: bold;
      font-size: 16px;
      line-height: 24px; }
    .summary-container .summary-fields [class^='summary-field-value-'] {
      font-weight: normal;
      font-size: 24px;
      line-height: 24px; }
  .summary-container .summary-hint {
    font-size: 14px;
    margin: 0 16px 24px; }
  .summary-container .button-wrapper {
    display: flex; }
    .summary-container .button-wrapper .components-button.secondary {
      margin: 24px 16px 16px; }
      .summary-container .button-wrapper .components-button.secondary:hover {
        margin: 24px 20px 16px; }
      @media screen and (min-width: 720px) {
        .summary-container .button-wrapper .components-button.secondary {
          margin: 24px 0 32px; }
          .summary-container .button-wrapper .components-button.secondary:hover {
            margin: 24px 4px 32px; } }
  .summary-container.account-details {
    background-color: #ffffff;
    border: 1px #ffffff; }
    @media screen and (min-width: 720px) {
      .summary-container.account-details {
        margin-left: 16px;
        margin-right: 16px; } }
    .summary-container.account-details p {
      color: #646068;
      margin-top: 0; }
    .summary-container.account-details .summary-children {
      margin: 0; }
    .summary-container.account-details .summary-fields {
      margin: 0px; }
      .summary-container.account-details .summary-fields [class^='summary-field-container-'] {
        flex: 0 0 25%; }
        .summary-container.account-details .summary-fields [class^='summary-field-container-'] div {
          margin: 0; }
      .summary-container.account-details .summary-fields [class^='summary-field-text-'] {
        font-weight: normal;
        color: #646068; }
      .summary-container.account-details .summary-fields [class^='summary-field-value-'] {
        font-size: 20px;
        line-height: 28px; }
    @media screen and (min-width: 720px) {
      .summary-container.account-details .summary-fields-wrapper {
        align-items: start; }
        .summary-container.account-details .summary-fields-wrapper .summary-icon {
          flex: 0; }
          .summary-container.account-details .summary-fields-wrapper .summary-icon img {
            margin-top: 0;
            margin-right: 48px; }
        .summary-container.account-details .summary-fields-wrapper .summary-fields:first-of-type [class^='summary-field-container-']:first-of-type {
          flex: 0 0 66.66%; }
        .summary-container.account-details .summary-fields-wrapper .summary-fields:first-of-type [class^='summary-field-container-']:nth-of-type(2) {
          flex: 0 0 33.33%; }
        .summary-container.account-details .summary-fields-wrapper .summary-fields:nth-of-type(2) [class^='summary-field-container-'] {
          flex: 0 0 33.33%; } }
  .summary-container.account-details-extended {
    margin: 0;
    padding: 24px; }
    @media screen and (min-width: 720px) {
      .summary-container.account-details-extended {
        margin: 8px 16px 24px 16px; } }
    .summary-container.account-details-extended .summary-fields {
      margin-bottom: 24px; }
      .summary-container.account-details-extended .summary-fields [class^='summary-field-container-'] {
        padding-bottom: 0;
        flex: 0 0 33.33%; }
      .summary-container.account-details-extended .summary-fields [class^='summary-field-value-'] {
        font-size: 24px; }
    @media screen and (min-width: 720px) {
      .summary-container.account-details-extended .summary-row .summary-fields-wrapper .summary-fields-container .summary-fields [class^='summary-field-container-'] {
        flex: 0 0 25%;
        margin-right: 24px; }
      .summary-container.account-details-extended .summary-row .summary-fields-wrapper .summary-fields-container .summary-fields [class^='summary-field-container-']:last-of-type {
        flex: 0 0 25%;
        margin-right: 0; } }
  .summary-container.account-summary {
    margin-bottom: 16px; }
    .summary-container.account-summary .summary-fields:last-child {
      margin-bottom: 0; }
    .summary-container.account-summary .summary-children {
      margin-top: 0;
      padding-bottom: 16px; }
    .summary-container.account-summary .summary-text {
      margin: 0 16px 32px; }
      .summary-container.account-summary .summary-text h3 {
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 0; }
      .summary-container.account-summary .summary-text .components-input {
        background-color: #ffffff; }
      .summary-container.account-summary .summary-text .row {
        display: flex;
        justify-content: space-between; }
        .summary-container.account-summary .summary-text .row .account-details-wrapper {
          display: flex;
          padding-bottom: 0; }
          .summary-container.account-summary .summary-text .row .account-details-wrapper .sort-code {
            width: 56px;
            margin-right: 0; }
            .summary-container.account-summary .summary-text .row .account-details-wrapper .sort-code input {
              padding-right: 0; }
        .summary-container.account-summary .summary-text .row .account-number {
          width: 56px; }
        .summary-container.account-summary .summary-text .row span {
          margin-right: 5px;
          line-height: 16px;
          font-size: 14px; }
        .summary-container.account-summary .summary-text .row .sao-field.read-only {
          padding-bottom: 0; }
          .summary-container.account-summary .summary-text .row .sao-field.read-only .components-input {
            height: 16px;
            font-size: 12px;
            line-height: 16px;
            min-width: auto; }
        .summary-container.account-summary .summary-text .row .account-balance .balance-input {
          width: 96px; }
        .summary-container.account-summary .summary-text .row .account-balance .sao-field.read-only .components-input {
          font-size: 20px;
          height: 22px;
          padding-right: 0;
          text-align: right; }
    .summary-container.account-summary-variant .summary-fields [class^='summary-field-bar-'] {
      border-top-color: #fef8e5; }
    @media screen and (min-width: 720px) {
      .summary-container.account-summary .summary-text {
        margin: 0 0 32px; }
      .summary-container.account-summary .summary-fields {
        display: flex; }
        .summary-container.account-summary .summary-fields.account-limit [class^='summary-field-container'] {
          flex: 0 0 100%; }
          .summary-container.account-summary .summary-fields.account-limit [class^='summary-field-container'] [class^='summary-field-bar-'] {
            margin: 0; }
        .summary-container.account-summary .summary-fields [class^='summary-field-container'] {
          flex: 0 0 50%; }
          .summary-container.account-summary .summary-fields [class^='summary-field-container'] [class^='summary-field-bar-'] {
            margin: 0 24px 0 0; }
          .summary-container.account-summary .summary-fields [class^='summary-field-container']:last-child [class^='summary-field-bar-'] {
            margin: 0; } }
  .summary-container.address {
    padding: 0 8px 24px; }
    .summary-container.address .summary-children {
      margin: 24px 16px; }
    @media screen and (min-width: 720px) {
      .summary-container.address {
        padding: 0 16px 24px; }
        .summary-container.address .summary-children {
          margin: 24px 32px; } }
  @media screen and (min-width: 720px) {
    .summary-container.alternate .summary-fields [class^='summary-field-value-'] {
      font-weight: normal;
      font-size: 24px;
      line-height: 32px; } }
  .summary-container.alternate-single {
    color: #646068; }
    .summary-container.alternate-single p {
      margin: 0 16px 16px; }
      .summary-container.alternate-single p:last-of-type {
        font-size: 12px; }
      .summary-container.alternate-single p:first-of-type {
        font-size: 14px; }
    .summary-container.alternate-single ul {
      margin: 0 0 24px 24px; }
    .summary-container.alternate-single .summary-icon {
      height: 0; }
    .summary-container.alternate-single .summary-fields {
      margin: 0; }
      .summary-container.alternate-single .summary-fields [class^='summary-field-container-'] {
        margin: 0; }
      .summary-container.alternate-single .summary-fields [class^='summary-field-value-'] {
        font-size: 14px;
        font-weight: bold; }
    @media screen and (min-width: 720px) {
      .summary-container.alternate-single .summary-fields-wrapper {
        align-items: start; }
        .summary-container.alternate-single .summary-fields-wrapper .summary-icon {
          flex: 0; }
          .summary-container.alternate-single .summary-fields-wrapper .summary-icon img {
            margin: 0 32px 0 0; }
          .summary-container.alternate-single .summary-fields-wrapper .summary-icon.no-margin img {
            margin: 0; }
        .summary-container.alternate-single .summary-fields-wrapper .summary-fields [class^='summary-field-container-'] {
          flex: 1; }
          .summary-container.alternate-single .summary-fields-wrapper .summary-fields [class^='summary-field-container-'] div {
            margin: 0; }
        .summary-container.alternate-single .summary-fields-wrapper [class^='summary-field-value-'] {
          font-size: 20px; }
      .summary-container.alternate-single p {
        margin: 0 0 24px; }
        .summary-container.alternate-single p:last-of-type {
          font-size: 14px; }
        .summary-container.alternate-single p:first-of-type {
          margin-bottom: 16px;
          font-size: 16px; } }
  .summary-container.check-details {
    padding: 0 0 24px 0;
    margin-bottom: 8px; }
    .summary-container.check-details .summary-children {
      margin: 16px 0 0; }
    .summary-container.check-details .summary-fields {
      margin: 0; }
      .summary-container.check-details .summary-fields [class^='summary-field-container-'] {
        margin: 0; }
        .summary-container.check-details .summary-fields [class^='summary-field-container-'] div {
          margin: 0; }
        .summary-container.check-details .summary-fields [class^='summary-field-container-'] [class^='summary-field-text-'] {
          font-weight: normal; }
        .summary-container.check-details .summary-fields [class^='summary-field-container-'] [class^='summary-field-value-0'] {
          margin-bottom: 16px; }
    @media screen and (min-width: 720px) {
      .summary-container.check-details .summary-children {
        margin: 24px 0 0; }
      .summary-container.check-details .summary-fields {
        display: block; }
        .summary-container.check-details .summary-fields [class^='summary-field-value-0'] {
          margin-bottom: 24px; }
        .summary-container.check-details .summary-fields:last-child {
          margin-bottom: 0; } }
  .summary-container.comparison {
    margin-top: 16px;
    padding-bottom: 16px; }
  .summary-container.textual {
    display: flex;
    padding: 8px; }
    .summary-container.textual h3 {
      margin-bottom: 0;
      padding: 0 0 8px; }
    .summary-container.textual .summary-row {
      width: 359px; }
      .summary-container.textual .summary-row .summary-children {
        margin-top: 0; }
        .summary-container.textual .summary-row .summary-children > p {
          margin: 0;
          font-size: 12px;
          color: #646068; }
        .summary-container.textual .summary-row .summary-children ul:not(.select-dropdown) {
          margin-left: 8px; }
    .summary-container.textual .summary-fields [class^='summary-field-container'] {
      flex: 0 0 50%;
      margin-bottom: 16px; }
      .summary-container.textual .summary-fields [class^='summary-field-container'] div[class^='summary-field-bar-'] {
        height: 0;
        margin-bottom: 8px; }
      .summary-container.textual .summary-fields [class^='summary-field-container'] div[class^='summary-field-text-'] {
        color: #333333; }
      .summary-container.textual .summary-fields [class^='summary-field-container'] div[class^='summary-field-value-'] {
        font-size: 12px;
        line-height: 16px;
        color: #646068; }
    @media screen and (min-width: 720px) {
      .summary-container.textual {
        padding: 24px; }
        .summary-container.textual .summary-row {
          width: 608px; }
          .summary-container.textual .summary-row .summary-children {
            margin: 0; }
            .summary-container.textual .summary-row .summary-children > p {
              font-size: 14px; }
            .summary-container.textual .summary-row .summary-children ul:not(.select-dropdown) {
              margin-left: 24px; }
        .summary-container.textual .summary-row.with-icon {
          padding-right: 40px; }
        .summary-container.textual h3 {
          margin-bottom: 0;
          padding-bottom: 16px; }
        .summary-container.textual .summary-fields {
          margin: 0 12px; }
          .summary-container.textual .summary-fields [class^='summary-field-container'] {
            margin-bottom: 24px; }
            .summary-container.textual .summary-fields [class^='summary-field-container'] div {
              margin: 0 12px; }
            .summary-container.textual .summary-fields [class^='summary-field-container'] div[class^='summary-field-bar-'] {
              margin-bottom: 16px; }
            .summary-container.textual .summary-fields [class^='summary-field-container'] div[class^='summary-field-value-'] {
              font-size: 14px; }
          .summary-container.textual .summary-fields:last-child {
            margin-bottom: 0; } }
  .summary-container.list {
    padding-top: 0;
    padding-bottom: 0; }
    .summary-container.list .summary-row {
      border: 2px solid #3c1053; }
    .summary-container.list h3 {
      background: #3c1053;
      color: #ffffff; }
    .summary-container.list .summary-fields-list {
      margin-bottom: 24px; }
      .summary-container.list .summary-fields-list ol {
        list-style-type: decimal;
        max-width: 474px;
        padding-inline-start: 16px; }
      .summary-container.list .summary-fields-list ol:last-child {
        margin-bottom: 24px; }
      .summary-container.list .summary-fields-list li {
        margin: 8px 16px 16px 20px;
        font-size: 20px;
        color: #3c1053; }
      .summary-container.list .summary-fields-list li span {
        color: #333333;
        font-size: 14px; }
      .summary-container.list .summary-fields-list div[class^='summary-field-bar-'] {
        border-top: 8px solid #fef8e5;
        height: 8px;
        margin: 24px 24px 8px 0; }
    @media screen and (min-width: 720px) {
      .summary-container.list h3 {
        margin-bottom: 24px;
        padding: 16px 24px; }
      .summary-container.list .summary-fields-list ol li span {
        font-size: 16px; } }
  .summary-container.variant .summary-row {
    border-color: #3c1053; }
  .summary-container.variant h3 {
    background: #3c1053; }
  .summary-container.variant-single {
    padding-bottom: 0; }
    .summary-container.variant-single .summary-row {
      border-color: #3c1053; }
    .summary-container.variant-single h3 {
      background: #3c1053; }
    @media screen and (min-width: 720px) {
      .summary-container.variant-single .summary-fields-wrapper {
        align-items: start; }
        .summary-container.variant-single .summary-fields-wrapper .summary-icon img {
          margin: 0 16px 0 0; }
      .summary-container.variant-single .summary-fields [class^='summary-field-container'], .summary-container.variant-single .summary-icon + .summary-fields-container [class^='summary-field-container'] {
        flex: 0 0 100%; } }
  .summary-container.offer-summary {
    margin-top: 16px; }
    .summary-container.offer-summary .summary-children {
      margin: 0; }
    .summary-container.offer-summary.quote-summary h2 {
      margin-right: 24px;
      margin-bottom: 16px; }
      @media screen and (min-width: 720px) {
        .summary-container.offer-summary.quote-summary h2 {
          margin-bottom: 24px; } }
    .summary-container.offer-summary.quote-summary .summary-text {
      color: #646068;
      font-size: 16px; }
    .summary-container.offer-summary.quote-summary p {
      font-size: 14px;
      margin: 24px 0;
      color: #646068; }
      .summary-container.offer-summary.quote-summary p.variant {
        line-height: 20px; }
    .summary-container.offer-summary .offer-limit .summary-fields {
      flex-wrap: wrap; }
      .summary-container.offer-summary .offer-limit .summary-fields [class^='summary-field-container-'] div {
        margin: 0 24px 0 0; }
      .summary-container.offer-summary .offer-limit .summary-fields [class^='summary-field-text-'] {
        font-weight: normal;
        color: #646068; }
      .summary-container.offer-summary .offer-limit .summary-fields.label-variant [class^='summary-field-text-'] {
        font-weight: normal;
        height: 52px;
        color: #5e10b1;
        text-decoration-line: underline;
        text-decoration-style: dashed;
        text-underline-offset: 5.5px; }
      .summary-container.offer-summary .offer-limit .summary-fields.label-variant [class^='summary-field-container-'] {
        flex: 0 0 25%; }
    .summary-container.offer-summary .offer-limit svg {
      margin-right: 16px; }
    .summary-container.offer-summary .offer-limit.standard-limit .summary-fields {
      justify-content: end; }
  .summary-container.loan-summary {
    margin-top: 16px; }
    .summary-container.loan-summary.variant-summary .summary-fields {
      margin-bottom: 0; }
    .summary-container.loan-summary p {
      font-size: 14px;
      margin-top: 24px;
      margin-bottom: 0;
      color: #646068; }
    .summary-container.loan-summary .summary-text {
      color: #646068;
      font-size: 16px; }
    .summary-container.loan-summary img {
      margin-right: 24px; }
    .summary-container.loan-summary .summary-fields {
      flex-wrap: wrap;
      row-gap: 24px; }
      .summary-container.loan-summary .summary-fields [class^='summary-field-container-'] div {
        margin: 0 24px 0 0; }
      .summary-container.loan-summary .summary-fields [class^='summary-field-text-'] {
        font-weight: normal;
        color: #646068; }
      .summary-container.loan-summary .summary-fields:last-child {
        margin-bottom: 0; }
    @media screen and (min-width: 720px) {
      .summary-container.loan-summary .summary-fields [class^='summary-field-container'] {
        flex: 0 0 33.33%; }
      .summary-container.loan-summary .summary-fields.variant {
        row-gap: 48px; }
        .summary-container.loan-summary .summary-fields.variant:last-child {
          margin-bottom: 24px; }
      .summary-container.loan-summary .summary-fields-wrapper {
        align-items: normal; } }
    @media screen and (min-width: 960px) {
      .summary-container.loan-summary .summary-fields [class^='summary-field-container'] {
        flex: 0 0 25%; }
      .summary-container.loan-summary .summary-fields.variant {
        row-gap: 24px; }
        .summary-container.loan-summary .summary-fields.variant:last-child {
          margin-bottom: 0; } }
  .summary-container.summary-margin-bottom {
    margin-bottom: 24px; }
  @media screen and (min-width: 720px) {
    .summary-container .summary-fields-wrapper {
      align-items: center;
      display: flex; }
      .summary-container .summary-fields-wrapper .summary-icon {
        flex: 0 0 33.33%;
        text-align: center; }
        .summary-container .summary-fields-wrapper .summary-icon img {
          display: inline-block;
          height: 128px;
          margin: 16px;
          max-width: 128px; }
      .summary-container .summary-fields-wrapper .timeline-icon img {
        width: 120px;
        height: 96px; }
      .summary-container .summary-fields-wrapper .summary-fields-container {
        flex: 1; }
    .summary-container .summary-fields [class^='summary-field-container'] {
      flex: 0 0 33.33%; }
    .summary-container .summary-fields [class^='summary-field-value-'] {
      font-weight: normal;
      font-size: 24px;
      line-height: 32px; }
    .summary-container .summary-icon + .summary-fields-container [class^='summary-field-container'] {
      flex: 0 0 50%; }
    .summary-container .summary-text {
      margin-bottom: 24px; }
    .summary-container h3 {
      padding: 16px 32px; }
    .summary-container .summary-children {
      margin: 24px 32px 0; }
    .summary-container .summary-fields {
      display: flex;
      flex-direction: row; }
      .summary-container .summary-fields [class^='summary-field-container-'] {
        margin: 0; }
        .summary-container .summary-fields [class^='summary-field-container-'] div {
          margin: 0 32px 0 0; }
      .summary-container .summary-fields:last-child {
        margin-bottom: 24px; }
    .summary-container .summary-hint {
      margin: 0 0 24px; }
    .summary-container.summary-container-with-image {
      margin-right: 16px;
      width: 320px; }
      .summary-container.summary-container-with-image .summary-fields {
        flex-direction: column; } }

.update-details-heading {
  padding-top: 32px;
  padding-bottom: 16px;
  color: #333333;
  background-color: rgba(207, 34, 63, 0.1); }
  @media screen and (min-width: 720px) {
    .update-details-heading {
      padding-top: 40px;
      padding-bottom: 24px; } }

.instructions-card .icons-icon {
  height: 13px;
  width: 13px;
  margin-left: 6.5px; }

.instructions-card > div:not(:last-child) {
  margin-bottom: 24px; }

.upload-id {
  background-color: #ffeae6;
  border-radius: 8px;
  margin: 24px 8px 8px; }
  .upload-id p:first-child {
    margin-top: 0; }
  .upload-id p:last-child {
    margin: 0; }
  .upload-id.paper-pend {
    margin-bottom: 16px;
    padding: 16px; }
    @media screen and (min-width: 720px) {
      .upload-id.paper-pend {
        padding: 24px 16px; } }
  .upload-id .accordion:last-child .components-button.action {
    margin-bottom: 16px; }
  .upload-id .accordion:last-of-type {
    margin-bottom: 32px; }
  @media screen and (min-width: 720px) {
    .upload-id .accordion:last-of-type {
      margin-bottom: 40px; } }
  .upload-id .illustrations {
    margin-top: 16px;
    padding-bottom: 8px; }
    @media screen and (min-width: 720px) {
      .upload-id .illustrations {
        padding-bottom: 24px; } }
    .upload-id .illustrations div {
      margin-bottom: 16px; }
    .upload-id .illustrations .illustration-content {
      display: flex;
      align-items: center; }
      .upload-id .illustrations .illustration-content img {
        margin-right: 16px; }
    .upload-id .illustrations .bold-text {
      margin-left: 72px; }