/*md

# Variables

*/
/*md

# Color variables

*/
/*md

# Fonts variables

*/
/*md

# Functions

This section describes core functions used for development in the project.

## Function strip-unit

Removes the unit (e.g. px, em, rem) from a value, returning the number only.

Returns the same number, sans unit.

## Function value-to-rem

**Private function**.
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value.
By default, the base pixel value used to calculate the rem value is taken from the `$globalFontSize` variable.

Returns a number in rems, calculated based on the given value and the base pixel value.
rem values are passed through as is.

## Function rem-calc

Converts one or more pixel values into matching rem values.
By default, the base pixel value used to calculate the rem value is taken from the `$globalFontSize` variable.
If you need to convert a comma-separated list, wrap the list in parentheses.

Return a list of converted values.

## Function map-safe-get

Safely return a value from a map.

Returns found value. Can has any SASS data type

## Function map-deep-get

**Private function**.

Safely return a value from a map.

Returns found value.

*/
/*md

# Mixins

This section describes core mixins used for development in the project.

## Mixin generate-font-face

Generate `@font-face` rules

## Mixin when-inside

Helps make context selector a little more friendly

### Mixin on-event

Event wrapper. Setting up `:hover`, `:active`, `:focus` pseudo classes for selector

## Mixin clearfix

Quickly and easily clear floated content within a container

## Mixin placeholder

Setting up 'color' property for input placeholder for different browsers

## Mixin text-truncate

Truncate text overflow

## Mixins for Glide carousel

glide-carousel-title, glide-carousel-slides, glide-carousel-bullets-space, glide-carousel-bullets-item

*/
.login-banner {
  background-color: #eee;
  padding: 1.5rem;
  width: 100%;
}
@media (min-width: 544px) {
  .login-banner.view-wishlist-top .wishlist-sharing-wrapper {
    justify-content: flex-end;
  }
}
.login-banner h1[class=page-title] {
  background-color: transparent;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.login-banner h1[class=page-title]::before {
  background-color: transparent;
}
.login-banner.wishlist-login-banner {
  padding: 2rem 1.5rem 1.9375rem;
}
@media (min-width: 544px) {
  .login-banner.wishlist-login-banner {
    padding: 2.0625rem;
  }
}
@media (min-width: 959px) {
  .login-banner.wishlist-login-banner {
    padding: 2.125rem 3.125rem 2.5rem;
  }
}
.login-banner.wishlist-login-banner h1[class=page-title] {
  font-size: 1.375rem;
  letter-spacing: normal;
  line-height: 1.75rem;
}
.login-banner.wishlist-top-banner {
  background-color: transparent;
  padding: 1.25rem 1.875rem 1.875rem;
}
@media (min-width: 959px) {
  .login-banner.wishlist-top-banner {
    padding: 1.125rem 3.75rem 0;
  }
}
.login-banner.wishlist-top-banner .page-title {
  display: block;
  font-size: 1.625rem;
  font-weight: 700;
  left: 0;
  margin-bottom: 0.3125rem;
}
@media (min-width: 544px) {
  .login-banner.wishlist-top-banner .page-title {
    font-size: 2rem;
    margin-bottom: 0.0625rem;
  }
}
.login-banner.wishlist-top-banner .wishlist-sharing-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1198.98px) {
  .login-banner.wishlist-top-banner .wishlist-sharing-wrapper .wishlist-social-sharing {
    margin-top: 0.625rem;
  }
}
.login-banner.wishlist-top-banner .wishlist-checkbox {
  margin-right: 0.3125rem;
}
.login-banner.wishlist-top-banner .wl-social-sharing {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-left: 0;
}
.login-banner.wishlist-top-banner .wl-social-sharing-text {
  font-size: 0.875rem;
  text-transform: uppercase;
}
.login-banner.wishlist-top-banner .social-sharing-list {
  line-height: 1rem;
  margin-left: 1.25rem;
}
.login-banner.wishlist-top-banner .share-icons {
  display: inline-block;
  font-size: 1.125rem;
  margin-left: 0.9375rem;
}
@media (min-width: 959px) {
  .login-banner.wishlist-top-banner .share-icons {
    font-size: 1.5rem;
  }
}
.login-banner.wishlist-top-banner .share-icons:first-child {
  margin-left: 0;
}
.login-banner.wishlist-top-banner .share-icons .icon {
  fill: #181818;
}
.login-banner.wishlist-top-banner .share-icons .icon.m-fb {
  fill: #1479bd;
}
.login-banner.wishlist-top-banner .share-icons .icon.m-tw {
  fill: #40a6da;
}
.login-banner.wishlist-top-banner.view-wishlist-top .wishlist-sharing-wrapper {
  display: none;
}

.tooltip-inner {
  font-size: 0.75rem;
}

.equal-height .card {
  width: 100%;
}

.login-oauth .row {
  margin-left: 0;
  margin-right: 0;
}
.login-oauth .oauth-google,
.login-oauth .oauth-facebook {
  border: 0;
  color: #fff;
}
.login-oauth .oauth-google {
  background-color: #4885ed;
  border: 0;
}
.login-oauth .oauth-facebook {
  background-color: #3b5998;
  border: 0;
}
.login-oauth .btn-oauth-login {
  color: #fff;
}
.login-oauth .btn-oauth-login img {
  height: 1.25rem;
  width: 1.25rem;
}

.login-page {
  margin-top: 1rem;
}
@media (min-width: 1199px) {
  .login-page {
    padding: 2em 0 3em;
  }
}
@media (min-width: 1199px) {
  .login-page.checkout-login-page {
    max-width: 64rem;
  }
}
.login-page.checkout-login-page .form-control-icons {
  display: none;
}
.login-page .overlay-link {
  border: none;
  padding-bottom: 0.125rem;
  position: relative;
  transition: 0.15s color;
  display: inline-block;
}
.login-page .overlay-link:hover, .login-page .overlay-link:active, .login-page .overlay-link:focus {
  color: #181818;
  text-decoration: none;
}
.login-page .overlay-link:hover::after, .login-page .overlay-link:active::after, .login-page .overlay-link:focus::after {
  left: 0;
  right: auto;
  width: 100%;
}
.login-page .overlay-link::before, .login-page .overlay-link::after {
  background-color: #ccc;
  content: "";
  height: 0.0625rem;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.login-page .overlay-link::after {
  background-color: #777;
  left: auto;
  right: 0;
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 0;
}
.login-page .login-bottom-row {
  display: flex;
  flex-wrap: wrap;
}
.login-page .login-form-nav {
  padding-bottom: 1.25rem;
}
@media (max-width: 1198.98px) {
  .login-page .login-form-nav {
    border-bottom: 5px solid #eee;
  }
}
.login-page .login-form-nav .nav-tabs {
  border-bottom: 0;
}
.login-page .login-form-nav .nav-tabs .nav-link {
  border-bottom: 2px solid #eee;
}
@media (min-width: 544px) {
  .login-page .login-form-nav .nav-tabs .nav-link {
    font-size: 1.375rem;
  }
}
@media (min-width: 1199px) {
  .login-page .login-form-nav .nav-tabs .nav-link {
    font-size: 1.25rem;
  }
}
.login-page .login-form-nav .nav-tabs .nav-link.active {
  border-bottom: 2px solid #000;
  color: #000;
  font-weight: 600;
}
.login-page input {
  color: #000;
}
.login-page .tab-login .row {
  margin-left: 0;
  margin-right: 0;
}
.login-page .login {
  margin-bottom: 0.9375rem;
}
.login-page .login .error-message-form {
  background-color: #c00;
  border-radius: 0.125rem;
  color: #fff;
  padding: 0.625rem;
}
.login-page .login .remember-me {
  display: inline-block;
  margin-bottom: 1rem;
}
@media (max-width: 543.98px) {
  .login-page .login .remember-me .custom-controls-stacked .custom-control {
    margin-right: 0.5rem;
  }
}
.login-page .login .forgot-password {
  float: right;
  margin: 0.5rem 3.5rem 0 0;
}
@media (max-width: 958.98px) {
  .login-page .login .forgot-password {
    font-size: 0.75rem;
    margin-right: 0;
    margin-top: 0.625rem;
  }
}
@media (max-width: 543.98px) {
  .login-page .custom-control-description {
    font-size: 0.875rem;
    margin-left: 0.625rem;
    margin-top: 0.4375rem;
  }
}
.login-page .card-body {
  padding-top: 0;
}
.login-page .card {
  border: 0;
}
.login-page .card-wrapper {
  padding: 0;
}
@media (min-width: 544px) {
  .login-page .card-wrapper {
    padding: 0 2rem;
  }
}
.login-page .card-wrapper .card {
  border: 0;
}
.login-page .card-wrapper .tab-content {
  padding: 1.5rem 0;
}
@media (min-width: 544px) {
  .login-page .card-wrapper .tab-content {
    margin: 0 auto;
  }
}
.login-page .btn-tertiary {
  background-color: #ccc;
  color: #fff;
}
.login-page .trackorder-wrapper {
  border: 0;
  padding: 0;
}
@media (min-width: 1199px) {
  .login-page .trackorder-wrapper {
    border-left: 2px solid #eee;
    padding: 0 2rem;
  }
}
.login-page .trackorder-wrapper .card {
  border: 0;
  padding: 0 0.5rem;
}
.login-page .trackorder-wrapper .card .card-body {
  padding-top: 0.5rem;
}
.login-page .trackorder-wrapper .track-order-header {
  border: 0;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0 0 0 0.5rem;
}
@media (max-width: 543.98px) {
  .login-page .trackorder-wrapper .track-order-header {
    padding: 0 1rem;
  }
}
@media (max-width: 543.98px) {
  .login-page .password-reset-link {
    font-size: 0.875rem;
  }
}
.login-page .social-login-buttons {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.375rem;
}
.login-page .social-login-buttons [class^=col-] {
  margin-top: 0.75rem;
  padding: 0;
}
@media (min-width: 959px) {
  .login-page .social-login-buttons [class^=col-]:nth-child(odd) {
    padding-left: 0;
    padding-right: 0.375rem;
  }
  .login-page .social-login-buttons [class^=col-]:nth-child(even) {
    padding-left: 0.375rem;
    padding-right: 0;
  }
}
.login-page .social-login-buttons .btn {
  border: 1px solid #eee;
  color: #000;
  font-weight: 400;
  padding: 0.6875rem 0;
  text-transform: none;
}
.login-page .social-login-buttons .btn:hover {
  background-color: #fff;
  border-color: #000;
}
.login-page .social-login-buttons .btn-icon {
  height: 1.5rem;
  margin-right: 0.75rem;
  width: 1.5rem;
}
.login-page .social-login-buttons .separator {
  align-items: center;
  display: flex;
  font-weight: 700;
  margin-bottom: 0.625rem;
  text-align: center;
  text-transform: uppercase;
}
.login-page .social-login-buttons .separator::before, .login-page .social-login-buttons .separator::after {
  border-bottom: 2px solid #eee;
  content: "";
  flex: 1;
}
.login-page .social-login-buttons .separator:not(:empty)::before {
  margin-right: 0.75rem;
}
.login-page .social-login-buttons .separator:not(:empty)::after {
  margin-left: 0.75rem;
}

.login-page input[placeholder],
.reset-password-page input[placeholder] {
  color: #333;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

.email-subscribe {
  margin-bottom: 1rem;
}

@media (min-width: 544px) {
  .modal-password-reset .modal-dialog,
  .modal-consent .modal-dialog {
    max-width: 30rem;
  }
}
.modal-password-reset .modal-content,
.modal-consent .modal-content {
  padding: 2rem;
}
@media (min-width: 544px) {
  .modal-password-reset .modal-content,
  .modal-consent .modal-content {
    min-height: 15.625rem;
  }
}
.modal-password-reset .modal-header,
.modal-consent .modal-header {
  border: 0;
  padding: 0;
  text-align: center;
}
.modal-password-reset .modal-title,
.modal-consent .modal-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 auto;
  text-transform: uppercase;
}
.modal-password-reset .modal-body,
.modal-consent .modal-body {
  font-size: 0.875rem;
  padding: 0.4375rem 0 0.875rem;
}
.modal-password-reset .modal-footer,
.modal-consent .modal-footer {
  align-items: flex-start;
  border: 0;
  padding: 0;
}
@media (min-width: 544px) {
  .modal-password-reset .modal-footer .form-group,
  .modal-consent .modal-footer .form-group {
    margin-bottom: 0;
  }
}
@media (max-width: 543.98px) {
  .modal-password-reset .forgot-password-wrapper,
  .modal-consent .forgot-password-wrapper {
    margin: 0;
    padding: 0;
  }
  .modal-password-reset .forgot-password-wrapper .floatl,
  .modal-consent .forgot-password-wrapper .floatl {
    flex: 0 0 100%;
  }
}
@media (min-width: 544px) {
  .modal-password-reset .forgot-password-wrapper,
  .modal-consent .forgot-password-wrapper {
    margin: 0;
    padding-left: 0;
  }
}
.modal-password-reset .forgot-password-wrapper .floatl,
.modal-consent .forgot-password-wrapper .floatl {
  flex: 0 0 100%;
}
.modal-password-reset .forgot-password-text,
.modal-consent .forgot-password-text {
  color: #444;
}
.modal-password-reset .close,
.modal-consent .close {
  color: #000;
  font-weight: 400;
  position: absolute;
  right: 1rem;
  top: top(8px);
}
.modal-password-reset .close-icon,
.modal-consent .close-icon {
  height: 1rem;
  margin-top: 0.5rem;
  width: 1rem;
}
@media (min-width: 544px) {
  .modal-password-reset .send-email-btn,
  .modal-consent .send-email-btn {
    height: 3.125rem;
  }
}

.reset-password-page .card-header {
  padding: 0.75rem 0;
}

.privacy-policy {
  font-size: 0.75rem;
  padding: 0.75rem 0;
}
.privacy-policy a {
  border: none;
  padding-bottom: 0.125rem;
  position: relative;
  transition: 0.15s color;
  display: inline-block;
}
.privacy-policy a:hover, .privacy-policy a:active, .privacy-policy a:focus {
  color: #181818;
  text-decoration: none;
}
.privacy-policy a:hover::after, .privacy-policy a:active::after, .privacy-policy a:focus::after {
  left: 0;
  right: auto;
  width: 100%;
}
.privacy-policy a::before, .privacy-policy a::after {
  background-color: #ccc;
  content: "";
  height: 0.0625rem;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
}
.privacy-policy a::after {
  background-color: #777;
  left: auto;
  right: 0;
  transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 0;
}

.check-status,
.login-oauth {
  margin-top: 1rem;
}

.custom-separator {
  font-weight: 700;
  margin-top: -3rem;
  text-align: center;
}

.track-order-header-text {
  padding-left: 0;
}

.registration .recaptcha-confirmation {
  margin: 0;
  width: 100%;
}
.registration .recaptcha-confirmation button {
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

/*md

# Grid variables

*/
/*md

# Grid system functions

*/
/*md

# Grid system mixins

This section describes grid system mixins used for development in the project.

*/
.js-password-reveal-icon {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.75rem 1.125rem 0.75rem 0.75rem;
  pointer-events: all;
  position: absolute;
  right: 0;
  top: 0;
}
.js-password-reveal-icon svg {
  height: 1.25rem;
  width: 1.625rem;
}

.page[data-action=Login-Show] .benefits-wrapper {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media (min-width: 1199px) {
  .page[data-action=Login-Show] .benefits-wrapper {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 544px) and (max-width: 1199.98px) {
  .page[data-action=Login-Show] .benefits-wrapper {
    margin: 1rem auto 0 auto;
  }
}
.page[data-action=Checkout-Login] .benefits-wrapper {
  margin-bottom: 1rem;
  margin-left: -0.625rem;
}
@media (min-width: 1199px) {
  .page[data-action=Checkout-Login] .benefits-wrapper {
    margin-bottom: 1.5rem;
  }
}
.page[data-action=Wishlist-Show] .benefits-wrapper {
  margin-top: -1.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
@media (min-width: 544px) {
  .page[data-action=Wishlist-Show] .benefits-wrapper {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
  }
}
.page[data-action=Wishlist-Show] .benefits-wrapper .title {
  display: none;
}
.benefits-wrapper .benefits-header .title {
  color: #000;
  font-size: 1.5rem;
}
.benefits-wrapper .benefits-header .subtitle {
  color: #191919;
  font-size: 1.125rem;
}
.benefits-wrapper .benefit-content {
  color: #000;
  font-size: 0.875rem;
}
@media (min-width: 959px) {
  .benefits-wrapper .benefit-content {
    font-size: 1rem;
  }
}
.benefits-wrapper .benefit-icon-check {
  height: 1rem;
}

.multi-step-login-container h1,
.multi-step-login-container .form-title {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
@media (max-width: 958.98px) {
  .multi-step-login-container h1,
  .multi-step-login-container .form-title {
    font-size: 1.125rem;
  }
}
.multi-step-login-container .form-group {
  margin-bottom: 1.5rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .form-group {
    margin-bottom: 1.125rem;
  }
}
.multi-step-login-container .remember-me {
  margin-top: -0.25rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .remember-me {
    margin-top: -0.125rem;
  }
}
.multi-step-login-container .remember-me .custom-checkbox .custom-control-description {
  color: #000;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-left: 0.75rem;
  margin-top: 0.25rem;
}
.multi-step-login-container .remember-me label {
  margin-bottom: 1.5rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .remember-me label {
    margin-bottom: 1.125rem;
  }
}
.multi-step-login-container .link-underlined {
  float: none;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .link-underlined {
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
  }
}
.multi-step-login-container .link-underlined a {
  font-size: 0.75rem;
}
.multi-step-login-container .link-underlined-centered {
  text-align: center;
}
.multi-step-login-container .link-underlined-centered a {
  font-size: 1rem;
  line-height: 1.5rem;
}
.multi-step-login-container .privacy-policy,
.multi-step-login-container .password-hint {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.multi-step-login-container .privacy-policy.password-hint,
.multi-step-login-container .password-hint.password-hint {
  color: #191919;
  padding: 0.25rem 0 0.75rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .privacy-policy.password-hint,
  .multi-step-login-container .password-hint.password-hint {
    padding: 0.125rem 0 0.5rem;
  }
}
.multi-step-login-container .privacy-policy.password-hint .info-circle-icon,
.multi-step-login-container .password-hint.password-hint .info-circle-icon {
  height: 1.25rem;
  margin-right: 0.375rem;
  width: 1.25rem;
}
.multi-step-login-container .privacy-policy-link {
  text-decoration: underline;
  -webkit-text-decoration-color: #ccc;
          text-decoration-color: #ccc;
  text-underline-offset: 0.5rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .privacy-policy-link::before, .multi-step-login-container .privacy-policy-link::after {
    display: none;
  }
}
.multi-step-login-container .privacy-policy-link:active, .multi-step-login-container .privacy-policy-link:focus {
  text-decoration: underline;
  -webkit-text-decoration-color: #ccc;
          text-decoration-color: #ccc;
  text-underline-offset: 0.5rem;
}
.multi-step-login-container .form-caption {
  color: #333;
  line-height: 1.5rem;
  margin-bottom: 1rem;
  order: 1;
  width: 90%;
}
@media (min-width: 1200px) {
  .multi-step-login-container .form-caption {
    width: 100%;
  }
}
.multi-step-login-container .form-caption-first-radio, .multi-step-login-container .form-caption-second-radio {
  display: flex;
  font-size: 0.875rem;
  gap: 1rem;
  line-height: inherit;
  width: 110%;
}
.multi-step-login-container .form-caption-first-radio label, .multi-step-login-container .form-caption-second-radio label {
  margin-bottom: 0;
}
.multi-step-login-container .form-caption-first-radio input, .multi-step-login-container .form-caption-second-radio input {
  align-content: center;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0.125rem solid #676d75 !important;
  border-radius: 0.125rem;
  cursor: pointer;
  height: 1.25rem;
  margin-top: 0.1875rem;
  width: 1.25rem;
}
.multi-step-login-container .form-caption-first-radio input:focus-visible, .multi-step-login-container .form-caption-second-radio input:focus-visible {
  outline: 2px solid #191919;
  outline-offset: 2px;
}
.multi-step-login-container .form-caption-first-radio input[type=radio]::before, .multi-step-login-container .form-caption-second-radio input[type=radio]::before {
  align-items: center;
  content: url("../../images/check-mark.png");
  display: flex;
  height: 1rem;
  justify-content: center;
  margin-bottom: 0.1875rem;
  transform: scale(0);
  width: 1rem;
}
.multi-step-login-container .form-caption-first-radio input[type=radio]:checked::before, .multi-step-login-container .form-caption-second-radio input[type=radio]:checked::before {
  transform: scale(1);
}
.multi-step-login-container .form-caption-first-radio input[type=radio]:checked, .multi-step-login-container .form-caption-second-radio input[type=radio]:checked {
  background-color: #191919;
  border-color: #191919;
}
.multi-step-login-container .form-caption .radio-form-control-feedback {
  color: #b62906;
  display: none;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: -1rem;
  margin-top: 1rem;
}
.multi-step-login-container .form-caption.has-danger .radio-form-control-feedback {
  display: block;
}
.multi-step-login-container .form-caption.has-success .radio-form-control-feedback {
  display: none;
}
.multi-step-login-container .msl-otp-sent-success {
  color: #4d7d04;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .msl-otp-sent-success {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: 0.75rem;
  }
}
.multi-step-login-container .msl-otp-sent-to {
  color: #181818;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
.multi-step-login-container .otp-additional-controls {
  margin-bottom: 1.5rem;
}
@media (max-width: 958.98px) {
  .multi-step-login-container .otp-additional-controls {
    margin-bottom: 1.25rem;
  }
}
.multi-step-login-container .otp-additional-controls .otp-expiration-timer {
  color: #50565e;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.multi-step-login-container .otp-additional-controls .otp-expiration-timer b {
  color: #000;
}
.multi-step-login-container .otp-additional-controls .link-underlined {
  margin: 0;
}
.multi-step-login-container .otp-additional-controls a {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.multi-step-login-container .alert {
  color: #000;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-transform: none;
}