@import url(https://fonts.googleapis.com/css2?family=Georgia&family=Noto+Sans&display=swap);
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
.card-content h1 {
  width: 100%;
  float: left;
  padding-top: 15px;
  height: 240px;
  box-shadow: none;
  padding: 43px 30px 0 85px;
  background-position: 0 0;
  background-size: cover
}
.banner-card {
  display: flex;
  margin-bottom: 30px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.Promoimage{
  color: white;
  position: relative;
  top: 170px;
}
.promocard-div{
  color: white;
  position: relative;
  top: 190px;
}
html{
  overflow-x: hidden;
}

carousel-tile{
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  transition: transform .3s ease;
  backface-visibility: hidden;
  perspective: 1000px;
}
/* .carousel-card{
    width: 354px;
    height: 300px;
    border: 1px solid;
    background: white;
    position: relative;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
} */
.col-xs-6{
  width: 29%;
  float: left;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  height: 360px;
  overflow-y: hidden;
  position: absolute;
  display: flex;
  background: white;
  top: 74%;
}
.elements{
  display: block;
}
.hybrid-card{
  height: 211px;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  width: 29%;
  position: relative;
  bottom: 174px;
  left: 69%;
  margin-bottom: 5%;
  display: block;
}
.Enrollment-services{
  height: 211px;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  width: 29%;
  position: relative;
  top: 57px;
  left: 69%;
  margin-bottom: 5%;
  display: block;
}
.Enrollment-services h2{
  padding: 10px;
  border-bottom: 1px solid #a7a8aa;
}

.cardTile{
  height: 211px;
  border-left: 10px solid #0090da;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  width: 25%;
  position: relative;
  background-color: #fff;
  top: 287px;
  left: 35%;
}
.Enrollment-card-tile a{
  display: block;
}

.reporting-card{
  height: 211px;
  border-left: 10px solid #0090da;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  width: 25%;
  position: relative;
  background-color: #fff;
  top: 430px;

}
.cardFooter{
  margin: 10px;
}
.carousel-inner{
  display: flex;
}
.Search{
  margin: 10px;
}
#cardheader_claims_inquiry{
  padding: 15px;
}
.label-productselect{
  padding-left: 15px;
}
#reportingCardTitleKey h2{
  border: none !important;
}
#reportingCardTitleKey .contents-rep{
  border: none !important;
}
.contents-rep a{
  /* margin: 10px; */
  margin-bottom: 15px;
}


.contents-rep{
  display: inline-grid;
  border-bottom: 1px solid #a7a8aa;
  margin: 10px;
  padding: 22px;
}
.Enrollment-services{
  border-left: 10px solid #0090da;
}
/* .hybrid-card{
    height: 211px;
    border: 1px solid;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
    width: 29%;
    position: relative;
    top: 187px;
    left: 69%;
} */
/* .carousel-card{
    width:100%;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.carousel{
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.carousel-tile{
    min-width: 100%;
    padding: 20px;
    box-sizing: border-box;
    width: 360px;
}
.carousel-tile h2{
    font-size: 1.8rem;
    margin-bottom: 10px;
    color: white;
    background: #0061a0;
    text-align: center;
    padding: 30px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    max-height: 105px;
    width: 382px;
    position: relative;
    bottom: 44px;
    right: 7%;
}
.carousel-tile h3{
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #1b2444;
}
.carousel-tile button{
    padding: 10px 20px;
    background-color: #1b2444;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    transition: background-color 0.3s ease;
}
.carousel-tile button:hover{
    background-color: #162039;
}
.carousel-control-prev, .carousel-control-next{
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    padding: 10px;
    z-index: 1;
}
.carousel-control-prev{
    left: 10px;
}
.carousel-control-next{
    right: 10px;
}
.carousel-dots{
    text-align: center;
    margin-top: 10px;
}
.carousel-dot{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #bbb;
    margin: 0 5px;
    cursor: pointer;
}
.carousel-dot.active{
    background-color: #333;
} */
/* .carousel-control {
    background: none;
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 5px;
    text-shadow: none;
    color: transparent;
}

.carousel-control:focus, .carousel-control:hover {
    color: transparent;
    text-decoration: none;
    outline: none;
}

.carousel-control.active {
    background: #007bff; /* Change this to your preferred color */
/* } */




/* .carousel-card{
    width:100%;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
} */
/* .carousel{
    display: flex;
    transition: transform 0.5s ease-in-out;
} */
.carousel{
  transition: transform 0.5s ease-in-out;
}
.carousel-tile{
  min-width: 100%;
  padding: 20px;
  box-sizing: border-box;
  width: 360px;
}
.carousel-tile h2{
  font-size: 1.8rem;
  margin-bottom: 10px;
  color: white;
  background: #0061a0;
  text-align: center;
  padding: 30px;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 105px;
  width: 382px;
  position: relative;
  bottom: 44px;
  right: 7%;
}
.carousel-tile h3{
  font-size: 1.2rem;
  margin-bottom: 20px;
  color: #1b2444;
}
.carousel-tile button{
  padding: 10px 20px;
  background-color: #1b2444;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
  transition: background-color 0.3s ease;
}
.carousel-tile button:hover{
  background-color: #162039;
}
.carousel-control-prev, .carousel-control-next{
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  padding: 10px;
  z-index: 1;
}
.carousel-control-prev{
  left: 10px;
}
.carousel-control-next{
  right: 10px;
}
.carousel-dots{
  text-align: center;
  margin-top: 10px;
}
.carousel-dot{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bbb;
  margin: 0 5px;
  cursor: pointer;
}
.carousel-dot.active{
  background-color: #333;
}
span a{
  display: block;
}


/* .carousel-card {
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
} */

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  width: 100%;
  display: none;
}

.carousel-item.active {
  display: block;
}

.carousel-tile {
  padding: 20px;
}

.carousel-dots {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
}

.carousel-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.carousel-dot.active {
  background-color: #333;
}
.pagewrapper {
  margin: 0 auto 20px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  top: 130px;
  font-family: Georgia;
}
.page-innerwrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 32px;
}
.col-xs-4 {
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  width: 33.33%;
}
.inquiry-card {
  clear: both;
  position: relative;
}
.simple-card {
  clear: both;
}
.card-container.unfliped {
  max-width: 370px;
  min-width: 290px;
  display: block;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  color: #333;
  border-radius: 5px; /* Optional: for rounded corners */
  overflow: hidden;
}
.card-container.unfliped .card-front {
  border-left: 10px solid #0090da;
}
.card-container.unfliped .card-front {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
.card-container.unfliped .card-body {
  padding: 15px; /* Add padding for the card body */
}

.inquiry-card .card-header:first-child {
  padding: 25px 0 20px;
  margin: 0 20px;
}

.simple-card .card-content {
  padding: 0;
}
.simple-card .card-header:first-child {
  padding: 25px 0 20px;
  margin: 0 20px;
}
.simple-card .simple-card-heading h2 {
  font-size: 20px;
}
.simple-card .card-content .card-header {
  border-bottom: 1px solid #ccc;
}
.simple-card .simple-card-heading {
  padding: 0;
  font-family: Georgia;
  margin: 0;
}
.simple-card .card-content .card-content {
  padding: 20px 20px 0;
}
.simple-card .card-content .simple-link-wrapper a {
  font-size: 14px !important;
  display: block;
  padding-bottom: 10px;
}

a {
  font-family: Noto Sans, sans-serif;
  color: #007abc;
  line-height: 20px;
  font-size: 13px;
  text-decoration: underline;
}
.simple-card .card-content .card-footer {
  border-top: 1px solid #ccc;
  margin: 20px;
  padding: 20px 0 0;
}

.simple-card .reporting-card-header:first-child {
  padding: 25px 0 5px;
  margin: 0 20px;
}
.simple-card .simple-subcard-heading {
  text-align: left;
  font: normal normal 700 13px Noto Sans;
  letter-spacing: 0;
  color: #333;
  opacity: 1;
  padding-top: 20px;
}

.simple-card .card-reportcenter, .simple-card .card-reportcenter:hover {
  box-shadow: 0 0 6px #00000029;
  border: 1px solid #707070;
  border-radius: 8px;
  padding: 5px 20px 15px;
  margin-bottom: 20px;
  opacity: 1;
}
.simple-card .card-reportcenter {
  background: #fff 0 0 no-repeat padding-box;
}
.simple-card .icon-spacing {
  display: flex;
  align-items: self-start;
  letter-spacing: 15px;
}
.simple-card .simple-reportcenter {
  text-align: left;
  letter-spacing: 0;
  color: #333;
  padding-top: 15px;
  opacity: 1;
}
.simple-card .simple-reportcenter h3 {
  font: normal normal 700 18px Georgia;
}
.simple-card .simple-reportcenterdetails {
  text-align: left;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #333;
  opacity: 1;
  padding-top: 11px;
  margin: 0;
}
.simple-card .card-content .simplecard-ele-wrapper {
  padding-bottom: 10px;
}
.simple-card .simple-reportcenterdetails {
  text-align: left;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #333;
  opacity: 1;
  padding-top: 11px;
  margin: 0;
}
.simple-card .reporting-card-footer {
  margin: 20px;
  padding: 6px 0 1px;
}
.simple-card .reporting-card-footer a {
  display: block;
  padding-bottom: 10px;
  text-align: left;
  font: normal normal 700 13px Noto Sans;
  text-decoration: none;
  letter-spacing: 0;
  color: #007abc;
  margin: 0 0 10px 2px;
}
/*Carousel Card*/
top-message-card.has-carousel {
  padding-bottom: 0;
}

.top-message-card {
  max-width: 370px;
  min-width: 290px;
  display: block;
  background-color: #fff;
  box-shadow: 0 1px 9px rgba(0, 0, 0, .4);
  /* padding-bottom: 25px; */
  margin-bottom: 30px;
}
.carousel {
  position: relative;
  padding-bottom: 30px;
}
.carousel {
  width: 100%;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.top-message-card .carousel .item {
  width: 100% !important;
}

.item.active, .item.next, .item.prev {
  display: block;
}
.carousel .item {
  position: relative;
  display: none;
  align-items: center;
  width: 100%;
  transition: transform .3s ease;
  backface-visibility: hidden;
  perspective: 1000px;
}
.top-message-card .carousel-inner .message-heading-content {
  background-color: #0061a0;
  text-align: center;
  padding: 30px;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  max-height: 105px;
}
.top-message-card .carousel-inner .message-heading-content .message-header h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  font-family: Georgia, Helvetica, Arial, sans-serif;
  color: #fff;
  font-family: Georgia;
}
.top-message-card .carousel-inner .card-details {
  padding: 15px 40px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 0;
}
.top-message-card .carousel-inner .card-details p {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  font-family: Noto Sans, sans-serif;
  color: #333;
}
.carousel-view {
  text-align: center;
  margin-top: 30px;
  border-top: 1px solid #a7a8aa;
  padding-top: 25px;
}

.carousel-view {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.carousel-control.left, .carousel-control.right {
  font-size: 22px;
  display: inline-block;
  color: #333;
  position: relative;
  top: 2px;
}
.carousel-indicators {
  text-align: center;
  margin: 0 20px;
  display: inline-block;
  width: 72px;
}
.carousel-indicators li {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #a7a8aa;
  border: 1px solid transparent;
  outline: none;
  margin: 0 3px;
  cursor: pointer;
}

.carousel-indicators, .carousel-indicators li {
  position: relative;
}

.carousel-indicators li.active {
  background: #0090da;
  cursor: pointer;
}

:root {
  --color-background-default: #ffffff;
  --color-background-blue: #007abc;
  --color-background-gray: #f2f2f2;
  --color-button-primary-icon: #ffffff;
  --color-button-primary-fill: #007abc;
  --color-button-secondary-icon: #007abc;
  --color-button-secondary-fill: rgba(255, 255, 255, 0);
  --color-metlife-berry-1: #b91d1f;
  --color-metlife-red: #db181a;
  --color-additional-gray-for-stepper-wrapper: #707070;
  --color-additional-gray-for-timer-text: #75787b;
  --color-additional-green-for-stepper: #69a62e;
  --color-additional-blue-for-loader-dot: #2b99e3;
  --color-metlife-light-green: #a1ce42;
  --color-metlife-medium-green: #a3cd4d;
  --color-mldc-segment-active-green: #7a9f3b;
  --color-mldc-segment-inactive-gray: rgba(167, 168, 170, 0.5);
  --color-metlife-divider-gray: #d9d9d9;
  --color-box-shadow-1: rgba(0, 0, 0, 0.17);
  --color-box-shadow-2: rgba(0, 0, 0, 0.5);
  --color-box-shadow-3: rgba(0, 0, 0, 0.18);
  --color-box-shadow-4: rgba(0, 0, 0, 0.15);
  --color-gradient-black: #000016;
  --color-gradient-blue: #1e4c76;
  --color-gradient-teal-2: #5aada6;
  --color-brand-primary-ml-green-base: #a4ce4e;
  --color-brand-primary-ml-blue1-base: #0090da;
  --color-brand-primary-ml-blue2: #007abc;
  --color-brand-primary-ml-blue3: #0061a0;
  --color-brand-secondary-ml-berry-base: #db0a5b;
  --color-brand-secondary-ml-purple-base: #5f259f;
  --color-brand-secondary-ml-teal-base: #00aca0;
  --color-brand-secondary-ml-yellow-base: #ffc600;
  --color-brand-neutrals-black: #000000;
  --color-brand-neutrals-gray-darkest: #333333;
  --color-brand-neutrals-gray-dark: #6e6e6e;
  --color-brand-neutrals-gray-medium: #a7a8aa;
  --color-brand-neutrals-gray-light: #d9d9d6;
  --color-brand-neutrals-gray-lightest: #f2f2f2;
  --color-brand-neutrals-white: #ffffff;
  --color-brand-neutrals-transparent: rgba(255, 255, 255, 0);
  --color-swatches-beta-green-lightest: #f6faed;
  --color-swatches-beta-green-light: #e3f0c8;
  --color-swatches-beta-green-dark: #83a53e;
  --color-swatches-beta-green-darkest: #528320;
  --color-swatches-beta-red-lightest: #fbe9e9;
  --color-swatches-beta-red-light: #f2babb;
  --color-swatches-beta-red-base: #d42123;
  --color-swatches-beta-red-dark: #b91d1f;
  --color-swatches-beta-red-darkest: #850001;
  --color-swatches-beta-berry-lightest: #fbe7ef;
  --color-swatches-beta-berry-light: #f4b3cc;
  --color-swatches-beta-berry-dark: #af0849;
  --color-swatches-beta-berry-darkest: #830637;
  --color-swatches-beta-yellow-lightest: #fff9e6;
  --color-swatches-beta-yellow-light: #ffedb0;
  --color-swatches-beta-yellow-dark: #e1b212;
  --color-swatches-beta-yellow-darkest: #9b6e00;
  --color-swatches-beta-orange-lightest: #fcefe6;
  --color-swatches-beta-orange-light: #f7cfb2;
  --color-swatches-beta-orange-base: #ff9043;
  --color-swatches-beta-orange-dark: #e56308;
  --color-swatches-beta-orange-darkest: #ac4a06;
  --color-swatches-beta-teal-lightest: #e6f7f6;
  --color-swatches-beta-teal-light: #b0e5e2;
  --color-swatches-beta-teal-dark: #379b94;
  --color-swatches-beta-teal-darkest: #278280;
  --color-swatches-beta-blue-lightest: #e6f4fb;
  --color-swatches-beta-blue-light: #baddf5;
  --color-swatches-beta-blue-darkest: #003a60;
  --color-swatches-beta-purple-lightest: #efe9f5;
  --color-swatches-beta-purple-light: #cdbbe1;
  --color-swatches-beta-purple-dark: #471c77;
  --color-swatches-beta-purple-darkest: #39165f;
  --color-ui-elements-disabled-toggle-on: #8eae6e;
  --color-ui-elements-disabled-toggle-off: #a1a1a1;
  --responsive-grid-column-number: 12;
  --responsive-grid-gutter-width: 30px;
  --responsive-breakpoint-xs: 0;
  --responsive-breakpoint-sm: 320px;
  --responsive-breakpoint-md: 768px;
  --responsive-breakpoint-lg: 1024px;
  --responsive-breakpoint-xl: 1200px;
  --responsive-breakpoint-xxl: 1300px;
  --responsive-container-max-width-sm: 290px;
  --responsive-container-max-width-md: 738px;
  --responsive-container-max-width-lg: 994px;
  --responsive-container-max-width-xl: 1170px;
  --responsive-container-max-width-xxl: 1270px;
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-96: 96px;
  --space-160: 160px;
  --space-320: 320px;
  --space-borderthickness-stroke-1: 1px;
  --space-borderthickness-stroke-2: 2px;
  --space-borderthickness-stroke-3: 3px;
  --space-borderthickness-stroke-4: 4px;
  --space-padding-xs: 2px;
  --space-padding-s: 4px;
  --space-padding-base: 8px;
  --space-padding-m: 16px;
  --space-padding-l: 24px;
  --space-padding-xl: 32px;
  --space-padding-2xl: 48px;
  --space-padding-3xl: 64px;
  --space-vspace-xxs: 0px;
  --space-vspace-xs: 2px;
  --space-vspace-s: 4px;
  --space-vspace-base: 8px;
  --space-vspace-m: 16px;
  --space-vspace-l: 24px;
  --space-vspace-xl: 32px;
  --space-vspace-2xl: 48px;
  --space-vspace-3xl: 64px;
  --space-hspace-xs: 2px;
  --space-hspace-s: 4px;
  --space-hspace-base: 8px;
  --space-hspace-m: 16px;
  --space-hspace-l: 24px;
  --space-hspace-xl: 32px;
  --space-hspace-2xl: 48px;
  --space-hspace-3xl: 64px;
  --space-hspace-grid-gutter: 32px;
  --space-radius-xs: 2px;
  --space-radius-s: 4px;
  --space-radius-base: 8px;
  --space-radius-m: 16px;
  --space-radius-l: 24px;
  --space-radius-xl: 32px;
  --space-form-inputs-hspace-base: 8px;
  --space-form-inputs-hspace-m: 16px;
  --space-form-inputs-padding-tb-base: 8px;
  --space-form-inputs-padding-tb-m: 16px;
  --space-form-inputs-padding-lr-base: 8px;
  --space-form-inputs-padding-lr-l: 24px;
  --space-form-inputs-vspace-browse: 16px;
  --space-form-inputs-vspace-label-value: 2px;
  --space-form-inputs-vspace-field-msg: 8px;
  --space-form-inputs-vspace-l: 24px;
  --space-form-inputs-radius-s: 4px;
  --space-form-inputs-radius-base: 8px;
  --space-form-inputs-height: 64px;
  --space-form-inputs-height-text-area: 130px;
  --space-form-inputs-stroke: 2px;
  --space-form-inputs-stroke-hover: 3px;
  --space-form-inputs-stroke-error: 3px;
  --space-form-inputs-stroke-divider: 1px;
  --space-buttons-radius: 8px;
  --space-buttons-hspace-gap: 8px;
  --space-buttons-padding-lr-l: 24px;
  --space-buttons-padding-tb-m: 16px;
  --space-buttons-min-width: 130px;
  --space-buttons-stroke: 2px;
  --space-navigation-vspace-item-active: 24px;
  --space-navigation-height: 70px;
  --space-data-table-padding-tb-m: 16px;
  --space-data-table-padding-lr-m: 16px;
  --space-data-table-hspace-gap: 8px;
  --space-data-table-vspace-items: 8px;
  --space-data-table-height: 54px;
  --space-left-nav-padding-tb-m: 16px;
  --space-left-nav-padding-lr-base: 8px;
  --space-left-nav-padding-lr-m: 16px;
  --space-left-nav-hspace-gap: 8px;
  --typography-px-size-10: 10px;
  --typography-px-size-12: 12px;
  --typography-px-size-14: 14px;
  --typography-px-size-16: 16px;
  --typography-px-size-18: 18px;
  --typography-px-size-20: 20px;
  --typography-px-size-22: 22px;
  --typography-px-size-24: 24px;
  --typography-px-size-26: 26px;
  --typography-px-size-28: 28px;
  --typography-px-size-30: 30px;
  --typography-px-size-32: 32px;
  --typography-px-size-34: 34px;
  --typography-px-size-36: 36px;
  --typography-px-size-38: 38px;
  --typography-px-size-44: 44px;
  --typography-px-size-70: 70px;
  --typography-px-size-10-to-rem: 0.625rem;
  --typography-px-size-12-to-rem: 0.75rem;
  --typography-px-size-14-to-rem: 0.875rem;
  --typography-px-size-16-to-rem: 1rem;
  --typography-px-size-18-to-rem: 1.125rem;
  --typography-px-size-20-to-rem: 1.25rem;
  --typography-px-size-22-to-rem: 1.375rem;
  --typography-px-size-24-to-rem: 1.5rem;
  --typography-px-size-26-to-rem: 1.625rem;
  --typography-px-size-28-to-rem: 1.75rem;
  --typography-px-size-30-to-rem: 1.875rem;
  --typography-px-size-32-to-rem: 2rem;
  --typography-px-size-34-to-rem: 2.125rem;
  --typography-px-size-36-to-rem: 2.25rem;
  --typography-px-size-38-to-rem: 2.375rem;
  --typography-px-size-44-to-rem: 2.75rem;
  --typography-px-size-70-to-rem: 4.375rem;
  --typography-px-size-base: 16px;
  --typography-weight-1: 100;
  --typography-weight-2: 200;
  --typography-weight-3: 300;
  --typography-weight-4: 400;
  --typography-weight-5: 500;
  --typography-weight-6: 600;
  --typography-weight-7: 700;
  --typography-weight-8: 800;
  --typography-weight-9: 900;
  --typography-weight-light: 300;
  --typography-weight-normal: 400;
  --typography-weight-medium: 500;
  --typography-weight-semi-bold: 600;
  --typography-weight-bold: 700;
  --typography-weight-default: 400;
  --typography-family-metlife: MetLifeCircular, sans-serif;
  --typography-family-noto: NotoSans, sans-serif;
  --typography-family-heading-text: MetLifeCircular, sans-serif;
  --typography-family-body-text: NotoSans, sans-serif;
  --typography-family-default: NotoSans, sans-serif;
  --typography-style-normal: normal;
  --typography-style-italic: italic;
  --typography-style-default: normal;
  --typography-line-height-1: 1;
  --typography-line-height-2: 1.5;
  --typography-line-height-normal: normal;
  --typography-line-height-default: normal;
  --typography-letter-space-1: 1px;
  --typography-letter-space-2: 2px;
  --typography-letter-space-3: 1.75px;
  --typography-letter-space-4: -0.02px;
  --typography-letter-space-5: 0.08px;
  --typography-letter-space-normal: normal;
  --typography-letter-space-default: normal;
}

/* ------------------- */
/* Font Family         */
/* ------------------- */
/*** MetLifeCircular ***/
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/b3a4489921be2c269b62ca04e3313834.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/30dda44da63ea8cf9edaf438865683b2.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/fdb8f861acb8fe758ce38a3cbab94e93.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/c651d49c1ef862af6b90f2195be9f0ce.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/d4d957b401dbb19368cdbc55a7c2331a.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/dd17907b2505fa39e785106125f1b55f.otf) format("opentype");
  font-weight: 500;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/d4d957b401dbb19368cdbc55a7c2331a.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/dd17907b2505fa39e785106125f1b55f.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/9a6924b67a2e0fe024352a42bb20b72c.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/1b1a8f665f4b017217d15b7a2aa3321d.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
  ascent-override: 90%;
}
/*** NotoSans ***/
@font-face {
  font-family: NotoSans;
  src: url(/public/2cfb54d923b32fbd552590b3e0ee0cce.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/ce1e88fe8cce66b8fdc20cebd8f84a1a.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/eae34fa8f1e0c4c6d797589fa0ba4cd9.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/02294dd982a747d223ad28a85efe654b.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/5ddf8f340fd643ba75a27fddd0324512.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/e23b3259e4afaa54d1d29ef198fa8a9f.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/99df72e26c72877cb1f90631bc1acfc6.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/4dffe06c069accad610479796d4fe9d3.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/23e70cfbbe0783c668041d62e24b6cae.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/a81ad28a2309c7b6860ba80694bf1d9f.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* ------------------------------ */
/* function                       */
/* ------------------------------ */
/* ------------------------------ */
/* mixin                          */
/* ------------------------------ */
.h6,
h6, .h5,
h5, .h4,
h4, .h3,
h3, .h2,
h2, .h1,
h1 {
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-medium);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.h6,
h6.wht, .wht.h5,
h5.wht, .wht.h4,
h4.wht, .wht.h3,
h3.wht, .wht.h2,
h2.wht, .wht.h1,
h1.wht {
  color: var(--color-brand-neutrals-white);
}

.h1.light,
h1.light {
  font-weight: var(--typography-weight-normal);
}
@media (min-width: 1024px) {
  .h1,
  h1 {
    font-size: var(--typography-px-size-70-to-rem);
    line-height: var(--typography-line-height-normal);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h1,
  h1 {
    font-size: var(--typography-px-size-44-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h1,
  h1 {
    font-size: var(--typography-px-size-32-to-rem);
  }
}

@media (min-width: 1024px) {
  .h2,
  h2 {
    font-size: var(--typography-px-size-44-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h2,
  h2 {
    font-size: var(--typography-px-size-38-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h2,
  h2 {
    font-size: var(--typography-px-size-30-to-rem);
  }
}

@media (min-width: 1024px) {
  .h3,
  h3 {
    font-size: var(--typography-px-size-36-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h3,
  h3 {
    font-size: var(--typography-px-size-34-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h3,
  h3 {
    font-size: var(--typography-px-size-26-to-rem);
  }
}

@media (min-width: 1024px) {
  .h4,
  h4 {
    font-size: var(--typography-px-size-32-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h4,
  h4 {
    font-size: var(--typography-px-size-30-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h4,
  h4 {
    font-size: var(--typography-px-size-22-to-rem);
  }
}

@media (min-width: 1024px) {
  .h5,
  h5 {
    font-size: var(--typography-px-size-28-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h5,
  h5 {
    font-size: var(--typography-px-size-26-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h5,
  h5 {
    font-size: var(--typography-px-size-20-to-rem);
  }
}

@media (min-width: 1024px) {
  .h6,
  h6 {
    font-size: var(--typography-px-size-24-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h6,
  h6 {
    font-size: var(--typography-px-size-20-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h6,
  h6 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}

.sh4, .sh3, .sh2, .sh1 {
  font-weight: var(--typography-weight-normal);
  font-family: var(--typography-family-metlife);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.sh4, .wht.sh3, .wht.sh2, .wht.sh1 {
  color: var(--color-brand-neutrals-white);
}

@media (min-width: 1024px) {
  .sh1 {
    font-size: var(--typography-px-size-32-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh1 {
    font-size: var(--typography-px-size-30-to-rem);
  }
}
@media (max-width: 767.98px) {
  .sh1 {
    font-size: var(--typography-px-size-24-to-rem);
    letter-spacing: var(--typography-letter-space-4);
  }
}

@media (min-width: 1024px) {
  .sh2 {
    font-size: var(--typography-px-size-24-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh2 {
    font-size: var(--typography-px-size-22-to-rem);
  }
}
@media (max-width: 767.98px) {
  .sh2 {
    font-size: var(--typography-px-size-20-to-rem);
  }
}

@media (min-width: 1024px) {
  .sh3 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh3 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}
@media (max-width: 767.98px) {
  .sh3 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}

@media (min-width: 1024px) {
  .sh4 {
    font-size: var(--typography-px-size-16-to-rem);
    letter-spacing: var(--typography-letter-space-1);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh4 {
    font-size: var(--typography-px-size-16-to-rem);
    letter-spacing: var(--typography-letter-space-1);
  }
}
@media (max-width: 767.98px) {
  .sh4 {
    font-size: var(--typography-px-size-16-to-rem);
    letter-spacing: var(--typography-letter-space-1);
  }
}

.b4-bold, .b4, .mldc-input-number-container .error-message, .mldc-input-number-container .hint-message, .mldc-input-password-container .error-message, .mldc-input-password-container .hint-message, .mldc-input-text-container .error-message, .mldc-input-text-container .hint-message, .b3-bold-underline, .b3-bold, .b3-underline, .b3, .b2-semibold, .b2, .b1-semibold, .b1 {
  font-weight: var(--typography-weight-normal);
  font-family: var(--typography-family-noto);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.b4-bold, .wht.b4, .mldc-input-number-container .wht.error-message, .mldc-input-number-container .wht.hint-message, .mldc-input-password-container .wht.error-message, .mldc-input-password-container .wht.hint-message, .mldc-input-text-container .wht.error-message, .mldc-input-text-container .wht.hint-message, .wht.b3-bold-underline, .wht.b3-bold, .wht.b3-underline, .wht.b3, .wht.b2-semibold, .wht.b2, .wht.b1-semibold, .wht.b1 {
  color: var(--color-brand-neutrals-white);
}

.b1 {
  font-size: var(--typography-px-size-18-to-rem);
}

.b1-semibold {
  font-size: var(--typography-px-size-18-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.b2 {
  font-size: var(--typography-px-size-16-to-rem);
}

.b2-semibold {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.b3 {
  font-size: var(--typography-px-size-14-to-rem);
}

.b3-underline {
  font-size: var(--typography-px-size-14-to-rem);
  text-decoration: underline;
}

.b3-bold {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-bold);
}

.b3-bold-underline {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-bold);
  text-decoration: underline;
}

.b4, .mldc-input-number-container .error-message, .mldc-input-number-container .hint-message, .mldc-input-password-container .error-message, .mldc-input-password-container .hint-message, .mldc-input-text-container .error-message, .mldc-input-text-container .hint-message {
  font-size: var(--typography-px-size-12-to-rem);
}

.b4-bold {
  font-size: var(--typography-px-size-12-to-rem);
  font-weight: var(--typography-weight-bold);
}

.eyebrow2, .eyebrow1 {
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-medium);
  line-height: var(--typography-line-height-normal);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.eyebrow2, .wht.eyebrow1 {
  color: var(--color-brand-neutrals-white);
}

.eyebrow1 {
  font-size: var(--typography-px-size-14-to-rem);
  letter-spacing: var(--typography-letter-space-2);
}

.eyebrow2 {
  font-size: var(--typography-px-size-12-to-rem);
  letter-spacing: var(--typography-letter-space-2);
}

.link-regular-underline, .link-regular, .link-semibold-underline, .link-semibold, .link-inline-bold-underline, .link-inline-regular-underline, .link-small-semibold-underline, .link-small-semibold {
  font-family: var(--typography-family-noto);
  color: var(--color-brand-primary-ml-blue2);
}
.wht.link-regular-underline, .wht.link-regular, .wht.link-semibold-underline, .wht.link-semibold, .wht.link-inline-bold-underline, .wht.link-inline-regular-underline, .wht.link-small-semibold-underline, .wht.link-small-semibold {
  color: var(--color-brand-neutrals-white);
}

.link-small-semibold {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.link-small-semibold-underline {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  text-decoration: underline;
}

.link-inline-regular-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: underline;
}

.link-inline-bold-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-bold);
  text-decoration: underline;
}

.link-semibold {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.link-semibold-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  text-decoration: underline;
}

.link-regular {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
}

.link-regular-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: underline;
}

.stickers-large, .stickers-small, .calendar-day-bold, .calendar-date-strikethrough, .calendar-date-regular, .calendar-date-semibold, .calendar-year-month-strikethrough, .calendar-year-month-semibold, .floating-label, .default-label, .breadcrumb-label-hover, .breadcrumb-label, .ui-element-label-semibold, .cta-label, .mldc-button, .popover-header {
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-semi-bold);
  line-height: var(--typography-line-height-normal);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.stickers-large, .wht.stickers-small, .wht.calendar-day-bold, .wht.calendar-date-strikethrough, .wht.calendar-date-regular, .wht.calendar-date-semibold, .wht.calendar-year-month-strikethrough, .wht.calendar-year-month-semibold, .wht.floating-label, .wht.default-label, .wht.breadcrumb-label-hover, .wht.breadcrumb-label, .wht.ui-element-label-semibold, .wht.cta-label, .wht.mldc-button, .wht.popover-header {
  color: var(--color-brand-neutrals-white);
}

.popover-header {
  font-size: var(--typography-px-size-20-to-rem);
}

.cta-label, .mldc-button {
  font-size: var(--typography-px-size-16-to-rem);
}

.ui-element-label-semibold {
  font-size: var(--typography-px-size-16-to-rem);
}

.breadcrumb-label {
  font-size: var(--typography-px-size-10-to-rem);
}

.breadcrumb-label-hover {
  font-size: var(--typography-px-size-10-to-rem);
  text-decoration: underline;
}

.default-label {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  line-height: var(--typography-line-height-2);
}

.floating-label {
  font-size: var(--typography-px-size-12-to-rem);
  font-weight: var(--typography-weight-normal);
  line-height: var(--typography-line-height-2);
}

.calendar-year-month-semibold {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.calendar-year-month-strikethrough {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: line-through;
}

.calendar-date-semibold {
  font-size: var(--typography-px-size-13-to-rem);
}

.calendar-date-regular {
  font-size: var(--typography-px-size-13-to-rem);
  font-weight: var(--typography-weight-normal);
}

.calendar-date-strikethrough {
  font-size: var(--typography-px-size-13-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: line-through;
}

.calendar-day-bold {
  font-size: var(--typography-px-size-10-to-rem);
  font-weight: var(--typography-weight-bold);
}

.stickers-small {
  font-size: var(--typography-px-size-12-to-rem);
  font-weight: var(--typography-weight-medium);
  font-family: var(--typography-family-metlife);
}

.stickers-large {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-medium);
  font-family: var(--typography-family-metlife);
}

/* ------------------------------ */
/* function                       */
/* ------------------------------ */
/* ------------------------------ */
/* mixin                          */
/* ------------------------------ */
/* ---------------------- */
/* Responsive utilities   */
/* ---------------------- */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 320px) {
  .container {
    max-width: 290px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 738px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 994px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1270px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/*** order ***/
.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

/*** offset ***/
.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1300px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@keyframes bounceInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -35px, 0);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -15px, 0);
  }
  75% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown, .mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.animated-calendar, .mldc-tooltip .tooltip.animated-tooltip {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: bounceInDown;
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInLeft;
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slide-out-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutLeft;
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInRight;
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slide-out-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutRight;
}

/* ------------------- */
/* Base                */
/* ------------------- */
html {
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: var(--typography-family-default);
  font-style: var(--typography-style-default);
  font-weight: var(--typography-weight-default);
  line-height: var(--typography-line-height-2);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

.hidden,
.mldc-hide {
  display: none;
}

.mldc-font-weight-semi-bold {
  font-weight: var(--typography-weight-semi-bold);
}

.mldc-font-weight-medium {
  font-weight: var(--typography-weight-medium);
}

.mldc-font-weight-bold {
  font-weight: var(--typography-weight-bold);
}

.mldc-font-weight-normal {
  font-weight: var(--typography-weight-normal);
}

.mldc-font-family-noto {
  font-family: var(--typography-family-noto);
}

.mldc-font-family-metlife {
  font-family: var(--typography-family-metlife);
}

.mldc-gradient-1 {
  background: linear-gradient(180deg, var(--color-gradient-black) 0%, var(--color-gradient-blue) 100%);
}

.mldc-gradient-2 {
  background: linear-gradient(180deg, var(--color-swatches-beta-teal-dark) 0%, var(--color-brand-primary-ml-blue1-base) 100%);
}

.mldc-gradient-3 {
  background: linear-gradient(180deg, var(--color-gradient-teal-2) 0%, var(--color-brand-primary-ml-blue3) 100%);
}

.mldc-gradient-4 {
  background: linear-gradient(180deg, var(--color-gradient-blue) 0%, var(--color-brand-primary-ml-blue1-base) 100%);
}

.mldc-gradient-5 {
  background: linear-gradient(180deg, var(--color-brand-primary-ml-green-base) 0%, var(--color-brand-primary-ml-blue1-base) 100%);
}

.mldc-container-box {
  max-width: var(--responsive-breakpoint-xxl);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 15px;
  padding-left: 15px;
}

.mldc-form-link-tooltip a {
  font-weight: var(--typography-weight-4);
  display: inline-block;
  margin-top: 8px;
}
.mldc-form-link-tooltip .info {
  position: relative;
  margin-top: 8px;
  background-color: var(--color-brand-neutrals-gray-lightest);
  padding: 8px 24px 8px 8px;
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-form-link-tooltip .info svg {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.mldc-icon-button {
  position: relative;
  background: none;
  border: 0;
  padding: 0;
  outline: 0;
  display: inline-flex;
  cursor: pointer;
}
.mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
}
.mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}

.mldc-link-liked-button {
  background: none;
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  color: var(--color-brand-primary-ml-blue2);
  font: normal normal var(--typography-weight-semi-bold) 16px/24px var(--typography-family-noto);
}
.mldc-link-liked-button:hover, .mldc-link-liked-button:active {
  text-decoration: underline;
}
.mldc-link-liked-button:focus {
  position: relative;
}
.mldc-link-liked-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-link-liked-button:focus:not(:focus-visible)::after {
  content: none;
}

.mldc-accessible-text {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: circle(0px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}

.mldc-modal-open {
  overflow: hidden;
}

.mldc-block {
  display: block;
}

.mldc-none {
  display: none;
}

.mldc-slide-in-from-right {
  animation-name: slideInRight;
  animation-duration: 0.3s;
}

.mldc-rtl {
  direction: rtl;
}

.mldc-rtl .mldc-form-link-tooltip .info,
html[dir=rtl] .mldc-form-link-tooltip .info,
body[dir=rtl] .mldc-form-link-tooltip .info {
  padding: 8px 8px 8px 24px;
}
.mldc-rtl .mldc-form-link-tooltip .info svg,
html[dir=rtl] .mldc-form-link-tooltip .info svg,
body[dir=rtl] .mldc-form-link-tooltip .info svg {
  right: auto;
  left: 8px;
}

/***** @metlife/mldc-button *****/
.mldc-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-brand-neutrals-transparent);
  outline: var(--space-0);
  border-radius: var(--space-radius-base);
  padding: var(--space-padding-m) var(--space-padding-l);
  text-align: center;
  cursor: pointer;
}
.mldc-button > * {
  pointer-events: none;
}
.mldc-button span {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
}
.mldc-button .button-icon {
  display: inline-block;
}
.mldc-button .button-icon svg {
  display: block;
}
.mldc-button .button-icon.leading {
  margin-right: var(--space-hspace-base);
}
.mldc-button .button-icon.tailing {
  margin-left: var(--space-hspace-base);
}
.mldc-button.full-width {
  width: 100%;
  justify-content: center;
}
.mldc-button.primary.blue {
  background-color: var(--color-brand-primary-ml-blue2);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.primary.blue:hover {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-button.primary.blue:focus {
  position: relative;
}
.mldc-button.primary.blue:focus:hover {
  background-color: var(--color-brand-primary-ml-blue2);
}
.mldc-button.primary.blue:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-primary-ml-blue2);
  border-radius: var(--space-12);
  width: calc(100% + var(--space-12));
  height: calc(100% + var(--space-12));
  left: -6px;
  top: -6px;
}
.mldc-button.primary.blue:focus:not(:focus-visible) {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-button.primary.blue:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-button.primary.blue.pill:focus::after {
  border: 3px solid var(--color-brand-primary-ml-blue2) !important;
}
.mldc-button.primary.black {
  background-color: var(--color-brand-neutrals-gray-darkest);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.primary.black:hover {
  background-color: var(--color-brand-neutrals-black);
}
.mldc-button.primary.black:focus {
  position: relative;
  background-color: var(--color-brand-neutrals-black);
}
.mldc-button.primary.black:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-neutrals-black);
  border-radius: var(--space-12);
  width: calc(100% + var(--space-12));
  height: calc(100% + var(--space-12));
  left: -6px;
  top: -6px;
}
.mldc-button.primary.black:focus:not(:focus-visible) {
  background-color: var(--color-brand-neutrals-black);
}
.mldc-button.primary.black:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-button.primary.black.pill:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-black) !important;
  background-color: var(--color-brand-neutrals-black) !important;
  color: var(--color-brand-neutrals-white) !important;
}
.mldc-button.primary.white {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-button.primary.white:hover {
  background-color: var(--color-brand-neutrals-gray-lightest);
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-button.primary.white:focus {
  position: relative;
}
.mldc-button.primary.white:focus:hover {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-button.primary.white:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-neutrals-white);
  border-radius: var(--space-12);
  width: calc(100% + var(--space-12));
  height: calc(100% + var(--space-12));
  left: -6px;
  top: -6px;
}
.mldc-button.primary.white:focus:not(:focus-visible) {
  background-color: var(--color-brand-neutrals-gray-lightest);
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-button.primary.white:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-button.primary.pill {
  font-size: var(--typography-px-size-16-to-rem);
  line-height: var(--typography-line-height-2);
  padding: var(--space-padding-base) var(--space-padding-m);
  border-radius: var(--space-radius-l);
  border-width: var(--space-0);
  height: 40px;
}
.mldc-button.primary.pill:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-primary-ml-blue3) !important;
  background-color: var(--color-brand-primary-ml-blue3) !important;
  color: var(--color-brand-neutrals-white) !important;
}
.mldc-button.primary.pill:focus::after {
  border-radius: 21px !important;
}
.mldc-button.primary.pill svg {
  width: 20px;
  height: 20px;
}
.mldc-button.secondary.blue {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-primary-ml-blue2);
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) var(--space-2) var(--color-brand-primary-ml-blue2);
}
.mldc-button.secondary.blue:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-primary-ml-blue3);
  background-color: var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.blue:focus {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-primary-ml-blue3);
  position: relative;
}
.mldc-button.secondary.blue:focus:hover {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.blue:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-primary-ml-blue3);
  border-radius: var(--space-12);
  width: calc(100% + var(--space-12));
  height: calc(100% + var(--space-12));
  left: -6px;
  top: -6px;
}
.mldc-button.secondary.blue:focus:not(:focus-visible) {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-primary-ml-blue3);
  background-color: var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.blue:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-button.secondary.blue.pill:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-primary-ml-blue2) !important;
  background-color: var(--color-brand-primary-ml-blue2) !important;
  color: var(--color-brand-neutrals-white) !important;
}
.mldc-button.secondary.blue.pill:focus::after {
  border: 3px solid var(--color-brand-primary-ml-blue2) !important;
}
.mldc-button.secondary.blue.pill:focus {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-primary-ml-blue2) !important;
}
.mldc-button.secondary.black {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-neutrals-gray-darkest);
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) var(--space-2) var(--color-brand-neutrals-gray-darkest);
}
.mldc-button.secondary.black:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-black);
  background-color: var(--color-brand-neutrals-black);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.black:hover svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.black:focus {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-gray-darkest);
  position: relative;
}
.mldc-button.secondary.black:focus:hover {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-button.secondary.black:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-neutrals-gray-darkest);
  border-radius: var(--space-12);
  width: calc(100% + var(--space-12));
  height: calc(100% + var(--space-12));
  left: -6px;
  top: -6px;
}
.mldc-button.secondary.black:focus:not(:focus-visible) {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-black);
  background-color: var(--color-brand-neutrals-black);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.black:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-button.secondary.white {
  background-color: var(--color-brand-neutrals-transparent);
  color: var(--color-brand-neutrals-white);
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) var(--space-2) var(--color-brand-neutrals-white);
}
.mldc-button.secondary.white:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-white);
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-button.secondary.white:focus {
  position: relative;
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-white);
}
.mldc-button.secondary.white:focus:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-white);
  background-color: var(--color-brand-neutrals-transparent);
  color: var(--color-brand-neutrals-white);
}
.mldc-button.secondary.white:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-neutrals-white);
  border-radius: var(--space-12);
  width: calc(100% + var(--space-12));
  height: calc(100% + var(--space-12));
  left: -6px;
  top: -6px;
}
.mldc-button.secondary.white:focus:not(:focus-visible) {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-white);
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-button.secondary.white:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-button.secondary.pill {
  font-size: var(--typography-px-size-16-to-rem);
  line-height: var(--typography-line-height-2);
  padding: var(--space-padding-base) var(--space-padding-m);
  border-radius: var(--space-radius-l);
  border-width: var(--space-0);
  height: 40px;
}
.mldc-button.secondary.pill.dark:hover {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-white) !important;
  background-color: var(--color-brand-neutrals-white) !important;
  color: var(--color-brand-primary-ml-blue2) !important;
}
.mldc-button.secondary.pill:focus::after {
  border-radius: 21px !important;
}
.mldc-button.secondary.pill svg {
  width: 20px;
  height: 20px;
}
.mldc-button[aria-disabled=true] {
  pointer-events: none;
}
.mldc-button[aria-disabled=true].primary {
  background-color: var(--color-brand-neutrals-gray-light);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-button[aria-disabled=true].primary.pill {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) var(--space-2) var(--color-brand-neutrals-gray-light) !important;
  background-color: var(--color-brand-neutrals-gray-light) !important;
  color: var(--color-brand-neutrals-gray-darkest) !important;
}
.mldc-button[aria-disabled=true].primary.pill:focus::after {
  border: 3px solid var(--color-brand-neutrals-gray-light) !important;
}
.mldc-button[aria-disabled=true].primary:focus::after {
  border: 3px solid var(--color-brand-neutrals-gray-light);
}
.mldc-button[aria-disabled=true].primary:focus:not(:focus-visible) {
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-button[aria-disabled=true].secondary {
  color: var(--color-brand-neutrals-gray-medium);
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) var(--space-2) var(--color-brand-neutrals-gray-light);
}
.mldc-button[aria-disabled=true].secondary.pill {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) var(--space-2) var(--color-brand-neutrals-gray-light) !important;
  color: var(--color-brand-neutrals-gray-medium) !important;
}
.mldc-button[aria-disabled=true].secondary.pill.dark {
  color: var(--color-brand-neutrals-gray-medium) !important;
}
.mldc-button[aria-disabled=true].secondary.pill:focus {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-gray-light) !important;
}
.mldc-button[aria-disabled=true].secondary.pill:focus::after {
  border: 3px solid var(--color-brand-neutrals-gray-medium) !important;
}
.mldc-button[aria-disabled=true].secondary:focus {
  box-shadow: inset var(--space-0) var(--space-0) var(--space-0) 3px var(--color-brand-neutrals-gray-light);
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-button[aria-disabled=true].secondary:focus::after {
  border: 3px solid var(--color-brand-neutrals-gray-medium);
}

/***** @metlife/mldc-checkbox *****/
.mldc-checkbox-container .mldc-checkbox {
  display: flex;
  gap: 12px;
  align-items: center;
}
.mldc-checkbox-container .mldc-checkbox label {
  font-size: 1rem;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox] {
  appearance: none;
  width: 24px;
  height: 24px;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 6px;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 4.5px;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:checked:after {
  border-color: var(--color-brand-neutrals-gray-darkest);
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2015%2010.5%22%3E%0A%20%20%20%20%3Ctitle%20id%3D%22plus-svg-icon%22%3ECheck%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22Icons%22%20transform%3D%22translate%28-304.499%2015876.75%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Error%5fIcon%22%20data-name%3D%22Error%20Icon%22%20transform%3D%22translate%2810804%203917%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22X%22%20transform%3D%22translate%28-10497%20-19795%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%5f30635%22%20data-name%3D%22Group%2030635%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Check%22%20d%3D%22M4.426%2C9a2.289%2C2.289%2C0%2C0%2C1-1.551-.605L-1%2C4.928A1.5%2C1.5%2C0%2C0%2C1-1.118%2C2.81%2C1.5%2C1.5%2C0%2C0%2C1%2C1%2C2.692l3.39%2C3.034%2C6.53-6.767a1.5%2C1.5%2C0%2C0%2C1%2C2.121-.038%2C1.5%2C1.5%2C0%2C0%2C1%2C.038%2C2.121L6.093%2C8.282A2.287%2C2.287%2C0%2C0%2C1%2C4.5%2C9Z%22%20transform%3D%22translate%28-1.001%202.75%29%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:hover::before {
  border: 3px solid var(--color-brand-primary-ml-blue3);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:disabled {
  pointer-events: none;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:disabled::before {
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus {
  outline: 0;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label {
  position: relative;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label::after {
  content: "";
  position: absolute;
  height: 100%;
  width: calc(100% + 44px);
  left: -36px;
  top: 0;
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  outline-offset: 8px;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus:not(:focus-visible) + label::after {
  display: none;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox][aria-invalid=true]:before {
  border-color: var(--color-swatches-beta-red-base);
}
.mldc-checkbox-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: 8px;
  font-size: 0.75rem;
}
.mldc-checkbox-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-checkbox *****/
.mldc-checkbox-container .mldc-checkbox {
  display: flex;
  gap: 12px;
  align-items: center;
}
.mldc-checkbox-container .mldc-checkbox label {
  font-size: 1rem;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox] {
  appearance: none;
  width: 24px;
  height: 24px;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 6px;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 4.5px;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:checked:after {
  border-color: var(--color-brand-neutrals-gray-darkest);
  content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2015%2010.5%22%3E%0A%20%20%20%20%3Ctitle%20id%3D%22plus-svg-icon%22%3ECheck%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22Icons%22%20transform%3D%22translate%28-304.499%2015876.75%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Error%5fIcon%22%20data-name%3D%22Error%20Icon%22%20transform%3D%22translate%2810804%203917%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22X%22%20transform%3D%22translate%28-10497%20-19795%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%5f30635%22%20data-name%3D%22Group%2030635%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Check%22%20d%3D%22M4.426%2C9a2.289%2C2.289%2C0%2C0%2C1-1.551-.605L-1%2C4.928A1.5%2C1.5%2C0%2C0%2C1-1.118%2C2.81%2C1.5%2C1.5%2C0%2C0%2C1%2C1%2C2.692l3.39%2C3.034%2C6.53-6.767a1.5%2C1.5%2C0%2C0%2C1%2C2.121-.038%2C1.5%2C1.5%2C0%2C0%2C1%2C.038%2C2.121L6.093%2C8.282A2.287%2C2.287%2C0%2C0%2C1%2C4.5%2C9Z%22%20transform%3D%22translate%28-1.001%202.75%29%22%20fill%3D%22%23333%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:hover::before {
  border: 3px solid var(--color-brand-primary-ml-blue3);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:disabled {
  pointer-events: none;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:disabled::before {
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus {
  outline: 0;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label {
  position: relative;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label::after {
  content: "";
  position: absolute;
  height: 100%;
  width: calc(100% + 44px);
  left: -36px;
  top: 0;
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  outline-offset: 8px;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus:not(:focus-visible) + label::after {
  display: none;
}
.mldc-checkbox-container .mldc-checkbox input[type=checkbox][aria-invalid=true]:before {
  border-color: var(--color-swatches-beta-red-base);
}
.mldc-checkbox-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: 8px;
  font-size: 0.75rem;
}
.mldc-checkbox-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-checkbox-group *****/
.mldc-checkbox-group-container {
  border: 0;
  padding: 0;
  margin: 0;
}
.mldc-checkbox-group-container .group-label {
  padding: 0;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-checkbox-group-container .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-checkbox-group-container .group-label + .link-tooltip {
  margin: -24px 0 16px;
}
.mldc-checkbox-group-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-checkbox-group-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-checkbox-group-container .select-all {
  margin-bottom: 20px;
}
.mldc-checkbox-group-container ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 8px;
}
.mldc-checkbox-group-container ul li:not(:first-child) {
  margin-top: 20px;
}
.mldc-checkbox-group-container .has-error.single-checkbox .mldc-checkbox-container .mldc-checkbox input::before {
  border-color: var(--color-swatches-beta-red-base);
}
.mldc-checkbox-group-container .has-error:not(.single-checkbox) {
  border: 1px solid var(--color-swatches-beta-red-base);
  padding: 8px;
  margin-top: -8px;
}
.mldc-checkbox-group-container .has-error:not(.single-checkbox) + .error-message {
  margin-left: 0;
}
.mldc-checkbox-group-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin: 8px 0 0 8px;
  font-size: 0.75rem;
}
.mldc-checkbox-group-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-counter *****/
.mldc-counter .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-counter .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-counter .group-label + .link-tooltip {
  margin: -24px 0 var(--space-vspace-m);
}
.mldc-counter .group-label-w-tooltip {
  display: flex;
  gap: var(--space-vspace-m);
}
.mldc-counter .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-counter .counter-wrap {
  display: flex;
  align-items: flex-end;
}
.mldc-counter .counter-wrap button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--space-hspace-xl);
  height: var(--space-vspace-xl);
  padding: var(--space-padding-s);
  border-radius: 50%;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-neutrals-gray-dark);
  background-color: var(--color-brand-neutrals-white);
  outline: 0;
  color: var(--color-brand-neutrals-gray-darkest);
  cursor: pointer;
}
.mldc-counter .counter-wrap button:hover {
  border-color: var(--color-brand-primary-ml-blue3);
  border-width: var(--space-form-inputs-stroke-hover);
}
.mldc-counter .counter-wrap button:focus {
  position: relative;
  border-color: var(--color-brand-primary-ml-blue3);
  border-width: var(--space-form-inputs-stroke-hover);
}
.mldc-counter .counter-wrap button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 12px);
  height: calc(100% + 12px);
}
.mldc-counter .counter-wrap button:focus:not(:focus-visible) {
  border-color: var(--color-brand-neutrals-gray-dark);
  border-width: var(--space-form-inputs-stroke);
}
.mldc-counter .counter-wrap button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-counter .counter-wrap button:focus:hover {
  border-color: var(--color-brand-primary-ml-blue3);
  border-width: var(--space-form-inputs-stroke-hover);
}
.mldc-counter .counter-wrap button:disabled {
  background-color: var(--color-brand-neutrals-gray-lightest);
  border-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-counter .counter-wrap button:disabled path {
  fill: var(--color-brand-neutrals-gray-medium);
}
.mldc-counter .counter-wrap button:disabled:hover, .mldc-counter .counter-wrap button:disabled:focus {
  border-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-counter .counter-wrap .counter-input-group {
  display: flex;
  padding: 0 7px 6px 7px;
  margin: 0 var(--space-hspace-l);
  border-bottom: var(--space-form-inputs-stroke) solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-counter .counter-wrap .counter-input-group.error {
  border-bottom-color: var(--color-swatches-beta-red-base);
}
.mldc-counter .counter-wrap .counter-input-group input[type=number] {
  border: 0;
  padding: 0;
  text-align: center;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-gray-darkest);
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}
.mldc-counter .counter-wrap .counter-input-group input[type=number]::-webkit-inner-spin-button, .mldc-counter .counter-wrap .counter-input-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.mldc-counter .counter-wrap .counter-input-group input[type=number]:focus-visible {
  outline: 0;
}
.mldc-counter .counter-wrap .counter-input-group .unit {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-counter .counter-wrap .counter-input-group .animated-numbers {
  display: flex;
  justify-content: center;
  height: 24px;
  overflow: hidden;
}
.mldc-counter .counter-wrap .counter-input-group .animated-numbers .column {
  height: 24px;
}
.mldc-counter .counter-wrap .counter-input-group .animated-numbers ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-counter .counter-wrap .counter-input-group .animated-numbers ul li {
  text-align: center;
  height: 24px;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-bold);
}
.mldc-counter .counter-wrap .counter-input-group .animated-numbers ul li:empty {
  width: 0;
}
.mldc-counter .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-vspace-base);
  font-size: var(--typography-px-size-12-to-rem);
}
.mldc-counter .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-dropdown *****/
/*****
tokens that used for theme:
space-form-inputs-vspace-label-value: 2px
space-form-inputs-padding-tb-base: 8px
space-form-inputs-height: 64px
space-form-inputs-padding-lr-l: 24px
space-form-inputs-radius-base: 8px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
*****/
@keyframes flyingLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    color: transparent;
    transform: translateY(10px);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    color: var(--color-brand-neutrals-gray-dark);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dropdownLiSlideDown {
  from {
    padding: 0 var(--space-padding-l);
  }
  to {
    padding: var(--space-padding-base) var(--space-padding-l);
  }
}
.mldc-dropdown-container {
  width: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group,
.mldc-dropdown-container .hint-message,
.mldc-dropdown-container .error-message,
.mldc-dropdown-container .link-tooltip {
  max-width: 270px;
}
.mldc-dropdown-container.full-width .mldc-dropdown-group,
.mldc-dropdown-container.full-width .hint-message,
.mldc-dropdown-container.full-width .error-message,
.mldc-dropdown-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-dropdown-container.full-with-on-mobile .mldc-dropdown-group,
  .mldc-dropdown-container.full-with-on-mobile .hint-message,
  .mldc-dropdown-container.full-with-on-mobile .error-message,
  .mldc-dropdown-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-dropdown-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-dropdown-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-dropdown-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-dropdown-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-dropdown-container .mldc-dropdown-group {
  position: relative;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox {
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-radius-base);
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  height: var(--space-form-inputs-height);
  padding: var(--space-padding-base) var(--space-padding-l);
  font-size: var(--typography-px-size-16-to-rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox svg {
  display: block;
  width: 16px;
  height: 16px;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .transform {
  transform: rotate(180deg);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .nonTransform {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox span {
  display: block;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .dropdown-field {
  display: flex;
  flex-flow: column;
  gap: var(--space-form-inputs-vspace-label-value);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .label {
  font-size: var(--typography-px-size-12-to-rem);
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .label.floating {
  font-size: var(--typography-px-size-12-to-rem);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingLabel;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .dropdown-placeholder-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .placeholder {
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox[aria-expanded=true], .mldc-dropdown-container .mldc-dropdown-group .combobox:hover, .mldc-dropdown-container .mldc-dropdown-group .combobox:focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox:focus-within {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox[aria-expanded=true]::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
  border-bottom: 0;
  border-radius: var(--space-radius-base) var(--space-radius-base) 0 0;
  width: calc(100% + 0px);
  height: calc(100% + 8px);
  left: 0;
  top: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox[aria-expanded=true].has-error::after {
  z-index: -1;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox:focus-visible {
  outline: none;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox[data-disabled=true] {
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  pointer-events: none;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox.has-error {
  box-shadow: inset 0 0 0 3px var(--color-swatches-beta-red-base);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group {
  background-color: transparent;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group .input-group {
  padding: 20px var(--space-padding-l) 20px 0;
  height: var(--space-form-inputs-height);
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group .input-group label {
  left: 0;
  padding-top: 0;
}
.mldc-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group .input-group input {
  margin-top: 10px;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  margin: 0;
  padding: var(--space-form-inputs-padding-tb-base) 0;
  width: 100%;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
  border-top: 0;
  border-radius: 0 0 var(--space-radius-base) var(--space-radius-base);
  background-color: var(--color-brand-neutrals-white);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 208px;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list::-webkit-scrollbar {
  width: 6px;
  max-height: 67px;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 6px;
  margin: 6px;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list::-webkit-scrollbar-thumb {
  background-color: var(--color-brand-neutrals-gray-dark);
  -webkit-border-radius: 3px;
  background: var(--color-brand-neutrals-gray-dark);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list input {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList {
  padding: var(--space-form-inputs-padding-tb-base) var(--space-form-inputs-padding-lr-l);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 61px;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: dropdownLiSlideDown;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList.selected {
  color: var(--color-brand-neutrals-white);
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList:hover {
  background-color: var(--color-swatches-beta-blue-light);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList:hover.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList.focused {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionList .highlight {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory {
  padding: var(--space-padding-base) var(--space-padding-m) !important;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 61px;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: dropdownLiSlideDown;
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: var(--typography-px-size-18-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory.leading:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><g clip-path="url(%23clip0_2395_26)"><path d="M12.0006 10.1C14.6515 10.1 16.8006 7.95097 16.8006 5.3C16.8006 2.64903 14.6515 0.5 12.0006 0.5C9.34961 0.5 7.20058 2.64903 7.20058 5.3C7.20058 7.95097 9.34961 10.1 12.0006 10.1Z" fill="%23333333"/><path d="M17.4198 12.5C18.5975 16.4112 19.3755 20.4318 19.7418 24.5H4.25818C4.62622 20.4319 5.40458 16.4115 6.58138 12.5H17.4198Z" fill="%23333333"/></g><defs><clipPath id="clip0_2395_26"><rect width="24" height="24" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: var(--space-hspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory.trailing:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none"><path d="M8.40002 5.30005L15.5995 12.4995L8.40002 19.7" stroke="%23333333" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: flex;
  width: 24px;
  height: 24px;
  margin-left: var(--space-hspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory .category-wrapper {
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory .category-wrapper.leading {
  gap: 8px;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory .category-wrapper .category-icon {
  display: flex;
  align-items: flex-start;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory .category-wrapper .category-icon svg {
  width: 24px;
  height: 24px;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list li.optionCategory .category-wrapper .category-label {
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: var(--typography-px-size-18-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
  display: flex;
  align-items: flex-start;
}
.mldc-dropdown-container .mldc-dropdown-group ul.dropdown-list:focus-visible {
  outline: none;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  background: var(--color-brand-neutrals-white);
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
  border-top: 1px solid var(--color-brand-neutrals-gray-light);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container {
  display: flex;
  width: 100%;
  padding: calc(var(--space-form-inputs-padding-tb-base) + var(--space-vspace-base)) var(--space-hspace-m);
  align-items: center;
  justify-content: space-between;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container .footer-cta-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-hspace-m);
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button.disabled {
  color: var(--color-brand-neutrals-gray-medium);
  cursor: auto;
  pointer-events: none;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button.disabled:hover, .mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button.disabled:active {
  text-decoration: none;
}
.mldc-dropdown-container .mldc-dropdown-group.underline .combobox {
  border-radius: var(--space-radius-base) var(--space-radius-base) 0 0;
  box-shadow: inset 0 -2px 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-dropdown-container .mldc-dropdown-group.underline .combobox[aria-expanded=true], .mldc-dropdown-container .mldc-dropdown-group.underline .combobox:hover, .mldc-dropdown-container .mldc-dropdown-group.underline .combobox:focus {
  box-shadow: inset 0 -3px 0 var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group.underline .combobox[aria-expanded=true]::after, .mldc-dropdown-container .mldc-dropdown-group.underline .combobox:hover::after, .mldc-dropdown-container .mldc-dropdown-group.underline .combobox:focus::after {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.underline .combobox:focus-visible {
  outline: none;
}
.mldc-dropdown-container .mldc-dropdown-group.underline .combobox[data-disabled=true] {
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 -2px 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-dropdown-container .mldc-dropdown-group.underline .combobox.has-error {
  box-shadow: inset 0 -3px 0 var(--color-swatches-beta-red-base);
}
.mldc-dropdown-container .mldc-dropdown-group.underline ul {
  padding: var(--space-form-inputs-padding-tb-base) 0;
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 208px;
}
.mldc-dropdown-container .mldc-dropdown-group.underline.multiple ul.dropdown-list {
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
  animation-duration: 0s;
}
.mldc-dropdown-container .mldc-dropdown-group.underline.multiple ul.dropdown-list.disableCTA {
  border: 0;
  border-radius: 0;
}
.mldc-dropdown-container .mldc-dropdown-group.underline.multiple ul.dropdown-list li {
  animation-duration: 0s;
}
.mldc-dropdown-container .mldc-dropdown-group.underline.multiple.pills ul.mldc-pills-group {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-dropdown-container .mldc-dropdown-group.underline.single ul.dropdown-list {
  animation-duration: 0s;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-dropdown-container .mldc-dropdown-group.underline.single ul.dropdown-list li {
  animation-duration: 0s;
}
.mldc-dropdown-container .mldc-dropdown-group.underline .dropdown-actions-wrapper {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list {
  max-height: 265px;
  position: absolute;
  border-bottom: 0;
  border-radius: 0;
  animation-duration: 0s;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list.disableCTA {
  border-bottom: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: var(--space-radius-base);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList {
  padding: 12px var(--space-padding-l) !important;
  animation-duration: 0s;
  display: flex;
  max-height: unset;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList .mldc-checkbox-container {
  display: flex;
  height: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList .mldc-checkbox-container .mldc-checkbox {
  gap: 0;
  width: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList .mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label::after {
  outline-offset: 6px;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList .mldc-checkbox-container .mldc-checkbox label {
  padding-left: 12px;
  cursor: pointer;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList .dropwodown-checkbox-label {
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList:hover:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_9377_5145" fill="white"><path d="M0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6Z"/></mask><path d="M0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6Z" fill="white"/><path d="M6 3H18V-3H6V3ZM21 6V18H27V6H21ZM18 21H6V27H18V21ZM3 18V6H-3V18H3ZM6 21C4.34315 21 3 19.6569 3 18H-3C-3 22.9706 1.02944 27 6 27V21ZM21 18C21 19.6569 19.6569 21 18 21V27C22.9706 27 27 22.9706 27 18H21ZM18 3C19.6569 3 21 4.34315 21 6H27C27 1.02944 22.9706 -3 18 -3V3ZM6 -3C1.02944 -3 -3 1.02944 -3 6H3C3 4.34315 4.34315 3 6 3V-3Z" fill="%230061A0" mask="url(%23path-1-inside-1_9377_5145)"/></svg>');
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList.selected:before {
  content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Check box"><path id="Check box_2" d="M1.5 6C1.5 3.23858 3.73858 1 6.5 1H18.5C21.2614 1 23.5 3.23858 23.5 6V18C23.5 20.7614 21.2614 23 18.5 23H6.5C3.73858 23 1.5 20.7614 1.5 18V6Z" fill="white" stroke="%236E6E6E" stroke-width="2"/><path id="Check" d="M11.4257 17.5C11.1503 17.5 10.8802 17.4511 10.6217 17.3543C10.3434 17.2501 10.0923 17.0956 9.87489 16.895L5.99979 13.4276C5.38242 12.8752 5.32977 11.9269 5.88218 11.3095C6.43459 10.6922 7.38287 10.6395 8.00023 11.1919L11.3907 14.2257L17.9206 7.45845C18.4958 6.8623 19.4454 6.84534 20.0416 7.42058C20.6377 7.99582 20.6547 8.9454 20.0794 9.54155L13.0932 16.7818C12.8894 16.9986 12.6483 17.1711 12.3761 17.2947C12.1007 17.4198 11.8074 17.4884 11.5045 17.4987C11.4782 17.4996 11.4519 17.5 11.4257 17.5Z" fill="%23333333"/></g></svg>');
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: var(--space-hspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList:before {
  content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_9377_5258" fill="white"><path d="M0.5 6C0.5 2.68629 3.18629 0 6.5 0H18.5C21.8137 0 24.5 2.68629 24.5 6V18C24.5 21.3137 21.8137 24 18.5 24H6.5C3.18629 24 0.5 21.3137 0.5 18V6Z"/></mask><path d="M0.5 6C0.5 2.68629 3.18629 0 6.5 0H18.5C21.8137 0 24.5 2.68629 24.5 6V18C24.5 21.3137 21.8137 24 18.5 24H6.5C3.18629 24 0.5 21.3137 0.5 18V6Z" fill="white"/><path d="M6.5 2H18.5V-2H6.5V2ZM22.5 6V18H26.5V6H22.5ZM18.5 22H6.5V26H18.5V22ZM2.5 18V6H-1.5V18H2.5ZM6.5 22C4.29086 22 2.5 20.2091 2.5 18H-1.5C-1.5 22.4183 2.08172 26 6.5 26V22ZM22.5 18C22.5 20.2091 20.7091 22 18.5 22V26C22.9183 26 26.5 22.4183 26.5 18H22.5ZM18.5 2C20.7091 2 22.5 3.79086 22.5 6H26.5C26.5 1.58172 22.9183 -2 18.5 -2V2ZM6.5 -2C2.08172 -2 -1.5 1.58172 -1.5 6H2.5C2.5 3.79086 4.29086 2 6.5 2V-2Z" fill="%236E6E6E" mask="url(%23path-1-inside-1_9377_5258)"/></svg>');
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: var(--space-hspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList.select-all {
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
  margin-bottom: var(--space-vspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList.select-all.selected {
  color: var(--color-brand-neutrals-gray-darkest);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionList.select-all.selected label {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.optionCategory {
  padding: var(--space-padding-base) var(--space-padding-m) !important;
  animation-duration: 0s;
  display: flex;
  max-height: unset;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list input {
  display: block;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .label {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .combobox {
  padding: 12px var(--space-padding-l) 12px 12px;
  min-height: var(--space-form-inputs-height);
  height: auto;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .combobox .placeholder {
  padding-left: 12px;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .combobox span {
  width: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container .group-label {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group {
  gap: 2px;
  border: 0;
  padding: 0px !important;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li {
  display: flex;
  height: 40px;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills {
  padding: var(--space-padding-base) 12px !important;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label {
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon {
  margin-top: 6px;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon svg {
  width: 12px;
  height: 12px;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills:hover {
  padding: var(--space-padding-base) 12px !important;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.count .label {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.count .drop-combo-label {
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.count .indicator {
  display: inline-block;
  background: var(--color-brand-neutrals-gray-dark);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-left: 10px;
  align-items: center;
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.multiple.count .indicator span {
  width: 100%;
  text-align: center;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-bold);
  font-size: var(--typography-px-size-14-to-rem);
  color: var(--color-brand-neutrals-white);
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list {
  max-height: 260px;
  position: absolute;
  border-bottom: 0;
  border-radius: 0;
  animation-duration: 0s;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list.disableCTA {
  border-bottom: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: var(--space-radius-base);
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList {
  padding: 12px var(--space-padding-l) !important;
  animation-duration: 0s;
  display: flex;
  max-height: unset;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList .mldc-checkbox-container {
  display: flex;
  height: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList .mldc-checkbox-container .mldc-checkbox {
  gap: 0;
  width: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList .mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label::after {
  outline-offset: 6px;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList .mldc-checkbox-container .mldc-checkbox label {
  padding-left: 12px;
  cursor: pointer;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList:hover:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_1597_2549" fill="white"><path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"/></mask><path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="white"/><path d="M12 21C7.02944 21 3 16.9706 3 12H-3C-3 20.2843 3.71573 27 12 27V21ZM21 12C21 16.9706 16.9706 21 12 21V27C20.2843 27 27 20.2843 27 12H21ZM12 3C16.9706 3 21 7.02944 21 12H27C27 3.71573 20.2843 -3 12 -3V3ZM12 -3C3.71573 -3 -3 3.71573 -3 12H3C3 7.02944 7.02944 3 12 3V-3Z" fill="%230061A0" mask="url(%23path-1-inside-1_1597_2549)"/></svg>');
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList.selected:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1_8422_5386' fill='white'%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z'/%3e%3c/mask%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z' fill='white'/%3e%3cpath d='M12.5 22C6.97715 22 2.5 17.5228 2.5 12H-1.5C-1.5 19.732 4.76801 26 12.5 26V22ZM22.5 12C22.5 17.5228 18.0228 22 12.5 22V26C20.232 26 26.5 19.732 26.5 12H22.5ZM12.5 2C18.0228 2 22.5 6.47715 22.5 12H26.5C26.5 4.26801 20.232 -2 12.5 -2V2ZM12.5 -2C4.76801 -2 -1.5 4.26801 -1.5 12H2.5C2.5 6.47715 6.97715 2 12.5 2V-2Z' fill='%236E6E6E' mask='url(%23path-1-inside-1_8422_5386)'/%3e%3ccircle xmlns='http://www.w3.org/2000/svg' cx='12.5' cy='12' r='6' fill='%23333333'/%3e%3c/svg%3e ");
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: var(--space-hspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList.select-all {
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
  margin-bottom: var(--space-vspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionList:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1_8422_4690' fill='white'%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z'/%3e%3c/mask%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z' fill='white'/%3e%3cpath d='M12.5 22C6.97715 22 2.5 17.5228 2.5 12H-1.5C-1.5 19.732 4.76801 26 12.5 26V22ZM22.5 12C22.5 17.5228 18.0228 22 12.5 22V26C20.232 26 26.5 19.732 26.5 12H22.5ZM12.5 2C18.0228 2 22.5 6.47715 22.5 12H26.5C26.5 4.26801 20.232 -2 12.5 -2V2ZM12.5 -2C4.76801 -2 -1.5 4.26801 -1.5 12H2.5C2.5 6.47715 6.97715 2 12.5 2V-2Z' fill='%236E6E6E' mask='url(%23path-1-inside-1_8422_4690)'/%3e%3c/svg%3e ");
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: var(--space-hspace-base);
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.optionCategory {
  padding: var(--space-padding-base) var(--space-padding-m) !important;
  animation-duration: 0s;
  display: flex;
  max-height: unset;
}
.mldc-dropdown-container .mldc-dropdown-group.single ul.dropdown-list input {
  display: block;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .label {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .combobox {
  padding: 12px var(--space-padding-l) 12px 12px;
  min-height: var(--space-form-inputs-height);
  height: auto;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .combobox .placeholder {
  padding-left: 12px;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .combobox span {
  width: 100%;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container .group-label {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group {
  gap: 2px;
  border: 0;
  padding: 0px !important;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li {
  display: flex;
  height: 40px;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills {
  padding: var(--space-padding-base) 12px !important;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label {
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon {
  margin-top: 6px;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon svg {
  width: 12px;
  height: 12px;
}
.mldc-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills:hover {
  padding: var(--space-padding-base) 12px !important;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group.single.count .label {
  display: none;
}
.mldc-dropdown-container .mldc-dropdown-group.single.count .drop-combo-label {
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.single.count .indicator {
  display: inline-block;
  background: var(--color-brand-neutrals-white);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-left: 10px;
  align-items: center;
  display: flex;
}
.mldc-dropdown-container .mldc-dropdown-group.single.count .indicator span {
  width: 100%;
  text-align: center;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-bold);
  font-size: var(--typography-px-size-14-to-rem);
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  background: var(--color-brand-neutrals-white);
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
  border-top: 1px solid var(--color-brand-neutrals-gray-light);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container {
  display: flex;
  width: 100%;
  padding: calc(var(--space-form-inputs-padding-tb-base) + var(--space-vspace-base)) var(--space-hspace-m);
  align-items: center;
  justify-content: space-between;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container .footer-cta-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-hspace-m);
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button.disabled {
  color: var(--color-brand-neutrals-gray-medium);
  cursor: auto;
  pointer-events: none;
}
.mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button.disabled:hover, .mldc-dropdown-container .mldc-dropdown-group .dropdown-actions-wrapper .dropdown-actions-button-container button.disabled:active {
  text-decoration: none;
}
.mldc-dropdown-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-vspace-base);
  font-size: var(--typography-px-size-12-to-rem);
}
.mldc-dropdown-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-group-control-fieldset *****/
.mldc-group-control-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.mldc-group-control-fieldset legend {
  padding: 0;
  font-size: 1rem;
  font-weight: var(--typography-weight-semi-bold);
  margin-bottom: 24px;
}

/***** @metlife/mldc-hero-banner *****/
.mldc-hero-banner {
  padding: 32px 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/public/27f29b6b7b048d080927.png);
  background-color: var(--color-background-hero-banner-default);
}
.mldc-hero-banner.home-page {
  min-height: 280px;
}
.mldc-hero-banner.primary-page {
  min-height: 240px;
}
.mldc-hero-banner.secondary-page {
  min-height: 202px;
  padding: 24px 0;
}
.mldc-hero-banner.secondary-page .heading {
  margin-top: 24px;
}
.mldc-hero-banner.secondary-page .description {
  margin-top: 8px;
}
.mldc-hero-banner .hero-banner-content-container,
.mldc-hero-banner .content-box,
.mldc-hero-banner .content {
  display: flex;
  flex: 1;
}
.mldc-hero-banner .description {
  margin-top: 16px;
}
.mldc-hero-banner .cta-wrap {
  margin-top: 24px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.mldc-hero-banner .cta-wrap > *:not(:first-child) {
  margin-left: 15px;
}
.mldc-hero-banner .image-wrap {
  display: flex;
  width: 185px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.mldc-hero-banner .image-wrap img, .mldc-hero-banner .image-wrap svg, .mldc-hero-banner .image-wrap picture, .mldc-hero-banner .image-wrap figure, .mldc-hero-banner .image-wrap figcaption {
  display: block;
  width: 175px;
  height: 175px;
}
.mldc-hero-banner .content-box-withimage {
  display: flex;
  align-items: center;
  gap: var(--space-32);
  align-self: stretch;
}
.mldc-hero-banner.xl, .mldc-hero-banner.lg {
  display: block;
}
.mldc-hero-banner.xl.primary-page.without-description, .mldc-hero-banner.lg.primary-page.without-description {
  display: flex;
  align-items: center;
}
.mldc-hero-banner.xl.primary-page.without-description .content, .mldc-hero-banner.lg.primary-page.without-description .content {
  margin-top: -24px;
}
.mldc-hero-banner.xl .content, .mldc-hero-banner.lg .content {
  align-items: flex-end;
}
.mldc-hero-banner.xl .text-wrap, .mldc-hero-banner.lg .text-wrap {
  padding-right: 20px;
  width: 66.6666666667%;
}
.mldc-hero-banner.xl .cta-wrap, .mldc-hero-banner.lg .cta-wrap {
  flex: 1;
  justify-content: flex-end;
  width: fit-content;
}
.mldc-hero-banner.xl .cta-wrap > *, .mldc-hero-banner.lg .cta-wrap > * {
  width: max-content;
}
.mldc-hero-banner.xl .cta-wrap > *:first-child, .mldc-hero-banner.lg .cta-wrap > *:first-child {
  min-width: 270px;
}
.mldc-hero-banner.md {
  background-image: url(/public/b3263a42ff925a7c5898.png);
}
.mldc-hero-banner.md .content {
  flex-flow: column;
  justify-content: space-between;
}
.mldc-hero-banner.md .text-wrap {
  width: 100%;
}
.mldc-hero-banner.md .cta-wrap {
  width: 58.3333333333%;
}
.mldc-hero-banner.md .cta-wrap > *:first-child {
  width: 85.7142857143%;
}
.mldc-hero-banner.md .image-wrap {
  width: 224px;
}
.mldc-hero-banner.sm, .mldc-hero-banner.xs {
  background-image: url(/public/ebec8f3abd6ad742a513.png);
}
.mldc-hero-banner.sm .content, .mldc-hero-banner.xs .content {
  flex-flow: column;
  justify-content: space-between;
}
.mldc-hero-banner.sm .text-wrap, .mldc-hero-banner.xs .text-wrap {
  width: 100%;
}
.mldc-hero-banner.sm.home-page, .mldc-hero-banner.xs.home-page {
  min-height: 280px;
}
.mldc-hero-banner.sm.home-page .content .text-wrap-withimage, .mldc-hero-banner.xs.home-page .content .text-wrap-withimage {
  margin-top: 24px;
}
.mldc-hero-banner.sm .cta-wrap, .mldc-hero-banner.xs .cta-wrap {
  width: 100%;
}
.mldc-hero-banner.sm .cta-wrap > *:first-child, .mldc-hero-banner.xs .cta-wrap > *:first-child {
  flex: 1;
}
.mldc-hero-banner.sm .image-wrap, .mldc-hero-banner.xs .image-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 202px;
}
.mldc-hero-banner.sm .image-wrap img, .mldc-hero-banner.sm .image-wrap svg, .mldc-hero-banner.sm .image-wrap picture, .mldc-hero-banner.sm .image-wrap figure, .mldc-hero-banner.sm .image-wrap figcaption, .mldc-hero-banner.xs .image-wrap img, .mldc-hero-banner.xs .image-wrap svg, .mldc-hero-banner.xs .image-wrap picture, .mldc-hero-banner.xs .image-wrap figure, .mldc-hero-banner.xs .image-wrap figcaption {
  display: block;
  width: 129px;
  height: 129px;
}
.mldc-hero-banner.sm .content-box-withimage, .mldc-hero-banner.xs .content-box-withimage {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-0);
  padding: 24px 16px;
}
.mldc-hero-banner.sm .sub-heading, .mldc-hero-banner.xs .sub-heading {
  line-height: 30px;
  font-size: 20px;
}

.hero-banner-breadcrumb {
  margin-left: 16px;
}
.hero-banner-breadcrumb ul {
  margin: 0;
}

.hero-banner-breadcrumb {
  margin-left: 16px;
}
.hero-banner-breadcrumb ul {
  margin: 0;
}

.mldc-rtl .mldc-hero-banner.xl .text-wrap, .mldc-rtl .mldc-hero-banner.lg .text-wrap,
html[dir=rtl] .mldc-hero-banner.xl .text-wrap,
html[dir=rtl] .mldc-hero-banner.lg .text-wrap,
body[dir=rtl] .mldc-hero-banner.xl .text-wrap,
body[dir=rtl] .mldc-hero-banner.lg .text-wrap {
  padding-right: 0;
  padding-left: 20px;
}
.mldc-rtl .mldc-hero-banner .cta-wrap .secondary .leading,
html[dir=rtl] .mldc-hero-banner .cta-wrap .secondary .leading,
body[dir=rtl] .mldc-hero-banner .cta-wrap .secondary .leading {
  margin-left: 8px;
  margin-right: 0px;
}
.mldc-rtl .mldc-hero-banner .content-box .mldc-text-link,
.mldc-rtl .mldc-hero-banner .content .mldc-text-link,
.mldc-rtl .mldc-hero-banner .cta-wrap .mldc-text-link,
html[dir=rtl] .mldc-hero-banner .content-box .mldc-text-link,
html[dir=rtl] .mldc-hero-banner .content .mldc-text-link,
html[dir=rtl] .mldc-hero-banner .cta-wrap .mldc-text-link,
body[dir=rtl] .mldc-hero-banner .content-box .mldc-text-link,
body[dir=rtl] .mldc-hero-banner .content .mldc-text-link,
body[dir=rtl] .mldc-hero-banner .cta-wrap .mldc-text-link {
  margin-right: 15px;
  margin-left: 0px;
}
.mldc-rtl .mldc-hero-banner .content-box .mldc-text-link .leading,
.mldc-rtl .mldc-hero-banner .content .mldc-text-link .leading,
.mldc-rtl .mldc-hero-banner .cta-wrap .mldc-text-link .leading,
html[dir=rtl] .mldc-hero-banner .content-box .mldc-text-link .leading,
html[dir=rtl] .mldc-hero-banner .content .mldc-text-link .leading,
html[dir=rtl] .mldc-hero-banner .cta-wrap .mldc-text-link .leading,
body[dir=rtl] .mldc-hero-banner .content-box .mldc-text-link .leading,
body[dir=rtl] .mldc-hero-banner .content .mldc-text-link .leading,
body[dir=rtl] .mldc-hero-banner .cta-wrap .mldc-text-link .leading {
  margin-right: 0px;
  margin-left: 8px;
}
.mldc-rtl .gray-block .overlay-cards-wrap .row > div .card .card-heading-link .mldc-text-link .link-icon,
html[dir=rtl] .gray-block .overlay-cards-wrap .row > div .card .card-heading-link .mldc-text-link .link-icon,
body[dir=rtl] .gray-block .overlay-cards-wrap .row > div .card .card-heading-link .mldc-text-link .link-icon {
  margin-left: 0px;
  margin-right: 8px;
}

/***** @metlife/mldc-input-text *****/
/*****
tokens that used for theme:
space-form-inputs-vspace-label-value: 2px
space-form-inputs-padding-tb-base: 8px -> 4px
space-form-inputs-height: 64px -> 56px
space-form-inputs-padding-lr-l: 24px
space-form-inputs-radius-base: 8px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
*****/
@keyframes flyingTextLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc((var(--space-form-inputs-height) - 24px) / 2);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
}
@keyframes flyingTextLabelBack {
  from {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
  to {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc((var(--space-form-inputs-height) - 24px) / 2);
  }
}
.mldc-input-text-container .mldc-input-text-group,
.mldc-input-text-container .hint-message,
.mldc-input-text-container .error-message,
.mldc-input-text-container .link-tooltip {
  max-width: 270px;
}
.mldc-input-text-container.full-width .mldc-input-text-group,
.mldc-input-text-container.full-width .hint-message,
.mldc-input-text-container.full-width .error-message,
.mldc-input-text-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-input-text-container.full-with-on-mobile .mldc-input-text-group,
  .mldc-input-text-container.full-with-on-mobile .hint-message,
  .mldc-input-text-container.full-with-on-mobile .error-message,
  .mldc-input-text-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-input-text-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-input-text-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-input-text-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-input-text-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-input-text-container .mldc-input-text-group {
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-form-inputs-radius-base);
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  height: var(--space-form-inputs-height);
  cursor: pointer;
}
.mldc-input-text-container .mldc-input-text-group.focused, .mldc-input-text-container .mldc-input-text-group:hover {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-brand-primary-ml-blue3);
}
.mldc-input-text-container .mldc-input-text-group.with-error {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-swatches-beta-red-base);
}
.mldc-input-text-container .mldc-input-text-group:has(input[disabled]), .mldc-input-text-container .mldc-input-text-group:has(input:disabled) {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-medium);
}
.mldc-input-text-container .mldc-input-text-group:has(input[disabled]),
.mldc-input-text-container .mldc-input-text-group:has(input[disabled]) input, .mldc-input-text-container .mldc-input-text-group:has(input:disabled),
.mldc-input-text-container .mldc-input-text-group:has(input:disabled) input {
  background-color: var(--color-brand-neutrals-gray-lightest);
  pointer-events: none;
}
.mldc-input-text-container .mldc-input-text-group .input-group {
  cursor: pointer;
  padding: calc(var(--space-form-inputs-padding-tb-base) + 2px) calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-text-container .mldc-input-text-group .input-group.with-icon {
  padding-right: calc(var(--space-hspace-base) + 32px + var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-text-container .mldc-input-text-group .input-group.with-icon label {
  width: calc(100% - 92px);
}
.mldc-input-text-container .mldc-input-text-group .input-group label {
  display: block;
  width: calc(100% - 52px);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-brand-neutrals-gray-dark);
  position: absolute;
  left: calc(var(--space-form-inputs-padding-lr-l) + 2px);
  top: calc((var(--space-form-inputs-height) - 24px) / 2);
  font-size: var(--typography-px-size-16-to-rem);
  cursor: pointer;
}
.mldc-input-text-container .mldc-input-text-group .input-group label.up, .mldc-input-text-container .mldc-input-text-group .input-group label.keyboard-empty {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
}
.mldc-input-text-container .mldc-input-text-group .input-group label:not(.keyboard-empty).floating {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingTextLabel;
}
.mldc-input-text-container .mldc-input-text-group .input-group label.down {
  font-size: var(--typography-px-size-16-to-rem);
  top: calc((var(--space-form-inputs-height) - 24px) / 2);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingTextLabelBack;
}
.mldc-input-text-container .mldc-input-text-group .input-group input {
  width: 100%;
  font-size: var(--typography-px-size-16-to-rem);
  margin-top: calc(18px + var(--space-form-inputs-vspace-label-value));
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  color: var(--color-brand-neutrals-gray-darkest);
  cursor: pointer;
}
.mldc-input-text-container .mldc-input-text-group .input-group input[data-class=shown] {
  opacity: 1;
}
.mldc-input-text-container .mldc-input-text-group .input-group input:-webkit-autofill, .mldc-input-text-container .mldc-input-text-group .input-group input:-webkit-autofill:hover, .mldc-input-text-container .mldc-input-text-group .input-group input:-webkit-autofill:focus, .mldc-input-text-container .mldc-input-text-group .input-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-brand-neutrals-white) inset !important;
}
.mldc-input-text-container .mldc-input-text-group .input-group input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-brand-neutrals-gray-darkest) !important;
}
.mldc-input-text-container .mldc-input-text-group .icon-placeholder {
  position: absolute;
  top: calc((var(--space-form-inputs-height) - 32px) / 2);
  right: calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-text-container .mldc-input-text-group.underline {
  border-radius: var(--space-form-inputs-radius-base) var(--space-form-inputs-radius-base) 0 0;
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-input-text-container .mldc-input-text-group.underline.focused, .mldc-input-text-container .mldc-input-text-group.underline:hover {
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-brand-primary-ml-blue3);
}
.mldc-input-text-container .mldc-input-text-group.underline.with-error {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-swatches-beta-red-base);
}
.mldc-input-text-container .mldc-input-text-group.underline:has(input[disabled]), .mldc-input-text-container .mldc-input-text-group.underline:has(input:disabled) {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-input-text-container .hint-message {
  color: var(--color-brand-neutrals-gray-dark);
  margin-top: var(--space-form-inputs-vspace-field-msg);
}
.mldc-input-text-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-form-inputs-vspace-field-msg);
}
.mldc-input-text-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-input-password *****/
/*****
tokens that used for theme:
space-form-inputs-vspace-label-value: 2px
space-form-inputs-padding-tb-base: 8px -> 4px
space-form-inputs-height: 64px -> 56px
space-form-inputs-padding-lr-l: 24px
space-form-inputs-radius-base: 8px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
*****/
@keyframes flyingPasswordLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc((var(--space-form-inputs-height) - 24px) / 2);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
}
@keyframes flyingPasswordLabelBack {
  from {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
  to {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc((var(--space-form-inputs-height) - 24px) / 2);
  }
}
.mldc-input-password-container {
  width: 100%;
}
.mldc-input-password-container .mldc-input-password-group,
.mldc-input-password-container .hint-message,
.mldc-input-password-container .error-message,
.mldc-input-password-container .link-tooltip {
  max-width: 270px;
}
.mldc-input-password-container.full-width .mldc-input-password-group,
.mldc-input-password-container.full-width .hint-message,
.mldc-input-password-container.full-width .error-message,
.mldc-input-password-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-input-password-container.full-with-on-mobile .mldc-input-password-group,
  .mldc-input-password-container.full-with-on-mobile .hint-message,
  .mldc-input-password-container.full-with-on-mobile .error-message,
  .mldc-input-password-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-input-password-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-input-password-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-input-password-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-input-password-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-input-password-container .mldc-input-password-group {
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-form-inputs-radius-base);
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  height: var(--space-form-inputs-height);
  cursor: pointer;
}
.mldc-input-password-container .mldc-input-password-group.focused, .mldc-input-password-container .mldc-input-password-group:hover {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-brand-primary-ml-blue3);
}
.mldc-input-password-container .mldc-input-password-group.with-error {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-swatches-beta-red-base);
}
.mldc-input-password-container .mldc-input-password-group:has(input[disabled]), .mldc-input-password-container .mldc-input-password-group:has(input:disabled) {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-medium);
}
.mldc-input-password-container .mldc-input-password-group:has(input[disabled]),
.mldc-input-password-container .mldc-input-password-group:has(input[disabled]) input, .mldc-input-password-container .mldc-input-password-group:has(input:disabled),
.mldc-input-password-container .mldc-input-password-group:has(input:disabled) input {
  background-color: var(--color-brand-neutrals-gray-lightest);
  pointer-events: none;
}
.mldc-input-password-container .mldc-input-password-group .input-group {
  cursor: pointer;
  padding: calc(var(--space-form-inputs-padding-tb-base) + 2px) calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-password-container .mldc-input-password-group .input-group.with-icon {
  padding-right: calc(var(--space-hspace-base) + 16px + var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-password-container .mldc-input-password-group .input-group.with-icon label {
  width: calc(100% - 92px);
}
.mldc-input-password-container .mldc-input-password-group .input-group label {
  display: block;
  width: calc(100% - 52px);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-brand-neutrals-gray-dark);
  position: absolute;
  left: calc(var(--space-form-inputs-padding-lr-l) + 2px);
  top: calc((var(--space-form-inputs-height) - 24px) / 2);
  font-size: var(--typography-px-size-16-to-rem);
  cursor: pointer;
}
.mldc-input-password-container .mldc-input-password-group .input-group label.up, .mldc-input-password-container .mldc-input-password-group .input-group label.keyboard-empty {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
}
.mldc-input-password-container .mldc-input-password-group .input-group label:not(.keyboard-empty).floating {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingPasswordLabel;
}
.mldc-input-password-container .mldc-input-password-group .input-group label.down {
  font-size: var(--typography-px-size-16-to-rem);
  top: calc((var(--space-form-inputs-height) - 24px) / 2);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingPasswordLabelBack;
}
.mldc-input-password-container .mldc-input-password-group .input-group input {
  width: 100%;
  font-size: var(--typography-px-size-16-to-rem);
  margin-top: calc(18px + var(--space-form-inputs-vspace-label-value));
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  color: var(--color-brand-neutrals-gray-darkest);
  cursor: pointer;
}
.mldc-input-password-container .mldc-input-password-group .input-group input[data-class=shown] {
  opacity: 1;
}
.mldc-input-password-container .mldc-input-password-group .input-group input:-webkit-autofill, .mldc-input-password-container .mldc-input-password-group .input-group input:-webkit-autofill:hover, .mldc-input-password-container .mldc-input-password-group .input-group input:-webkit-autofill:focus, .mldc-input-password-container .mldc-input-password-group .input-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-brand-neutrals-white) inset !important;
}
.mldc-input-password-container .mldc-input-password-group .input-group input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-brand-neutrals-gray-darkest) !important;
}
.mldc-input-password-container .mldc-input-password-group .input-group input::-ms-reveal {
  display: none;
}
.mldc-input-password-container .mldc-input-password-group .input-group .hidden-password-value {
  color: transparent;
  font-family: monospace;
  caret-color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-input-password-container .mldc-input-password-group .input-group .fake-password-value {
  position: absolute;
  bottom: 10px;
  font-family: monospace;
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-input-password-container .mldc-input-password-group .icon-placeholder {
  position: absolute;
  top: calc((var(--space-form-inputs-height) - 16px) / 2);
  right: calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-password-container .mldc-input-password-group.underline {
  border-radius: var(--space-form-inputs-radius-base) var(--space-form-inputs-radius-base) 0 0;
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-input-password-container .mldc-input-password-group.underline.focused, .mldc-input-password-container .mldc-input-password-group.underline:hover {
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-brand-primary-ml-blue3);
}
.mldc-input-password-container .mldc-input-password-group.underline.with-error {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-swatches-beta-red-base);
}
.mldc-input-password-container .mldc-input-password-group.underline:has(input[disabled]), .mldc-input-password-container .mldc-input-password-group.underline:has(input:disabled) {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-input-password-container .hint-message {
  color: var(--color-brand-neutrals-gray-dark);
  margin-top: var(--space-form-inputs-vspace-field-msg);
}
.mldc-input-password-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-form-inputs-vspace-field-msg);
}
.mldc-input-password-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

.mldc-rtl .mldc-input-password-container .mldc-input-password-group .input-group.with-icon,
html[dir=rtl] .mldc-input-password-container .mldc-input-password-group .input-group.with-icon,
body[dir=rtl] .mldc-input-password-container .mldc-input-password-group .input-group.with-icon {
  padding-left: calc(var(--space-hspace-base) + 16px + var(--space-form-inputs-padding-lr-l) + 2px);
  padding-right: calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-rtl .mldc-input-password-container .mldc-input-password-group .input-group.with-icon label,
html[dir=rtl] .mldc-input-password-container .mldc-input-password-group .input-group.with-icon label,
body[dir=rtl] .mldc-input-password-container .mldc-input-password-group .input-group.with-icon label {
  left: auto;
  right: calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-rtl .mldc-input-password-container .mldc-input-password-group .icon-placeholder,
html[dir=rtl] .mldc-input-password-container .mldc-input-password-group .icon-placeholder,
body[dir=rtl] .mldc-input-password-container .mldc-input-password-group .icon-placeholder {
  right: auto;
  left: calc(var(--space-form-inputs-padding-lr-l) + 2px);
}

/***** @metlife/mldc-input-number *****/
/*****
tokens that used for theme:
space-form-inputs-vspace-label-value: 2px
space-form-inputs-padding-tb-base: 8px -> 4px
space-form-inputs-height: 64px -> 56px
space-form-inputs-padding-lr-l: 24px
space-form-inputs-radius-base: 8px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
*****/
@keyframes flyingNumberLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc((var(--space-form-inputs-height) - 24px) / 2);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
}
@keyframes flyingNumberLabelBack {
  from {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
  to {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc((var(--space-form-inputs-height) - 24px) / 2);
  }
}
.mldc-input-number-container {
  width: 100%;
}
.mldc-input-number-container .mldc-input-number-group,
.mldc-input-number-container .hint-message,
.mldc-input-number-container .error-message,
.mldc-input-number-container .link-tooltip {
  max-width: 270px;
}
.mldc-input-number-container.full-width .mldc-input-number-group,
.mldc-input-number-container.full-width .hint-message,
.mldc-input-number-container.full-width .error-message,
.mldc-input-number-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-input-number-container.full-with-on-mobile .mldc-input-number-group,
  .mldc-input-number-container.full-with-on-mobile .hint-message,
  .mldc-input-number-container.full-with-on-mobile .error-message,
  .mldc-input-number-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-input-number-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-input-number-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-input-number-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-input-number-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-input-number-container .mldc-input-number-group {
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-form-inputs-radius-base);
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  height: var(--space-form-inputs-height);
  cursor: pointer;
}
.mldc-input-number-container .mldc-input-number-group.focused, .mldc-input-number-container .mldc-input-number-group:hover {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-brand-primary-ml-blue3);
}
.mldc-input-number-container .mldc-input-number-group.with-error {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-swatches-beta-red-base);
}
.mldc-input-number-container .mldc-input-number-group:has(input[disabled]), .mldc-input-number-container .mldc-input-number-group:has(input:disabled) {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-medium);
}
.mldc-input-number-container .mldc-input-number-group:has(input[disabled]),
.mldc-input-number-container .mldc-input-number-group:has(input[disabled]) input, .mldc-input-number-container .mldc-input-number-group:has(input:disabled),
.mldc-input-number-container .mldc-input-number-group:has(input:disabled) input {
  background-color: var(--color-brand-neutrals-gray-lightest);
  pointer-events: none;
}
.mldc-input-number-container .mldc-input-number-group .input-group {
  cursor: pointer;
  padding: calc(var(--space-form-inputs-padding-tb-base) + 2px) calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-number-container .mldc-input-number-group .input-group.with-icon {
  padding-right: calc(var(--space-hspace-base) + 32px + var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-number-container .mldc-input-number-group .input-group.with-icon label {
  width: calc(100% - 92px);
}
.mldc-input-number-container .mldc-input-number-group .input-group label {
  display: block;
  width: calc(100% - 52px);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-brand-neutrals-gray-dark);
  position: absolute;
  left: calc(var(--space-form-inputs-padding-lr-l) + 2px);
  top: calc((var(--space-form-inputs-height) - 24px) / 2);
  font-size: var(--typography-px-size-16-to-rem);
  cursor: pointer;
}
.mldc-input-number-container .mldc-input-number-group .input-group label.up, .mldc-input-number-container .mldc-input-number-group .input-group label.keyboard-empty {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
}
.mldc-input-number-container .mldc-input-number-group .input-group label:not(.keyboard-empty).floating {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingNumberLabel;
}
.mldc-input-number-container .mldc-input-number-group .input-group label.down {
  font-size: var(--typography-px-size-16-to-rem);
  top: calc((var(--space-form-inputs-height) - 24px) / 2);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingNumberLabelBack;
}
.mldc-input-number-container .mldc-input-number-group .input-group input {
  width: 100%;
  font-size: var(--typography-px-size-16-to-rem);
  margin-top: calc(18px + var(--space-form-inputs-vspace-label-value));
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  color: var(--color-brand-neutrals-gray-darkest);
  cursor: pointer;
}
.mldc-input-number-container .mldc-input-number-group .input-group input[data-class=shown] {
  opacity: 1;
}
.mldc-input-number-container .mldc-input-number-group .input-group input:-webkit-autofill, .mldc-input-number-container .mldc-input-number-group .input-group input:-webkit-autofill:hover, .mldc-input-number-container .mldc-input-number-group .input-group input:-webkit-autofill:focus, .mldc-input-number-container .mldc-input-number-group .input-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-brand-neutrals-white) inset !important;
}
.mldc-input-number-container .mldc-input-number-group .input-group input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-brand-neutrals-gray-darkest) !important;
}
.mldc-input-number-container .mldc-input-number-group .icon-placeholder {
  position: absolute;
  top: calc((var(--space-form-inputs-height) - 32px) / 2);
  right: calc(var(--space-form-inputs-padding-lr-l) + 2px);
}
.mldc-input-number-container .mldc-input-number-group.underline {
  border-radius: var(--space-form-inputs-radius-base) var(--space-form-inputs-radius-base) 0 0;
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-input-number-container .mldc-input-number-group.underline.focused, .mldc-input-number-container .mldc-input-number-group.underline:hover {
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-brand-primary-ml-blue3);
}
.mldc-input-number-container .mldc-input-number-group.underline.with-error {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-swatches-beta-red-base);
}
.mldc-input-number-container .mldc-input-number-group.underline:has(input[disabled]), .mldc-input-number-container .mldc-input-number-group.underline:has(input:disabled) {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-input-number-container .hint-message {
  color: var(--color-brand-neutrals-gray-dark);
  margin-top: var(--space-form-inputs-vspace-field-msg);
}
.mldc-input-number-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-form-inputs-vspace-field-msg);
}
.mldc-input-number-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-textarea *****/
/*****
tokens that used for theme:
space-form-inputs-padding-tb-base: 8px
space-form-inputs-padding-tb-m: 16px
space-form-inputs-padding-lr-l: 24px
space-form-Inputs-height-text-area: 130px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-radius-base: 8px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
*****/
@keyframes flyingLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-m) + 2px);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
}
@keyframes flyingLabelBack {
  from {
    font-size: var(--typography-px-size-12-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  }
  to {
    font-size: var(--typography-px-size-16-to-rem);
    font-weight: var(--typography-weight-normal);
    line-height: var(--typography-line-height-2);
    top: calc(var(--space-form-inputs-padding-tb-m) + 2px);
  }
}
.mldc-textarea-container {
  width: 100%;
}
.mldc-textarea-container .mldc-textarea,
.mldc-textarea-container .hint-message,
.mldc-textarea-container .error-message,
.mldc-textarea-container .link-tooltip {
  max-width: 270px;
}
.mldc-textarea-container.full-width .mldc-textarea,
.mldc-textarea-container.full-width .hint-message,
.mldc-textarea-container.full-width .error-message,
.mldc-textarea-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-textarea-container.full-with-on-mobile .mldc-textarea,
  .mldc-textarea-container.full-with-on-mobile .hint-message,
  .mldc-textarea-container.full-with-on-mobile .error-message,
  .mldc-textarea-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-textarea-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-textarea-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-textarea-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-textarea-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-textarea-container .mldc-textarea {
  display: flex;
  position: relative;
}
.mldc-textarea-container .mldc-textarea label {
  display: block;
  width: calc(100% - 48px);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-brand-neutrals-gray-dark);
  position: absolute;
  left: var(--space-form-inputs-padding-lr-l);
  top: calc(var(--space-form-inputs-padding-tb-m) + 2px);
  font-size: var(--typography-px-size-16-to-rem);
}
.mldc-textarea-container .mldc-textarea label.up, .mldc-textarea-container .mldc-textarea label.keyboard-empty {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
}
.mldc-textarea-container .mldc-textarea label:not(.keyboard-empty).floating {
  font-size: var(--typography-px-size-12-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-base) + 2px);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingLabel;
}
.mldc-textarea-container .mldc-textarea label.down {
  font-size: var(--typography-px-size-16-to-rem);
  top: calc(var(--space-form-inputs-padding-tb-m) + 2px);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingLabelBack;
}
.mldc-textarea-container .mldc-textarea .textarea-wrap {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-form-inputs-radius-base);
  padding: calc(var(--space-form-inputs-padding-tb-base) + 22px) 3px var(--space-form-inputs-padding-tb-m) var(--space-form-inputs-padding-lr-l);
}
.mldc-textarea-container .mldc-textarea .textarea-wrap.disabled {
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-medium);
}
.mldc-textarea-container .mldc-textarea .textarea-wrap.disabled textarea {
  background-color: var(--color-brand-neutrals-gray-lightest);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-textarea-container .mldc-textarea textarea {
  border: 0;
  outline: 0;
  padding: 0 calc(var(--space-form-inputs-padding-lr-l) - 3px) 0 0;
  width: 100%;
  resize: none;
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-gray-darkest);
  scrollbar-color: var(--color-brand-neutrals-gray-dark) var(--color-brand-neutrals-transparent);
  scrollbar-width: thin;
}
.mldc-textarea-container .mldc-textarea textarea::-webkit-scrollbar {
  background-color: var(--color-brand-neutrals-transparent);
  width: 6px;
}
.mldc-textarea-container .mldc-textarea textarea::-webkit-scrollbar-thumb {
  background-color: var(--color-brand-neutrals-gray-dark);
  border-radius: 10px;
}
.mldc-textarea-container .mldc-textarea.focused .textarea-wrap, .mldc-textarea-container .mldc-textarea:hover .textarea-wrap {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-brand-primary-ml-blue3);
}
.mldc-textarea-container .mldc-textarea.focused .textarea-wrap.disabled, .mldc-textarea-container .mldc-textarea:hover .textarea-wrap.disabled {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-medium);
}
.mldc-textarea-container .mldc-textarea.with-error .textarea-wrap {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-swatches-beta-red-base);
}
.mldc-textarea-container .mldc-textarea.with-error.focused .textarea-wrap {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-brand-primary-ml-blue3);
}
.mldc-textarea-container .mldc-textarea.underline .textarea-wrap {
  background-color: var(--color-brand-neutrals-gray-lightest);
  border-radius: var(--space-form-inputs-radius-base) var(--space-form-inputs-radius-base) 0 0;
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-textarea-container .mldc-textarea.underline .textarea-wrap textarea {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-textarea-container .mldc-textarea.underline.focused .textarea-wrap, .mldc-textarea-container .mldc-textarea.underline:hover .textarea-wrap {
  outline: 0;
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-brand-primary-ml-blue3);
}
.mldc-textarea-container .mldc-textarea.underline.focused .textarea-wrap.disabled, .mldc-textarea-container .mldc-textarea.underline:hover .textarea-wrap.disabled {
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-textarea-container .mldc-textarea.underline.with-error .textarea-wrap {
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-swatches-beta-red-base);
}
.mldc-textarea-container .mldc-textarea.underline.with-error.focused .textarea-wrap {
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-brand-primary-ml-blue3);
}
.mldc-textarea-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-form-inputs-vspace-field-msg);
  font-size: var(--typography-px-size-12-to-rem);
  line-height: var(--typography-line-height-2);
}
.mldc-textarea-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-notification *****/
.mldc-notification.stacked .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-notification.stacked .inner .header-wrapper {
  flex-flow: column;
}
.mldc-notification.stacked .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-notification.stacked .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-notification.stacked .inner .content .heading-text {
  white-space: unset;
}
.mldc-notification.stacked .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-notification.stacked .inner .action button {
  margin-top: 16px;
}
.mldc-notification.stacked .inner .action .text-link {
  padding: 0;
  font-weight: 600;
  padding-top: 16px;
}
.mldc-notification.stacked .inner .close-button {
  padding: 0;
}
.mldc-notification.bottomLeft {
  position: fixed;
  left: 0;
  width: 417px;
  bottom: 0;
}
.mldc-notification.bottomLeft .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-notification.bottomLeft .inner .header-wrapper {
  flex-flow: column;
}
.mldc-notification.bottomLeft .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-notification.bottomLeft .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-notification.bottomLeft .inner .content .heading-text {
  white-space: unset;
}
.mldc-notification.bottomLeft .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-notification.bottomLeft .inner .action button {
  margin-top: 16px;
}
.mldc-notification.bottomLeft .inner .action .text-link {
  font-weight: 600;
  padding: 0;
  padding-top: 16px;
}
.mldc-notification.bottomLeft .inner .close-button {
  padding: 0;
}
.mldc-notification.bottomRight {
  position: fixed;
  right: 0;
  width: 417px;
  bottom: 0;
}
.mldc-notification.bottomRight .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-notification.bottomRight .inner .header-wrapper {
  flex-flow: column;
}
.mldc-notification.bottomRight .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-notification.bottomRight .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-notification.bottomRight .inner .content .heading-text {
  white-space: unset;
}
.mldc-notification.bottomRight .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-notification.bottomRight .inner .action button {
  margin-top: 16px;
}
.mldc-notification.bottomRight .inner .action .text-link {
  font-weight: 600;
  padding: 0;
  padding-top: 16px;
}
.mldc-notification.bottomRight .inner .close-button {
  padding: 0;
}
.mldc-notification .inner {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.mldc-notification .inner .header-wrapper {
  display: flex;
  flex: 1;
}
.mldc-notification .inner .header {
  padding: 24px;
  display: flex;
  gap: 16px;
  flex: 1;
}
.mldc-notification.xxl .inner, .mldc-notification.xl .inner, .mldc-notification.lg .inner {
  max-width: var(--responsive-container-max-width-xxl);
}
.mldc-notification.md.bottomLeft, .mldc-notification.md.bottomRight {
  width: 368px;
}
.mldc-notification.sm, .mldc-notification.xs {
  padding: 0px;
}
.mldc-notification.sm.bottomLeft, .mldc-notification.sm.bottomRight, .mldc-notification.xs.bottomLeft, .mldc-notification.xs.bottomRight {
  width: 100%;
  left: 0px;
}
.mldc-notification.sm.linear .inner, .mldc-notification.xs.linear .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-notification.sm.linear .inner .header-wrapper, .mldc-notification.xs.linear .inner .header-wrapper {
  flex-flow: column;
}
.mldc-notification.sm.linear .inner .header, .mldc-notification.xs.linear .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-notification.sm.linear .inner .content, .mldc-notification.xs.linear .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-notification.sm.linear .inner .content .heading-text, .mldc-notification.xs.linear .inner .content .heading-text {
  white-space: unset;
}
.mldc-notification.sm.linear .inner .action, .mldc-notification.xs.linear .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-notification.sm.linear .inner .action button, .mldc-notification.xs.linear .inner .action button {
  margin-top: 16px;
}
.mldc-notification.sm.linear .inner .action .text-link, .mldc-notification.xs.linear .inner .action .text-link {
  font-weight: 600;
  padding: 0;
  padding-top: 16px;
}
.mldc-notification.sm.linear .inner .close-button, .mldc-notification.xs.linear .inner .close-button {
  padding: 0;
}
.mldc-notification + .mldc-notification {
  margin-top: 16px;
}
.mldc-notification.info {
  background-color: var(--color-brand-primary-ml-blue2);
}
.mldc-notification.info .notification-icon {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-notification.info .close-button .mldc-icon-button:focus {
  outline: none;
  box-shadow: none;
}
.mldc-notification.info .close-button .mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-neutrals-white);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -2px;
  top: -2px;
}
.mldc-notification.info .close-button .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-notification.error {
  background-color: var(--color-brand-secondary-ml-berry-base);
}
.mldc-notification.error .notification-icon {
  color: var(--color-brand-secondary-ml-berry-base);
}
.mldc-notification.alert {
  background-color: var(--color-brand-secondary-ml-berry-base);
}
.mldc-notification.alert .notification-icon {
  color: var(--color-brand-secondary-ml-berry-base);
}
.mldc-notification.alert .notification-icon svg {
  transform: rotate(180deg);
}
.mldc-notification.success {
  background-color: var(--color-swatches-beta-green-darkest);
}
.mldc-notification.success .notification-icon {
  color: var(--color-swatches-beta-green-darkest);
}
.mldc-notification.success .notification-icon svg {
  padding: 2px;
}
.mldc-notification.promo {
  background-color: var(--color-brand-secondary-ml-purple-base);
}
.mldc-notification.promo .notification-icon {
  color: var(--color-brand-secondary-ml-purple-base);
}
.mldc-notification.cookie {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-notification.cookie .notification-icon svg circle {
  fill: var(--color-brand-neutrals-gray-darkest);
}
.mldc-notification.cookie .notification-icon svg path {
  color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-notification.cookie .content .heading-text {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-notification.cookie .content span {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-notification.cookie .action .text-link a {
  font-weight: 600;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-notification.cookie .close-button .mldc-icon-button svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-notification .content {
  flex: 1;
  color: var(--color-brand-neutrals-white);
  font-size: 1rem;
  display: flex;
  flex-flow: nowrap;
  gap: 16px;
}
.mldc-notification .content .heading-text {
  font-weight: var(--typography-weight-semi-bold);
  white-space: nowrap;
}
.mldc-notification .content a {
  text-decoration: underline;
  cursor: pointer;
}
.mldc-notification .content span {
  color: var(--color-brand-neutrals-white);
}
.mldc-notification .action {
  display: flex;
  gap: 24px;
}
.mldc-notification .action .mldc-button.secondary.pill {
  height: 40px;
  margin-top: 16px;
  padding: 8px 16px;
  border-radius: 24px;
}
.mldc-notification .action .text-link {
  padding: 24px 0;
}
.mldc-notification .action .text-link a {
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-brand-neutrals-white);
}
.mldc-notification .close-button {
  padding: 28px 24px 28px 0px;
}
.mldc-notification .close-button .mldc-icon-button {
  display: flex;
  align-items: center;
  height: 16px;
  width: 16px;
}
.mldc-notification .close-button .mldc-icon-button svg {
  display: block;
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-white);
}
.mldc-notification .notification-icon,
.mldc-notification .mldc-icon-button {
  display: flex;
  align-items: center;
  height: 24px;
}
.mldc-notification .notification-icon svg,
.mldc-notification .mldc-icon-button svg {
  display: block;
}

/***** @metlife/mldc-pills *****/
@keyframes reduce {
  from {
    opacity: 1;
    padding: 6px 24px;
  }
  to {
    opacity: 0;
    padding: 6px 0;
    display: none;
  }
}
.mldc-pills-container {
  border: 0;
  padding: 0;
  margin: 0;
}
.mldc-pills-container .group-label {
  padding: 0;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pills-container .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-pills-container .group-label + .link-tooltip {
  margin: -24px 0 16px;
}
.mldc-pills-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-pills-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-pills-container .mldc-pills-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mldc-pills-container .mldc-pills {
  position: relative;
  display: inline-block;
  align-items: center;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 100px;
  padding: 6px 24px;
  cursor: pointer;
}
.mldc-pills-container .mldc-pills label {
  position: relative;
  font-size: 1rem;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
  cursor: pointer;
  margin-right: 0;
  transition: margin-right 0.2s ease-out;
}
.mldc-pills-container .mldc-pills label::after {
  position: absolute;
  width: 15.5px;
  height: 10px;
  right: 0;
  top: 0;
  transform: translate(calc(100% + 8px), -2px);
}
.mldc-pills-container .mldc-pills input[type=checkbox] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  appearance: none;
}
.mldc-pills-container .mldc-pills input[type=checkbox]:checked + label {
  margin-right: 24px;
  transition: margin-right 0.2s ease-out;
}
.mldc-pills-container .mldc-pills input[type=checkbox]:checked + label::after {
  content: url("data:image/svg+xml,%3Csvg%20role%3D%22img%22%20aria-labelledby%3D%22check-mark-svg-icon%22%0A%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2210.5%22%20viewBox%3D%220%200%2015%2010.5%22%3E%0A%20%20%20%20%3Ctitle%20id%3D%22plus-svg-icon%22%3ECheck%20mark%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22Icons%22%20transform%3D%22translate%28-304.499%2015876.75%29%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Check%5fIcon%22%20data-name%3D%22Check%20Icon%22%20transform%3D%22translate%2810804%203917%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22X%22%20transform%3D%22translate%28-10497%20-19795%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group%5f30635%22%20data-name%3D%22Group%2030635%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Check%22%20d%3D%22M4.426%2C9a2.289%2C2.289%2C0%2C0%2C1-1.551-.605L-1%2C4.928A1.5%2C1.5%2C0%2C0%2C1-1.118%2C2.81%2C1.5%2C1.5%2C0%2C0%2C1%2C1%2C2.692l3.39%2C3.034%2C6.53-6.767a1.5%2C1.5%2C0%2C0%2C1%2C2.121-.038%2C1.5%2C1.5%2C0%2C0%2C1%2C.038%2C2.121L6.093%2C8.282A2.287%2C2.287%2C0%2C0%2C1%2C4.5%2C9Z%22%20transform%3D%22translate%28-1.001%202.75%29%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
.mldc-pills-container .mldc-pills input[type=checkbox]:focus {
  outline: 0;
}
.mldc-pills-container .mldc-pills input[type=checkbox]:focus + label {
  position: relative;
}
.mldc-pills-container .mldc-pills input[type=checkbox]:focus + label::before {
  content: "";
  position: absolute;
  width: calc(100% + 52px);
  height: calc(100% + 20px);
  left: -26px;
  top: -10px;
  outline: 2px solid var(--color-brand-primary-ml-blue3);
}
.mldc-pills-container .mldc-pills input[type=checkbox]:focus:checked + label::before {
  width: calc(100% + 76px);
}
.mldc-pills-container .mldc-pills input[type=checkbox]:focus:not(:focus-visible) + label::before {
  content: none;
}
.mldc-pills-container .mldc-pills:hover {
  border: 3px solid var(--color-brand-primary-ml-blue3);
  padding: 5px 23px;
}
.mldc-pills-container .mldc-pills.checked-pill {
  background-color: var(--color-swatches-beta-green-darkest);
  border-color: var(--color-swatches-beta-green-darkest);
}
.mldc-pills-container .mldc-pills.checked-pill:hover {
  border: 3px solid var(--color-swatches-beta-green-darkest);
}
.mldc-pills-container .mldc-pills.checked-pill label {
  color: var(--color-brand-neutrals-white);
}
.mldc-pills-container .mldc-pills.removal-pills {
  border-color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-container .mldc-pills.removal-pills .icon {
  margin-left: 10px;
}
.mldc-pills-container .mldc-pills.removal-pills svg {
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-container .mldc-pills.removal-pills:hover {
  background-color: var(--color-brand-primary-ml-blue3);
  transition: background-color 0.2s ease-out;
}
.mldc-pills-container .mldc-pills.removal-pills:hover label,
.mldc-pills-container .mldc-pills.removal-pills:hover svg {
  color: var(--color-brand-neutrals-white);
}
.mldc-pills-container .mldc-pills.removal-pills.removing {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-name: reduce;
}
.mldc-pills-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin: 8px 0 0 8px;
  font-size: 0.75rem;
}
.mldc-pills-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-radio *****/
.mldc-radio-group-container {
  border: 0;
  padding: 0;
  margin: 0;
}
.mldc-radio-group-container .group-label {
  padding: 0;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-radio-group-container .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-radio-group-container .group-label + .link-tooltip {
  margin: -24px 0 16px;
}
.mldc-radio-group-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-radio-group-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-radio-group-container ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 8px;
}
.mldc-radio-group-container ul li:not(:first-child) {
  margin-top: 20px;
}
.mldc-radio-group-container .mldc-radio {
  display: flex;
  gap: 12px;
  align-items: center;
}
.mldc-radio-group-container .mldc-radio label {
  font-size: 1rem;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-radio-group-container .mldc-radio input[type=radio] {
  position: relative;
  appearance: none;
  margin: 0 0 -4px;
  cursor: pointer;
}
.mldc-radio-group-container .mldc-radio input[type=radio]::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 2px var(--color-brand-neutrals-gray-dark);
  border: 6px solid var(--color-brand-neutrals-white);
  background-color: var(--color-brand-neutrals-white);
  border-radius: 50%;
  transition: background-color 0.2s ease-out;
}
.mldc-radio-group-container .mldc-radio input[type=radio]:hover:not(:disabled)::before {
  box-shadow: 0 0 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-radio-group-container .mldc-radio input[type=radio]:hover:not(:disabled)::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-radio-group-container .mldc-radio input[type=radio]:checked::before {
  background-color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-radio-group-container .mldc-radio input[type=radio]:disabled {
  pointer-events: none;
}
.mldc-radio-group-container .mldc-radio input[type=radio]:disabled::before {
  box-shadow: 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  border: 6px solid var(--color-brand-neutrals-gray-light);
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-radio-group-container .mldc-radio input[type=radio]:disabled:checked::before {
  background-color: var(--color-brand-neutrals-gray-dark);
}
.mldc-radio-group-container .mldc-radio input[type=radio]:disabled + label {
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-radio-group-container .mldc-radio input[type=radio]:focus {
  outline: 0;
}
.mldc-radio-group-container .mldc-radio input[type=radio]:focus + label {
  position: relative;
}
.mldc-radio-group-container .mldc-radio input[type=radio]:focus + label::after {
  content: "";
  position: absolute;
  height: 100%;
  width: calc(100% + 36px);
  left: -36px;
  top: 0;
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  outline-offset: 6px;
}
.mldc-radio-group-container .mldc-radio input[type=radio]:focus:not(:focus-visible) + label::after {
  display: none;
}
.mldc-radio-group-container .has-error {
  border: 1px solid var(--color-swatches-beta-red-base);
  padding: 8px;
  margin-top: -8px;
}
.mldc-radio-group-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin: 8px 0 0 8px;
  font-size: 0.75rem;
}
.mldc-radio-group-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-segment *****/
.mldc-segment-container {
  display: flex;
  flex-flow: column;
  width: max-content;
}
.mldc-segment-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-segment-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-segment-container .group-label + .link-tooltip {
  margin: -24px 0 var(--space-hspace-m);
}
.mldc-segment-container .group-label-w-tooltip {
  display: flex;
  gap: var(--space-vspace-m);
}
.mldc-segment-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-segment-container .mldc-segment {
  position: relative;
}
.mldc-segment-container .mldc-segment ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: var(--color-brand-neutrals-white);
  border: var(--space-form-inputs-stroke) solid var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-radius-base);
  display: inline-flex;
  padding: var(--space-padding-base);
}
.mldc-segment-container .mldc-segment li {
  display: flex;
  z-index: 1;
}
.mldc-segment-container .mldc-segment li:not(:first-child) {
  margin-left: var(--space-hspace-s);
}
.mldc-segment-container .mldc-segment .segment-indicator {
  left: unset !important;
}
.mldc-segment-container .mldc-segment button {
  padding: var(--space-padding-base) var(--space-padding-l);
  height: 36px;
  font-size: var(--typography-px-size-16-to-rem);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
  border: 0;
  border-radius: var(--space-radius-s);
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 5px;
  min-width: 106px;
  outline: none;
  box-shadow: none;
}
.mldc-segment-container .mldc-segment button .icon {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-brand-neutrals-gray-darkest);
  position: relative;
  z-index: 1;
}
.mldc-segment-container .mldc-segment button .text {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
}
.mldc-segment-container .mldc-segment button .text::after {
  display: block;
  content: attr(data-text);
  font-weight: var(--typography-weight-semi-bold);
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.mldc-segment-container .mldc-segment button:not(:disabled) {
  cursor: pointer;
}
.mldc-segment-container .mldc-segment button:not(:disabled):hover, .mldc-segment-container .mldc-segment button:not(:disabled):focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue2);
}
.mldc-segment-container .mldc-segment button:not(:disabled):hover .text, .mldc-segment-container .mldc-segment button:not(:disabled):focus .text {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-segment-container .mldc-segment button.active, .mldc-segment-container .mldc-segment button:active {
  color: var(--color-brand-neutrals-white);
  transition: color 0.2s ease-out 0.15s;
}
.mldc-segment-container .mldc-segment button.active .text, .mldc-segment-container .mldc-segment button:active .text {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-segment-container .mldc-segment button.active:hover, .mldc-segment-container .mldc-segment button:active:hover {
  box-shadow: none;
}
.mldc-segment-container .mldc-segment button.active:focus, .mldc-segment-container .mldc-segment button:active:focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue2);
  z-index: 2;
}
.mldc-segment-container .mldc-segment button.active:focus:not(:focus-visible), .mldc-segment-container .mldc-segment button:active:focus:not(:focus-visible) {
  box-shadow: none;
}
.mldc-segment-container .mldc-segment button.active .icon, .mldc-segment-container .mldc-segment button:active .icon {
  background-color: var(--color-brand-neutrals-white);
  transition: background-color 0.2s ease-out 0.15s;
}
.mldc-segment-container .mldc-segment.disabled ul {
  background-color: var(--color-brand-neutrals-gray-light);
  border: var(--space-form-inputs-stroke) solid var(--color-brand-neutrals-gray-medium);
  pointer-events: none;
}
.mldc-segment-container .mldc-segment.disabled button {
  color: var(--color-brand-neutrals-gray-dark);
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-segment-container .mldc-segment:not(.disabled).has-error ul {
  border: var(--space-borderthickness-stroke-3) solid var(--color-swatches-beta-red-base);
}
.mldc-segment-container .indicator {
  background-color: var(--color-swatches-beta-green-darkest);
}
.mldc-segment-container .transition {
  transition: 0.2s ease-in-out;
}
.mldc-segment-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-vspace-base);
  font-size: var(--typography-px-size-12-to-rem);
}
.mldc-segment-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

.mldc-rtl .mldc-segment-container .mldc-segment li:not(:first-child),
html[dir=rtl] .mldc-segment-container .mldc-segment li:not(:first-child),
body[dir=rtl] .mldc-segment-container .mldc-segment li:not(:first-child) {
  margin-left: 0;
  margin-right: var(--space-hspace-s);
}
.mldc-rtl .mldc-segment-container .mldc-segment .segment-indicator,
html[dir=rtl] .mldc-segment-container .mldc-segment .segment-indicator,
body[dir=rtl] .mldc-segment-container .mldc-segment .segment-indicator {
  left: 0 !important;
}

/***** @metlife/mldc-selection-tiles *****/
.mldc-selection-tiles.preset-grid.xl, .mldc-selection-tiles.preset-grid.lg {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(min(100% - 0px, max(162px, 20% - 25.6px)), 1fr));
  gap: 32px 32px;
}
.mldc-selection-tiles.preset-grid.md {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(auto-fit, minmax(min(100% - 0px, max(162px, 33.3333333333% - 21.3333333333px)), 1fr));
  gap: 32px 32px;
}
.mldc-selection-tiles.preset-grid.sm, .mldc-selection-tiles.preset-grid.xs {
  display: grid;
  gap: 32px 0;
}
.mldc-selection-tiles.preset-full-view {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 1fr;
}
.mldc-selection-tiles .tile-wrap .tile {
  min-width: 162px;
  max-width: 1268px;
  position: relative;
  padding: 16px 32px 16px 24px;
  box-shadow: inset 0 0 0 0.5px var(--color-brand-neutrals-gray-dark), 0 0 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background-color: var(--color-brand-neutrals-white);
  height: 100%;
  cursor: pointer;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.mldc-selection-tiles .tile-wrap .tile .title {
  font-size: 18px;
  line-height: 27px;
  font-family: var(--typography-family-noto);
  font-weight: 600;
  color: #333333;
}
.mldc-selection-tiles .tile-wrap .tile .content {
  font-size: 16px;
  line-height: 24px;
  font-family: var(--typography-family-noto);
  font-weight: 400;
  color: #333333;
}
.mldc-selection-tiles .tile-wrap .tile.center {
  align-items: center;
  padding: 16px 32px;
}
.mldc-selection-tiles .tile-wrap .tile.center .content-wrapper {
  align-items: center;
}
.mldc-selection-tiles .tile-wrap .tile.center .content-wrapper .title {
  text-align: center;
}
.mldc-selection-tiles .tile-wrap .tile.center .content-wrapper .content {
  text-align: center;
}
.mldc-selection-tiles .tile-wrap .tile.linear {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.mldc-selection-tiles .tile-wrap .tile.linear .tile-icon {
  display: flex;
  align-items: center;
}
.mldc-selection-tiles .tile-wrap .tile.linear .linear-content {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true] .tile {
  pointer-events: none;
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true] .tile .title,
.mldc-selection-tiles .tile-wrap[aria-disabled=true] .tile .content {
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true] .tile::before {
  display: none;
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true] .status-sticker .mldc-status-stickers {
  border-radius: 24px;
  background: var(--color-brand-neutrals-gray-darkest);
  font-family: var(--typography-family-metlife);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true] .status-sticker .mldc-status-stickers .content {
  font-family: var(--typography-family-metlife);
  font-size: 12px;
  font-style: normal;
  color: #ffffff;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.8px;
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true]:hover .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true]:focus .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true].dark-bg .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true].dark-bg:hover .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap[aria-disabled=true].dark-bg:focus .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap[data-checked=true] .tile {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-selection-tiles .tile-wrap:focus {
  outline: 0;
  /*
  &:not(:focus-visible) {
      .tile {
          border: 0.5px solid var(--color-brand-neutrals-gray-medium);
          box-shadow: 0 0 15px 0 var(--color-box-shadow-1);
          &::before {
              border-radius: 8px 0 0 8px;
          }
      }
  }
  */
}
.mldc-selection-tiles .tile-wrap:focus .tile {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-selection-tiles .tile-wrap:focus .tile::before {
  border-radius: 8px;
}
.mldc-selection-tiles .tile-wrap:hover {
  outline: 0;
}
.mldc-selection-tiles .tile-wrap:hover .tile {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3), 0 0 15px 0 rgba(0, 0, 0, 0.15);
  background: var(--color-swatches-beta-blue-lightest);
}
.mldc-selection-tiles .tile-wrap .content-wrapper {
  gap: 8px;
  display: flex;
  flex-flow: column;
}
.mldc-selection-tiles .tile-wrap .tile-icon {
  padding: 2.007px 8.175px;
}
.mldc-selection-tiles .tile-wrap .tile-selected {
  position: absolute;
  top: 0px;
  right: 0px;
}
.mldc-selection-tiles .tile-wrap .status-sticker .mldc-status-stickers {
  border-radius: 24px;
  background: var(--color-swatches-beta-blue-light);
  font-family: var(--typography-family-metlife);
}
.mldc-selection-tiles .tile-wrap .status-sticker .mldc-status-stickers .content {
  font-family: var(--typography-family-metlife);
  font-size: 12px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.8px;
}
.mldc-selection-tiles .tile-wrap.dark-bg .tile {
  background: var(--color-brand-neutrals-white);
  /* All edges Drop Shadow */
  box-shadow: inset 0 0 0 0.5px var(--color-brand-neutrals-gray-dark), 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}
.mldc-selection-tiles .tile-wrap.dark-bg[data-disabled=true] .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap.dark-bg[data-disabled=true]:hover .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap.dark-bg[data-disabled=true]:focus .tile {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-selection-tiles .tile-wrap.dark-bg:focus {
  outline: 0;
}
.mldc-selection-tiles .tile-wrap.dark-bg:focus .tile {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-green-base), 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  background: var(--color-swatches-beta-green-lightest);
}
.mldc-selection-tiles .tile-wrap.dark-bg:focus .tile::before {
  border-radius: 8px;
}
.mldc-selection-tiles .tile-wrap.dark-bg:hover {
  outline: 0;
}
.mldc-selection-tiles .tile-wrap.dark-bg:hover .tile {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-green-base), 0 0 15px 0 rgba(0, 0, 0, 0.15);
  background: var(--color-swatches-beta-green-lightest);
}
.mldc-selection-tiles .tile-wrap.dark-bg:hover .tile::before {
  border-radius: 8px;
}
.mldc-selection-tiles .tile-wrap.dark-bg[data-checked=true] .tile {
  border: 0px;
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-green-base);
  background: var(--color-brand-neutrals-white);
}

.mldc-rtl .mldc-selection-tiles .tile-wrap[data-checked=true] .tile::before,
html[dir=rtl] .mldc-selection-tiles .tile-wrap[data-checked=true] .tile::before,
body[dir=rtl] .mldc-selection-tiles .tile-wrap[data-checked=true] .tile::before {
  right: -0.5px;
  border-radius: 0 8px 8px 0;
}
.mldc-rtl .mldc-selection-tiles .tile-wrap:focus .tile::before,
html[dir=rtl] .mldc-selection-tiles .tile-wrap:focus .tile::before,
body[dir=rtl] .mldc-selection-tiles .tile-wrap:focus .tile::before {
  border-radius: 0 5px 5px 0;
}
.mldc-rtl .mldc-selection-tiles .tile-wrap:focus:not(:focus-visible) .tile::before,
html[dir=rtl] .mldc-selection-tiles .tile-wrap:focus:not(:focus-visible) .tile::before,
body[dir=rtl] .mldc-selection-tiles .tile-wrap:focus:not(:focus-visible) .tile::before {
  border-radius: 0 8px 8px 0;
}

/***** @metlife/mldc-slider *****/
.mldc-slider .group-label {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .group-label:not(:empty) {
  margin-bottom: 32px;
}
.mldc-slider .group-label + .link-tooltip {
  margin: -32px 0 32px;
}
.mldc-slider .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-slider .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-slider.segmented-slider .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-slider.segmented-slider .group-label + .link-tooltip {
  margin: -24px 0 16px;
}
.mldc-slider .slider-group {
  position: relative;
  display: flex;
  gap: 22px;
}
.mldc-slider .slider-group .slider {
  position: relative;
  width: 100%;
  /* Hide the edge, works for -webkit- */
}
.mldc-slider .slider-group .slider::before, .mldc-slider .slider-group .slider::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 16px;
  height: 32px;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-slider .slider-group .slider::before {
  left: 0;
}
.mldc-slider .slider-group .slider::after {
  right: 0;
}
.mldc-slider .slider-group .slider input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 100%;
  height: 7px;
  border-radius: 12px;
  background: var(--color-brand-neutrals-gray-light);
  background-image: linear-gradient(var(--color-brand-neutrals-gray-darkest), var(--color-brand-neutrals-gray-darkest));
  background-repeat: no-repeat;
  /* Fake the border radius after hide the edge, works for -webkit- */
}
.mldc-slider .slider-group .slider input[type=range]::before, .mldc-slider .slider-group .slider input[type=range]::after {
  content: "";
  position: absolute;
  height: 7px;
  top: 0;
  border-radius: 12px;
}
.mldc-slider .slider-group .slider input[type=range]::before {
  left: 14px;
  background-color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .slider input[type=range]::after {
  right: 14px;
  background-color: var(--color-brand-neutrals-gray-light);
  z-index: 2;
}
.mldc-slider .slider-group .slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
}
.mldc-slider .slider-group .slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: var(--color-brand-neutrals-gray-darkest);
  transform: translateY(calc(-50% + 3.5px));
  position: relative;
  z-index: 3;
  cursor: pointer;
}
@-moz-document url-prefix() {
  .mldc-slider .slider-group .slider input[type=range] {
    z-index: 2;
  }
  .mldc-slider .slider-group .slider input[type=range]::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 7px;
  }
  .mldc-slider .slider-group .slider input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: var(--color-brand-neutrals-gray-darkest);
    cursor: pointer;
  }
}
.mldc-slider .slider-group .slider input[type=range]:hover {
  background-image: linear-gradient(var(--color-brand-primary-ml-blue3), var(--color-brand-primary-ml-blue3));
}
.mldc-slider .slider-group .slider input[type=range]:hover::before {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-slider .slider-group .slider input[type=range]:hover::-webkit-slider-thumb {
  background-color: var(--color-brand-primary-ml-blue3);
  transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.mldc-slider .slider-group .slider input[type=range]:hover::-moz-range-thumb {
  box-sizing: border-box;
  background-color: var(--color-brand-primary-ml-blue3);
  transform: scale(1.25);
}
.mldc-slider .slider-group .slider input[type=range]:focus {
  outline: none;
  background-image: linear-gradient(var(--color-brand-primary-ml-blue3), var(--color-brand-primary-ml-blue3));
}
.mldc-slider .slider-group .slider input[type=range]:focus::before {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-slider .slider-group .slider input[type=range]:focus::-webkit-slider-thumb {
  border: 4px solid var(--color-brand-primary-ml-blue3);
  background-color: var(--color-brand-neutrals-white);
  transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.mldc-slider .slider-group .slider input[type=range]:focus::-moz-range-thumb {
  box-sizing: border-box;
  border: 4px solid var(--color-brand-primary-ml-blue3);
  background-color: var(--color-brand-neutrals-white);
  transform: scale(1.25);
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible) {
  background-image: linear-gradient(var(--color-brand-neutrals-gray-darkest), var(--color-brand-neutrals-gray-darkest));
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible)::before {
  background-color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible):hover {
  background-image: linear-gradient(var(--color-brand-primary-ml-blue3), var(--color-brand-primary-ml-blue3));
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible):hover::before {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-darkest);
  transform: translateY(calc(-50% + 3.5px)) scale(1);
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb:hover {
  background-color: var(--color-brand-primary-ml-blue3);
  transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible)::-moz-range-thumb {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-darkest);
  transform: scale(1);
}
.mldc-slider .slider-group .slider input[type=range]:focus:not(:focus-visible)::-moz-range-thumb:hover {
  background-color: var(--color-brand-primary-ml-blue3);
  transform: scale(1.25);
}
.mldc-slider .slider-group .slider .slider-progress-bar {
  position: absolute;
  top: 0;
  height: 32px;
  background-color: transparent;
}
.mldc-slider .slider-group .slider .slider-gray-bar {
  position: absolute;
  top: 0;
  right: 0;
  height: 32px;
  background-color: transparent;
}
.mldc-slider .slider-group .slider .range-label {
  position: relative;
  margin-top: 8px;
  font-size: 1rem;
}
.mldc-slider .slider-group .slider .range-label span {
  position: absolute;
  white-space: nowrap;
  transform: translateX(-50%);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .slider .range-label span:first-child {
  left: 16px;
}
.mldc-slider .slider-group .slider .range-label span:first-child::after {
  content: attr(data-unit);
  margin-left: 5px;
  position: absolute;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .slider .range-label span:last-child.with-unit {
  transform: translateX(-100%);
  left: calc(100% - 16px);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .slider .segmented-range-label {
  position: relative;
  margin-top: 8px;
  font-size: 1rem;
}
.mldc-slider .slider-group .slider .segmented-range-label span {
  position: absolute;
  white-space: nowrap;
  transform: translateX(-50%);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .slider .segmented-range-label span::after {
  content: attr(data-unit);
  margin-left: 3px;
  position: absolute;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-slider .slider-group .current-value {
  font-size: 1rem;
  font-weight: var(--typography-weight-bold);
}
.mldc-slider .slider-group .current-value ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mldc-slider .slider-group .current-value ul li {
  text-align: center;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-slider .slider-group .current-value:not(.segmented) {
  transform: translateX(-50%);
}
.mldc-slider .slider-group .current-value.segmented {
  color: var(--color-brand-neutrals-gray-darkest);
  width: 40px;
  white-space: nowrap;
}
.mldc-slider .slider-group .current-value.segmented::after {
  content: attr(data-unit);
  margin-left: 3px;
  position: absolute;
}
.mldc-slider.dark-bg .group-label {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .link-tooltip .info {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .current-value ul li {
  color: var(--color-brand-neutrals-white);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-slider.dark-bg .current-value.segmented {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider::before, .mldc-slider.dark-bg .slider::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 16px;
  height: 32px;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider::before {
  left: 0;
}
.mldc-slider.dark-bg .slider::after {
  right: 0;
}
.mldc-slider.dark-bg .slider .range-label span {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider .range-label span:first-child {
  left: 16px;
}
.mldc-slider.dark-bg .slider .range-label span:first-child::after {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider .range-label span:last-child.with-unit {
  left: calc(100% - 16px);
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider .segmented-range-label span {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider .segmented-range-label span::after {
  color: var(--color-brand-neutrals-white);
}
.mldc-slider.dark-bg .slider input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 100%;
  height: 7px;
  border-radius: 12px;
  background-image: linear-gradient(var(--color-brand-primary-ml-blue1-base), var(--color-brand-primary-ml-blue1-base));
}
.mldc-slider.dark-bg .slider input[type=range]::before {
  background-color: var(--color-brand-primary-ml-blue1-base);
}
.mldc-slider.dark-bg .slider input[type=range]::-webkit-slider-thumb {
  background-color: var(--color-brand-primary-ml-green-base);
}
@-moz-document url-prefix() {
  .mldc-slider.dark-bg .slider input[type=range] {
    z-index: 2;
  }
  .mldc-slider.dark-bg .slider input[type=range]::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 7px;
  }
  .mldc-slider.dark-bg .slider input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background: var(--color-brand-primary-ml-green-base);
    cursor: pointer;
  }
}
.mldc-slider.dark-bg .slider input[type=range]:hover {
  background-image: linear-gradient(var(--color-brand-primary-ml-blue1-base), var(--color-brand-primary-ml-blue1-base));
}
.mldc-slider.dark-bg .slider input[type=range]:hover::before {
  background-color: var(--color-brand-primary-ml-blue1-base);
}
.mldc-slider.dark-bg .slider input[type=range]:hover::after {
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-slider.dark-bg .slider input[type=range]:hover::-webkit-slider-thumb {
  background-color: var(--color-brand-primary-ml-blue1-base);
  transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.mldc-slider.dark-bg .slider input[type=range]:hover::-moz-range-thumb {
  background-color: var(--color-brand-primary-ml-blue1-base);
  transform: scale(1.25);
}
.mldc-slider.dark-bg .slider input[type=range]:focus {
  outline: none;
  background-image: linear-gradient(var(--color-brand-primary-ml-blue1-base), var(--color-brand-primary-ml-blue1-base));
}
.mldc-slider.dark-bg .slider input[type=range]:focus::before {
  background-color: var(--color-brand-primary-ml-blue1-base);
}
.mldc-slider.dark-bg .slider input[type=range]:focus::-webkit-slider-thumb {
  border: 4px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-neutrals-white);
  transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.mldc-slider.dark-bg .slider input[type=range]:focus::-moz-range-thumb {
  box-sizing: border-box;
  border: 4px solid var(--color-brand-neutrals-white);
  background-color: var(--color-brand-neutrals-white);
  transform: scale(1.25);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible) {
  background-image: linear-gradient(var(--color-brand-primary-ml-blue1-base), var(--color-brand-primary-ml-blue1-base));
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible)::before {
  background-color: var(--color-brand-primary-ml-blue1-base);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible)::after {
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible):hover {
  background-image: linear-gradient(var(--color-brand-primary-ml-blue1-base), var(--color-brand-primary-ml-blue1-base));
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible):hover::before {
  background-color: var(--color-brand-primary-ml-blue1-base);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible):hover::after {
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb {
  border: 0;
  background-color: var(--color-brand-primary-ml-green-base);
  transform: translateY(calc(-50% + 3.5px)) scale(1);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible)::-webkit-slider-thumb:hover {
  background-color: var(--color-brand-primary-ml-blue1-base);
  transform: translateY(calc(-50% + 3.5px)) scale(1.25);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible)::-moz-range-thumb {
  border: 0;
  background-color: var(--color-brand-primary-ml-green-base);
  transform: scale(1);
}
.mldc-slider.dark-bg .slider input[type=range]:focus:not(:focus-visible)::-moz-range-thumb:hover {
  background-color: var(--color-brand-primary-ml-blue1-base);
  transform: scale(1.25);
}
.mldc-slider.dark-bg .slider::after {
  background-color: currentColor;
}
.mldc-slider.dark-bg .slider::before {
  background-color: currentColor;
}

/***** @metlife/mldc-tab *****/
.mldc-tab .tablist-group {
  display: flex;
}
.mldc-tab .tablist-group .chevron-left {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mldc-tab .tablist-group .chevron-left::after {
  content: "";
  display: block;
  border-right: 1px solid var(--color-brand-neutrals-gray-medium);
  width: 1px;
  height: calc(100% + 5px);
  margin-left: 5px;
  margin-bottom: -5px;
}
.mldc-tab .tablist-group .chevron-right {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mldc-tab .tablist-group .chevron-right::before {
  content: "";
  display: block;
  border-left: 1px solid var(--color-brand-neutrals-gray-medium);
  width: 1px;
  height: calc(100% + 5px);
  margin-right: 5px;
  margin-bottom: -5px;
}
.mldc-tab .tab-list {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-medium);
  width: auto;
  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mldc-tab .tab-list::-webkit-scrollbar {
  display: none;
}
.mldc-tab .tab-list button {
  background-color: transparent;
  border: 1px solid transparent;
  outline: 0;
  padding: 7px 8px;
  font-size: 1rem;
  cursor: pointer;
}
.mldc-tab .tab-list button .list-text {
  position: relative;
  z-index: 1;
  display: block;
}
.mldc-tab .tab-list button .list-text .tab-title-hidden-text,
.mldc-tab .tab-list button .list-text .tab-title-hidden-text * {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-tab .tab-list button:hover:not([aria-selected=true]) {
  color: var(--color-brand-primary-ml-blue3);
  padding-bottom: 6px;
  border-bottom: 2px solid var(--color-brand-primary-ml-blue3);
}
.mldc-tab .tab-list button:hover:not([aria-selected=true]) .list-text,
.mldc-tab .tab-list button:hover:not([aria-selected=true]) .list-text span {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-tab .tab-list button[aria-selected=true] {
  padding-bottom: 6px;
  border-bottom: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-tab .tab-list button[aria-selected=true] .list-text,
.mldc-tab .tab-list button[aria-selected=true] .list-text span {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-tab .tab-list button:disabled {
  color: var(--color-brand-neutrals-gray-dark);
  pointer-events: none;
}
.mldc-tab .tab-list button:focus {
  border-color: var(--color-brand-primary-ml-blue3);
}
.mldc-tab .tab-list button:focus[aria-selected=true] {
  border-bottom-color: var(--color-swatches-beta-green-darkest);
}
.mldc-tab .tab-list button:focus:not(:focus-visible) {
  border-color: transparent;
}
.mldc-tab .tab-list button:focus:not(:focus-visible)[aria-selected=true] {
  border-bottom-color: var(--color-swatches-beta-green-darkest);
}
.mldc-tab .tab-panel {
  margin-top: 20px;
}
.mldc-tab .block {
  display: block;
}

/***** @metlife/mldc-text-link *****/
.mldc-text-link {
  display: flex;
  align-items: center;
  color: var(--color-brand-primary-ml-blue2);
  text-decoration: none;
  outline: 0;
  font: normal normal var(--typography-weight-semi-bold) 16px/24px var(--typography-family-noto);
}
.mldc-text-link span {
  display: inline-block;
}
.mldc-text-link span.leading {
  margin-right: 8px;
}
.mldc-text-link span.tailing {
  margin-left: 4px;
}
.mldc-text-link span svg {
  display: block;
}
.mldc-text-link:hover, .mldc-text-link:active {
  text-decoration: underline;
}
.mldc-text-link:focus {
  position: relative;
}
.mldc-text-link:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-text-link:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-text-link.white {
  color: var(--color-brand-neutrals-white);
}
.mldc-text-link.white::after {
  border-color: var(--color-brand-neutrals-white);
}
.mldc-text-link.inline {
  font-weight: var(--typography-weight-normal);
}
.mldc-text-link.inline:focus {
  text-decoration: underline;
}
.mldc-text-link.inline:focus:not(:focus-visible) {
  text-decoration: none;
}
.mldc-text-link.as-secondary-dark-btn {
  display: inline-block;
  text-decoration: none;
  border-radius: 8px;
  padding: 16px 24px;
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-neutrals-gray-darkest);
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-darkest);
}
.mldc-text-link.as-secondary-dark-btn:hover, .mldc-text-link.as-secondary-dark-btn:active {
  box-shadow: inset 0 0 0 3px var(--color-brand-neutrals-black);
  background-color: var(--color-brand-neutrals-black);
  color: var(--color-brand-neutrals-white);
  text-decoration: none;
}
.mldc-text-link.as-secondary-dark-btn:focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-neutrals-gray-darkest);
  position: relative;
}
.mldc-text-link.as-secondary-dark-btn:focus:hover, .mldc-text-link.as-secondary-dark-btn:focus:active {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-text-link.as-secondary-dark-btn:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-neutrals-gray-darkest);
  border-radius: 12px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  left: -6px;
  top: -6px;
}
.mldc-text-link.as-secondary-dark-btn:focus:not(:focus-visible)::after {
  content: none;
}

/***** @metlife/mldc-toggle *****/
.mldc-toggle-container .group-label {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toggle-container .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-toggle-container .group-label + .link-tooltip {
  margin: -24px 0 16px;
}
.mldc-toggle-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-toggle-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-toggle-container .mldc-toggle {
  display: flex;
  align-items: flex-end;
  column-gap: 16px;
}
.mldc-toggle-container .mldc-toggle .toggle {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button {
  position: relative;
  height: 40px;
  width: 72px;
  border: 0;
  background-color: transparent;
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button:focus {
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  outline-offset: 2px;
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button:focus:not(:focus-visible) {
  outline: 0;
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button .toggle-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 400px;
  background-color: var(--color-brand-neutrals-white);
  cursor: pointer;
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button .toggle-slider::before {
  content: "";
  cursor: pointer;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s ease;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  background-color: var(--color-brand-neutrals-gray-dark);
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button .toggle-slider.checked {
  background-color: var(--color-swatches-beta-green-darkest);
  border-color: var(--color-swatches-beta-green-darkest);
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-button .toggle-slider.checked::before {
  background-color: var(--color-brand-neutrals-white);
  left: calc(100% - 34px);
}
.mldc-toggle-container .mldc-toggle .toggle .toggle-status-label {
  display: block;
  font-size: 0.875rem;
  line-height: 19px;
  margin-bottom: 2px;
}
.mldc-toggle-container .mldc-toggle .descriptive-label {
  font-size: 1rem;
  line-height: 24px;
  margin: 8px 0;
}

@keyframes bounceInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -35px, 0);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -15px, 0);
  }
  75% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown, .mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.animated-calendar, .mldc-tooltip .tooltip.animated-tooltip {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: bounceInDown;
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInLeft;
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slide-out-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutLeft;
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInRight;
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slide-out-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutRight;
}

/***** @metlife/mldc-tooltip *****/
.mldc-tooltip .tooltip-trigger-default {
  position: relative;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  display: block;
  background-color: transparent;
  cursor: pointer;
}
.mldc-tooltip .tooltip-trigger-default:focus .question-svg-icon {
  color: var(--color-brand-neutrals-white) !important;
  background-color: var(--color-brand-primary-ml-blue3) !important;
}
.mldc-tooltip .tooltip-trigger-default:focus .exclamation-svg-icon {
  color: var(--color-brand-neutrals-white) !important;
  background-color: var(--color-swatches-beta-red-base) !important;
}
.mldc-tooltip .tooltip-trigger-default:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
}
.mldc-tooltip .tooltip-trigger-default:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-tooltip .tooltip-dialog[aria-hidden=false] {
  z-index: 4;
}
.mldc-tooltip .tooltip {
  padding: 24px;
  min-height: 100px;
  width: 325px;
  white-space: normal;
  background-color: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
}
.mldc-tooltip .tooltip.info.top-center {
  position: relative;
}
.mldc-tooltip .tooltip.info.top-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-primary-ml-blue3);
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.top-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-neutrals-white);
  bottom: 9px;
  left: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.top-start {
  position: relative;
}
.mldc-tooltip .tooltip.info.top-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-primary-ml-blue3);
  bottom: -5px;
  left: 44px;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.top-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-neutrals-white);
  bottom: 9px;
  left: 0;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.top-end {
  position: relative;
}
.mldc-tooltip .tooltip.info.top-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-primary-ml-blue3);
  bottom: -5px;
  right: 44px;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.info.top-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-neutrals-white);
  bottom: 9px;
  right: 0;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.info.bottom-center {
  position: relative;
}
.mldc-tooltip .tooltip.info.bottom-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-primary-ml-blue3);
  top: -5px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.info.bottom-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 9px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.info.bottom-start {
  position: relative;
}
.mldc-tooltip .tooltip.info.bottom-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-primary-ml-blue3);
  top: -5px;
  left: 44px;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.info.bottom-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 9px;
  left: 0;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.info.bottom-end {
  position: relative;
}
.mldc-tooltip .tooltip.info.bottom-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-primary-ml-blue3);
  top: -5px;
  right: 44px;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.info.bottom-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 9px;
  right: 0;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.info.left-center {
  position: relative;
}
.mldc-tooltip .tooltip.info.left-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-right: 0;
  border-left: 10px solid var(--color-brand-primary-ml-blue3);
  right: -5px;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.info.left-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 10px solid var(--color-brand-neutrals-white);
  right: 9px;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.info.left-start {
  position: relative;
}
.mldc-tooltip .tooltip.info.left-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-right: 0;
  border-left: 10px solid var(--color-brand-primary-ml-blue3);
  right: -5px;
  top: 44px;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.info.left-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 10px solid var(--color-brand-neutrals-white);
  right: 9px;
  top: 0;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.info.left-end {
  position: relative;
}
.mldc-tooltip .tooltip.info.left-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-right: 0;
  border-left: 10px solid var(--color-brand-primary-ml-blue3);
  right: -5px;
  bottom: 44px;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.info.left-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 10px solid var(--color-brand-neutrals-white);
  right: 9px;
  bottom: 0;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.info.right-center {
  position: relative;
}
.mldc-tooltip .tooltip.info.right-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-left: 0;
  border-right: 10px solid var(--color-brand-primary-ml-blue3);
  left: -5px;
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.right-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 0;
  border-right: 10px solid var(--color-brand-neutrals-white);
  left: 9px;
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.right-start {
  position: relative;
}
.mldc-tooltip .tooltip.info.right-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-left: 0;
  border-right: 10px solid var(--color-brand-primary-ml-blue3);
  left: -5px;
  top: 44px;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.info.right-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 0;
  border-right: 10px solid var(--color-brand-neutrals-white);
  left: 9px;
  top: 0;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.info.right-end {
  position: relative;
}
.mldc-tooltip .tooltip.info.right-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-left: 0;
  border-right: 10px solid var(--color-brand-primary-ml-blue3);
  left: -5px;
  bottom: 44px;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.info.right-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 0;
  border-right: 10px solid var(--color-brand-neutrals-white);
  left: 9px;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.top-center {
  position: relative;
}
.mldc-tooltip .tooltip.error.top-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-bottom: 0;
  border-top: 10px solid var(--color-swatches-beta-red-base);
  bottom: -5px;
  left: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.top-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-neutrals-white);
  bottom: 9px;
  left: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.top-start {
  position: relative;
}
.mldc-tooltip .tooltip.error.top-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-bottom: 0;
  border-top: 10px solid var(--color-swatches-beta-red-base);
  bottom: -5px;
  left: 44px;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.top-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-neutrals-white);
  bottom: 9px;
  left: 0;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.top-end {
  position: relative;
}
.mldc-tooltip .tooltip.error.top-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-bottom: 0;
  border-top: 10px solid var(--color-swatches-beta-red-base);
  bottom: -5px;
  right: 44px;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.error.top-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid var(--color-brand-neutrals-white);
  bottom: 9px;
  right: 0;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.error.bottom-center {
  position: relative;
}
.mldc-tooltip .tooltip.error.bottom-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-swatches-beta-red-base);
  top: -5px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.error.bottom-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 9px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.error.bottom-start {
  position: relative;
}
.mldc-tooltip .tooltip.error.bottom-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-swatches-beta-red-base);
  top: -5px;
  left: 44px;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.error.bottom-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 9px;
  left: 0;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.error.bottom-end {
  position: relative;
}
.mldc-tooltip .tooltip.error.bottom-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-swatches-beta-red-base);
  top: -5px;
  right: 44px;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.error.bottom-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 9px;
  right: 0;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.error.left-center {
  position: relative;
}
.mldc-tooltip .tooltip.error.left-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-right: 0;
  border-left: 10px solid var(--color-swatches-beta-red-base);
  right: -5px;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.error.left-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 10px solid var(--color-brand-neutrals-white);
  right: 9px;
  bottom: 50%;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.error.left-start {
  position: relative;
}
.mldc-tooltip .tooltip.error.left-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-right: 0;
  border-left: 10px solid var(--color-swatches-beta-red-base);
  right: -5px;
  top: 44px;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.error.left-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 10px solid var(--color-brand-neutrals-white);
  right: 9px;
  top: 0;
  transform: translate(50%, -50%);
}
.mldc-tooltip .tooltip.error.left-end {
  position: relative;
}
.mldc-tooltip .tooltip.error.left-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-right: 0;
  border-left: 10px solid var(--color-swatches-beta-red-base);
  right: -5px;
  bottom: 44px;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.error.left-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right: 0;
  border-left: 10px solid var(--color-brand-neutrals-white);
  right: 9px;
  bottom: 0;
  transform: translate(50%, 50%);
}
.mldc-tooltip .tooltip.error.right-center {
  position: relative;
}
.mldc-tooltip .tooltip.error.right-center .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-left: 0;
  border-right: 10px solid var(--color-swatches-beta-red-base);
  left: -5px;
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.right-center .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 0;
  border-right: 10px solid var(--color-brand-neutrals-white);
  left: 9px;
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.right-start {
  position: relative;
}
.mldc-tooltip .tooltip.error.right-start .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-left: 0;
  border-right: 10px solid var(--color-swatches-beta-red-base);
  left: -5px;
  top: 44px;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.error.right-start .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 0;
  border-right: 10px solid var(--color-brand-neutrals-white);
  left: 9px;
  top: 0;
  transform: translate(-50%, -50%);
}
.mldc-tooltip .tooltip.error.right-end {
  position: relative;
}
.mldc-tooltip .tooltip.error.right-end .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-left: 0;
  border-right: 10px solid var(--color-swatches-beta-red-base);
  left: -5px;
  bottom: 44px;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error.right-end .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 0;
  border-right: 10px solid var(--color-brand-neutrals-white);
  left: 9px;
  bottom: 0;
  transform: translate(-50%, 50%);
}
.mldc-tooltip .tooltip.error {
  border-color: var(--color-swatches-beta-red-base);
}
.mldc-tooltip .tooltip .tooltip-label {
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
  margin: 0 20px 16px 0;
}
.mldc-tooltip .tooltip .tooltip-text {
  font-size: 1rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-tooltip .tooltip .mldc-icon-button {
  position: absolute;
  cursor: pointer;
  top: 24px;
  right: 24px;
}
.mldc-tooltip .tooltip .mldc-icon-button .tooltip-close-icon {
  width: 16px;
  height: 16px;
}
.mldc-tooltip .tooltip .mldc-icon-button .tooltip-close-icon.info {
  width: 11px;
  height: 11px;
}
.mldc-tooltip .tooltip .mldc-icon-button .tooltip-close-icon.error {
  width: 11px;
  height: 11px;
}

.mldc-rtl .tooltip .mldc-icon-button,
html[dir=rtl] .tooltip .mldc-icon-button,
body[dir=rtl] .tooltip .mldc-icon-button {
  left: 24px;
  right: unset;
}
.mldc-rtl .tooltip .tooltip-text,
html[dir=rtl] .tooltip .tooltip-text,
body[dir=rtl] .tooltip .tooltip-text {
  text-align: right;
}
.mldc-rtl .tooltip .tooltip-label,
html[dir=rtl] .tooltip .tooltip-label,
body[dir=rtl] .tooltip .tooltip-label {
  margin-right: 0px;
  margin-left: 20px;
  text-align: right;
}
.mldc-rtl .exclamation-svg-icon text,
html[dir=rtl] .exclamation-svg-icon text,
body[dir=rtl] .exclamation-svg-icon text {
  transform: translateX(6px);
}

@keyframes modalBackgroundIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}
@keyframes slideDown {
  from {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
  }
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes mobileSlideUp {
  from {
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    -o-transform: translateY(25%);
    transform: translateY(25%);
  }
  to {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.mldc-modal-open {
  overflow: hidden;
}

.mldc-modal.animated-modal .modal-bg {
  animation-name: modalBackgroundIn;
  animation-duration: 0.25s;
}
.mldc-modal.animated-modal .modal-dialog {
  animation-name: slideDown;
  animation-duration: 0.25s;
}
.mldc-modal .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-brand-neutrals-black);
  opacity: 0.75;
  display: none;
}
.mldc-modal .modal-bg.show {
  display: block;
}
.mldc-modal .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}
.mldc-modal .modal.show {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mldc-modal .modal-dialog {
  position: relative;
  min-height: 250px;
  width: 90%;
  max-width: calc(0.9 * var(--responsive-breakpoint-xxl));
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
}
.mldc-modal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 67px 32px 64px;
  background-color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-gray-light);
  border-radius: 4px;
  box-shadow: 0px 3px 15px var(--color-box-shadow-4);
}
.mldc-modal .modal-content > button.mldc-icon-button {
  position: absolute;
  top: 32px;
  right: 32px;
  height: 16px;
  width: 16px;
}
.mldc-modal .modal-content > button.mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
}
.mldc-modal .modal-content > button.mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-modal .modal-content .modal-header {
  text-align: center;
}
.mldc-modal .modal-content .modal-header .title {
  font-size: 1.5rem;
  font-weight: var(--typography-weight-bold);
  font-family: var(--typography-family-metlife);
}
.mldc-modal .modal-content .modal-header .sub-title {
  font-size: 1.125rem;
  margin-top: 4px;
}
.mldc-modal .modal-content .modal-header.scrollable {
  max-height: 12rem;
  overflow-y: auto;
}
.mldc-modal .modal-content .modal-header.scrollable .modal-body {
  margin-top: 16px;
  text-align: left;
}
.mldc-modal .modal-content .modal-body {
  margin-top: 16px;
}
.mldc-modal .modal-content .modal-footer {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 48px;
}
.mldc-modal .modal-content .modal-footer .button-wrap {
  display: flex;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 30px;
  width: 100%;
}
.mldc-modal .modal-content .modal-footer .button-wrap.tab-order-need {
  flex-flow: row;
}
.mldc-modal.sm .modal.show, .mldc-modal.xs .modal.show {
  align-items: flex-start;
  padding: 32px 0;
}
.mldc-modal.sm .modal-content, .mldc-modal.xs .modal-content {
  padding-bottom: 32px;
}
.mldc-modal.sm .modal-content .modal-footer, .mldc-modal.xs .modal-content .modal-footer {
  gap: 24px;
}
.mldc-modal.sm .modal-content .modal-footer .button-wrap, .mldc-modal.xs .modal-content .modal-footer .button-wrap {
  flex-flow: column;
  gap: 16px;
}
.mldc-modal.sm .modal-content .modal-footer .button-wrap.tab-order-need, .mldc-modal.xs .modal-content .modal-footer .button-wrap.tab-order-need {
  flex-flow: column;
}
.mldc-modal.sm .modal-content .modal-footer button, .mldc-modal.xs .modal-content .modal-footer button {
  width: 100%;
}
.mldc-modal.mobile-slide-up.sm .show, .mldc-modal.mobile-slide-up.xs .show {
  padding: 32px 0 0;
  align-items: flex-end;
}
.mldc-modal.mobile-slide-up.sm .modal-dialog, .mldc-modal.mobile-slide-up.xs .modal-dialog {
  width: 100%;
  max-width: var(--responsive-breakpoint-xxl);
  margin: 0;
  min-height: auto;
  height: 100%;
}
.mldc-modal.mobile-slide-up.sm .modal-content, .mldc-modal.mobile-slide-up.xs .modal-content {
  background-color: var(--color-brand-neutrals-gray-lightest);
  border-radius: 16px 16px 0 0;
  height: 100%;
  overflow-y: auto;
}
.mldc-modal.mobile-slide-up.sm .modal-content .modal-header.scrollable, .mldc-modal.mobile-slide-up.xs .modal-content .modal-header.scrollable {
  max-height: 16rem;
  overflow-y: auto;
}
.mldc-modal.mobile-slide-up.sm.animated-modal .modal-bg, .mldc-modal.mobile-slide-up.xs.animated-modal .modal-bg {
  animation-name: modalBackgroundIn;
  animation-duration: 0.25s;
}
.mldc-modal.mobile-slide-up.sm.animated-modal .modal-dialog, .mldc-modal.mobile-slide-up.xs.animated-modal .modal-dialog {
  animation-name: mobileSlideUp;
  animation-duration: 0.25s;
}
.mldc-modal.mobile-slide-up.sm.animated-modal .modal-content .modal-header.scrollable, .mldc-modal.mobile-slide-up.xs.animated-modal .modal-content .modal-header.scrollable {
  max-height: 16rem;
  overflow-y: auto;
}

.mldc-rtl .mldc-modal .modal-content > button.mldc-icon-button,
html[dir=rtl] .mldc-modal .modal-content > button.mldc-icon-button,
body[dir=rtl] .mldc-modal .modal-content > button.mldc-icon-button {
  left: 32px;
  right: unset;
}
.mldc-rtl .mldc-modal .modal-content .modal-header.scrollable .modal-body,
html[dir=rtl] .mldc-modal .modal-content .modal-header.scrollable .modal-body,
body[dir=rtl] .mldc-modal .modal-content .modal-header.scrollable .modal-body {
  text-align: right;
}

@keyframes bounceInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -35px, 0);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -15px, 0);
  }
  75% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown, .mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.animated-calendar, .mldc-tooltip .tooltip.animated-tooltip {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: bounceInDown;
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInLeft;
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slide-out-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutLeft;
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInRight;
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slide-out-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutRight;
}

.calendar-container .mldc-calendar,
.calender-container .mldc-calendar {
  width: fit-content;
  background-color: var(--color-brand-neutrals-white);
  box-shadow: inset 0 0 0 2px var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
  cursor: default;
}
.calendar-container .mldc-calendar .header,
.calender-container .mldc-calendar .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 16px;
  color: var(--color-brand-primary-ml-blue2);
}
.calendar-container .mldc-calendar .header .left,
.calendar-container .mldc-calendar .header .right,
.calender-container .mldc-calendar .header .left,
.calender-container .mldc-calendar .header .right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.calendar-container .mldc-calendar .header .left .disabled-chevron,
.calendar-container .mldc-calendar .header .right .disabled-chevron,
.calender-container .mldc-calendar .header .left .disabled-chevron,
.calender-container .mldc-calendar .header .right .disabled-chevron {
  cursor: auto;
  pointer-events: none;
}
.calendar-container .mldc-calendar .header .left .disabled-chevron svg,
.calendar-container .mldc-calendar .header .right .disabled-chevron svg,
.calender-container .mldc-calendar .header .left .disabled-chevron svg,
.calender-container .mldc-calendar .header .right .disabled-chevron svg {
  color: var(--color-brand-neutrals-gray-medium) !important;
}
.calendar-container .mldc-calendar .header .mid,
.calender-container .mldc-calendar .header .mid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.calendar-container .mldc-calendar .header .mid,
.calendar-container .mldc-calendar .header .mid > span,
.calender-container .mldc-calendar .header .mid,
.calender-container .mldc-calendar .header .mid > span {
  font-size: 1rem;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.calendar-container .mldc-calendar .header .mid .header-link,
.calender-container .mldc-calendar .header .mid .header-link {
  display: inline-block;
}
.calendar-container .mldc-calendar .header .mid .header-link:active,
.calender-container .mldc-calendar .header .mid .header-link:active {
  text-decoration: none;
}
.calendar-container .mldc-calendar .body,
.calender-container .mldc-calendar .body {
  padding: 0 8px;
  height: 256px;
}
.calendar-container .mldc-calendar .body .days-header,
.calender-container .mldc-calendar .body .days-header {
  display: grid;
  grid-template-columns: repeat(7, 40px);
  justify-items: center;
  align-items: center;
}
.calendar-container .mldc-calendar .body .days-header .day-name,
.calender-container .mldc-calendar .body .days-header .day-name {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 16px;
}
.calendar-container .mldc-calendar .body .days-header .day-name span,
.calender-container .mldc-calendar .body .days-header .day-name span {
  font-size: 0.625rem;
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.calendar-container .mldc-calendar .body .days-header .day-name:first-child span, .calendar-container .mldc-calendar .body .days-header .day-name:last-child span,
.calender-container .mldc-calendar .body .days-header .day-name:first-child span,
.calender-container .mldc-calendar .body .days-header .day-name:last-child span {
  color: var(--color-brand-neutrals-gray-dark);
}
.calendar-container .mldc-calendar .body .days-group .week-row,
.calender-container .mldc-calendar .body .days-group .week-row {
  display: grid;
  grid-template-columns: repeat(7, 40px);
  justify-items: center;
  align-items: center;
}
.calendar-container .mldc-calendar .body .days-group .day,
.calender-container .mldc-calendar .body .days-group .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.calendar-container .mldc-calendar .body .days-group .day span,
.calender-container .mldc-calendar .body .days-group .day span {
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.calendar-container .mldc-calendar .body .days-group .day:not(.disabled-day) span,
.calender-container .mldc-calendar .body .days-group .day:not(.disabled-day) span {
  cursor: pointer;
}
.calendar-container .mldc-calendar .body .days-group .day.today .day-number,
.calender-container .mldc-calendar .body .days-group .day.today .day-number {
  position: relative;
}
.calendar-container .mldc-calendar .body .days-group .day.today .day-number::after,
.calender-container .mldc-calendar .body .days-group .day.today .day-number::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 1px));
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-swatches-beta-green-darkest);
}
.calendar-container .mldc-calendar .body .days-group .day.today.selected .day-number::after,
.calender-container .mldc-calendar .body .days-group .day.today.selected .day-number::after {
  background-color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .days-group .day.weekends:not(.selected) span,
.calender-container .mldc-calendar .body .days-group .day.weekends:not(.selected) span {
  color: var(--color-brand-neutrals-gray-dark);
  font-weight: var(--typography-weight-normal);
}
.calendar-container .mldc-calendar .body .days-group .day.selected,
.calender-container .mldc-calendar .body .days-group .day.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.calendar-container .mldc-calendar .body .days-group .day.selected span,
.calender-container .mldc-calendar .body .days-group .day.selected span {
  color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .days-group .day.range,
.calender-container .mldc-calendar .body .days-group .day.range {
  background-color: var(--color-swatches-beta-blue-light);
}
.calendar-container .mldc-calendar .body .days-group .day.disabled-day,
.calender-container .mldc-calendar .body .days-group .day.disabled-day {
  position: relative;
}
.calendar-container .mldc-calendar .body .days-group .day.disabled-day::before,
.calender-container .mldc-calendar .body .days-group .day.disabled-day::before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-dark);
}
.calendar-container .mldc-calendar .body .days-group .day.disabled-day span,
.calender-container .mldc-calendar .body .days-group .day.disabled-day span {
  font-weight: var(--typography-weight-normal);
  color: var(--color-brand-neutrals-gray-dark);
  pointer-events: none;
}
.calendar-container .mldc-calendar .body .days-group .day.disabled-day.selected span,
.calender-container .mldc-calendar .body .days-group .day.disabled-day.selected span {
  color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .days-group .day.disabled-day.selected::before,
.calender-container .mldc-calendar .body .days-group .day.disabled-day.selected::before {
  border-color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .days-group .day:focus,
.calender-container .mldc-calendar .body .days-group .day:focus {
  position: relative;
  outline: 0;
}
.calendar-container .mldc-calendar .body .days-group .day:focus::after,
.calender-container .mldc-calendar .body .days-group .day:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-primary-ml-blue3);
  width: 100%;
  height: 100%;
}
.calendar-container .mldc-calendar .body .days-group .day:focus:not(:focus-visible)::after,
.calender-container .mldc-calendar .body .days-group .day:focus:not(:focus-visible)::after {
  content: none;
}
.calendar-container .mldc-calendar .body .monthes-group,
.calendar-container .mldc-calendar .body .years-group,
.calender-container .mldc-calendar .body .monthes-group,
.calender-container .mldc-calendar .body .years-group {
  display: grid;
  grid-template-columns: repeat(4, 70px);
  justify-items: center;
  align-items: center;
  gap: 24px 0;
  padding: 16px 0 32px;
}
.calendar-container .mldc-calendar .body .monthes-group .month,
.calendar-container .mldc-calendar .body .monthes-group .year,
.calendar-container .mldc-calendar .body .years-group .month,
.calendar-container .mldc-calendar .body .years-group .year,
.calender-container .mldc-calendar .body .monthes-group .month,
.calender-container .mldc-calendar .body .monthes-group .year,
.calender-container .mldc-calendar .body .years-group .month,
.calender-container .mldc-calendar .body .years-group .year {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 40px;
}
.calendar-container .mldc-calendar .body .monthes-group .month:not(.disabled-year) span,
.calendar-container .mldc-calendar .body .monthes-group .year:not(.disabled-year) span,
.calendar-container .mldc-calendar .body .years-group .month:not(.disabled-year) span,
.calendar-container .mldc-calendar .body .years-group .year:not(.disabled-year) span,
.calender-container .mldc-calendar .body .monthes-group .month:not(.disabled-year) span,
.calender-container .mldc-calendar .body .monthes-group .year:not(.disabled-year) span,
.calender-container .mldc-calendar .body .years-group .month:not(.disabled-year) span,
.calender-container .mldc-calendar .body .years-group .year:not(.disabled-year) span {
  cursor: pointer;
}
.calendar-container .mldc-calendar .body .monthes-group .month span,
.calendar-container .mldc-calendar .body .monthes-group .year span,
.calendar-container .mldc-calendar .body .years-group .month span,
.calendar-container .mldc-calendar .body .years-group .year span,
.calender-container .mldc-calendar .body .monthes-group .month span,
.calender-container .mldc-calendar .body .monthes-group .year span,
.calender-container .mldc-calendar .body .years-group .month span,
.calender-container .mldc-calendar .body .years-group .year span {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.calendar-container .mldc-calendar .body .monthes-group .month.selected,
.calendar-container .mldc-calendar .body .monthes-group .year.selected,
.calendar-container .mldc-calendar .body .years-group .month.selected,
.calendar-container .mldc-calendar .body .years-group .year.selected,
.calender-container .mldc-calendar .body .monthes-group .month.selected,
.calender-container .mldc-calendar .body .monthes-group .year.selected,
.calender-container .mldc-calendar .body .years-group .month.selected,
.calender-container .mldc-calendar .body .years-group .year.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.calendar-container .mldc-calendar .body .monthes-group .month.selected span,
.calendar-container .mldc-calendar .body .monthes-group .year.selected span,
.calendar-container .mldc-calendar .body .years-group .month.selected span,
.calendar-container .mldc-calendar .body .years-group .year.selected span,
.calender-container .mldc-calendar .body .monthes-group .month.selected span,
.calender-container .mldc-calendar .body .monthes-group .year.selected span,
.calender-container .mldc-calendar .body .years-group .month.selected span,
.calender-container .mldc-calendar .body .years-group .year.selected span {
  color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .monthes-group .month:focus,
.calendar-container .mldc-calendar .body .monthes-group .year:focus,
.calendar-container .mldc-calendar .body .years-group .month:focus,
.calendar-container .mldc-calendar .body .years-group .year:focus,
.calender-container .mldc-calendar .body .monthes-group .month:focus,
.calender-container .mldc-calendar .body .monthes-group .year:focus,
.calender-container .mldc-calendar .body .years-group .month:focus,
.calender-container .mldc-calendar .body .years-group .year:focus {
  position: relative;
  outline: 0;
}
.calendar-container .mldc-calendar .body .monthes-group .month:focus::after,
.calendar-container .mldc-calendar .body .monthes-group .year:focus::after,
.calendar-container .mldc-calendar .body .years-group .month:focus::after,
.calendar-container .mldc-calendar .body .years-group .year:focus::after,
.calender-container .mldc-calendar .body .monthes-group .month:focus::after,
.calender-container .mldc-calendar .body .monthes-group .year:focus::after,
.calender-container .mldc-calendar .body .years-group .month:focus::after,
.calender-container .mldc-calendar .body .years-group .year:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-primary-ml-blue3);
  width: 100%;
  height: 100%;
}
.calendar-container .mldc-calendar .body .monthes-group .month:focus:not(:focus-visible)::after,
.calendar-container .mldc-calendar .body .monthes-group .year:focus:not(:focus-visible)::after,
.calendar-container .mldc-calendar .body .years-group .month:focus:not(:focus-visible)::after,
.calendar-container .mldc-calendar .body .years-group .year:focus:not(:focus-visible)::after,
.calender-container .mldc-calendar .body .monthes-group .month:focus:not(:focus-visible)::after,
.calender-container .mldc-calendar .body .monthes-group .year:focus:not(:focus-visible)::after,
.calender-container .mldc-calendar .body .years-group .month:focus:not(:focus-visible)::after,
.calender-container .mldc-calendar .body .years-group .year:focus:not(:focus-visible)::after {
  content: none;
}
.calendar-container .mldc-calendar .body .monthes-group .month:not(.disabled-month) span,
.calendar-container .mldc-calendar .body .years-group .month:not(.disabled-month) span,
.calender-container .mldc-calendar .body .monthes-group .month:not(.disabled-month) span,
.calender-container .mldc-calendar .body .years-group .month:not(.disabled-month) span {
  cursor: pointer;
}
.calendar-container .mldc-calendar .body .monthes-group .month.disabled-month,
.calendar-container .mldc-calendar .body .years-group .month.disabled-month,
.calender-container .mldc-calendar .body .monthes-group .month.disabled-month,
.calender-container .mldc-calendar .body .years-group .month.disabled-month {
  position: relative;
}
.calendar-container .mldc-calendar .body .monthes-group .month.disabled-month::before,
.calendar-container .mldc-calendar .body .years-group .month.disabled-month::before,
.calender-container .mldc-calendar .body .monthes-group .month.disabled-month::before,
.calender-container .mldc-calendar .body .years-group .month.disabled-month::before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-dark);
}
.calendar-container .mldc-calendar .body .monthes-group .month.disabled-month span,
.calendar-container .mldc-calendar .body .years-group .month.disabled-month span,
.calender-container .mldc-calendar .body .monthes-group .month.disabled-month span,
.calender-container .mldc-calendar .body .years-group .month.disabled-month span {
  font-weight: var(--typography-weight-normal);
  color: var(--color-brand-neutrals-gray-dark);
  pointer-events: none;
}
.calendar-container .mldc-calendar .body .monthes-group .month.disabled-month.selected span,
.calendar-container .mldc-calendar .body .years-group .month.disabled-month.selected span,
.calender-container .mldc-calendar .body .monthes-group .month.disabled-month.selected span,
.calender-container .mldc-calendar .body .years-group .month.disabled-month.selected span {
  color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .monthes-group .month.disabled-month.selected::before,
.calendar-container .mldc-calendar .body .years-group .month.disabled-month.selected::before,
.calender-container .mldc-calendar .body .monthes-group .month.disabled-month.selected::before,
.calender-container .mldc-calendar .body .years-group .month.disabled-month.selected::before {
  border-color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .monthes-group .month.this-month .month-name,
.calendar-container .mldc-calendar .body .years-group .month.this-month .month-name,
.calender-container .mldc-calendar .body .monthes-group .month.this-month .month-name,
.calender-container .mldc-calendar .body .years-group .month.this-month .month-name {
  position: relative;
}
.calendar-container .mldc-calendar .body .monthes-group .month.this-month .month-name::after,
.calendar-container .mldc-calendar .body .years-group .month.this-month .month-name::after,
.calender-container .mldc-calendar .body .monthes-group .month.this-month .month-name::after,
.calender-container .mldc-calendar .body .years-group .month.this-month .month-name::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 1px));
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-swatches-beta-green-darkest);
}
.calendar-container .mldc-calendar .body .monthes-group .month.this-month.selected .month-name::after,
.calendar-container .mldc-calendar .body .years-group .month.this-month.selected .month-name::after,
.calender-container .mldc-calendar .body .monthes-group .month.this-month.selected .month-name::after,
.calender-container .mldc-calendar .body .years-group .month.this-month.selected .month-name::after {
  background-color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .monthes-group .year.this-year .year-number,
.calendar-container .mldc-calendar .body .years-group .year.this-year .year-number,
.calender-container .mldc-calendar .body .monthes-group .year.this-year .year-number,
.calender-container .mldc-calendar .body .years-group .year.this-year .year-number {
  position: relative;
}
.calendar-container .mldc-calendar .body .monthes-group .year.this-year .year-number::after,
.calendar-container .mldc-calendar .body .years-group .year.this-year .year-number::after,
.calender-container .mldc-calendar .body .monthes-group .year.this-year .year-number::after,
.calender-container .mldc-calendar .body .years-group .year.this-year .year-number::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 1px));
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-swatches-beta-green-darkest);
}
.calendar-container .mldc-calendar .body .monthes-group .year.this-year.selected .year-number::after,
.calendar-container .mldc-calendar .body .years-group .year.this-year.selected .year-number::after,
.calender-container .mldc-calendar .body .monthes-group .year.this-year.selected .year-number::after,
.calender-container .mldc-calendar .body .years-group .year.this-year.selected .year-number::after {
  background-color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .monthes-group .year.disabled-year,
.calendar-container .mldc-calendar .body .years-group .year.disabled-year,
.calender-container .mldc-calendar .body .monthes-group .year.disabled-year,
.calender-container .mldc-calendar .body .years-group .year.disabled-year {
  position: relative;
}
.calendar-container .mldc-calendar .body .monthes-group .year.disabled-year::before,
.calendar-container .mldc-calendar .body .years-group .year.disabled-year::before,
.calender-container .mldc-calendar .body .monthes-group .year.disabled-year::before,
.calender-container .mldc-calendar .body .years-group .year.disabled-year::before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-dark);
}
.calendar-container .mldc-calendar .body .monthes-group .year.disabled-year span,
.calendar-container .mldc-calendar .body .years-group .year.disabled-year span,
.calender-container .mldc-calendar .body .monthes-group .year.disabled-year span,
.calender-container .mldc-calendar .body .years-group .year.disabled-year span {
  font-weight: var(--typography-weight-normal);
  color: var(--color-brand-neutrals-gray-dark);
  pointer-events: none;
}
.calendar-container .mldc-calendar .body .monthes-group .year.disabled-year.selected span,
.calendar-container .mldc-calendar .body .years-group .year.disabled-year.selected span,
.calender-container .mldc-calendar .body .monthes-group .year.disabled-year.selected span,
.calender-container .mldc-calendar .body .years-group .year.disabled-year.selected span {
  color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .body .monthes-group .year.disabled-year.selected::before,
.calendar-container .mldc-calendar .body .years-group .year.disabled-year.selected::before,
.calender-container .mldc-calendar .body .monthes-group .year.disabled-year.selected::before,
.calender-container .mldc-calendar .body .years-group .year.disabled-year.selected::before {
  border-color: var(--color-brand-neutrals-white);
}
.calendar-container .mldc-calendar .range-picker .range-picker-header-body-group,
.calender-container .mldc-calendar .range-picker .range-picker-header-body-group {
  display: flex;
  flex-flow: row;
}
.calendar-container .mldc-calendar .range-picker .range-picker-header-body-group.sm, .calendar-container .mldc-calendar .range-picker .range-picker-header-body-group.xs,
.calender-container .mldc-calendar .range-picker .range-picker-header-body-group.sm,
.calender-container .mldc-calendar .range-picker .range-picker-header-body-group.xs {
  flex-flow: column;
}
.calendar-container .mldc-calendar .range-picker .range-picker-header-body-group .range-picker-header,
.calender-container .mldc-calendar .range-picker .range-picker-header-body-group .range-picker-header {
  display: flex;
  align-items: center;
}
.calendar-container .mldc-calendar .range-picker .range-picker-header-body-group .range-picker-header .header,
.calender-container .mldc-calendar .range-picker .range-picker-header-body-group .range-picker-header .header {
  flex-grow: 1;
}
.calendar-container .mldc-calendar .range-picker .range-picker-header-body-group .range-picker-body-container,
.calender-container .mldc-calendar .range-picker .range-picker-header-body-group .range-picker-body-container {
  display: flex;
  align-items: center;
}
.calendar-container .mldc-calendar .footer,
.calender-container .mldc-calendar .footer {
  border-top: 1px solid var(--color-brand-neutrals-gray-medium);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.calendar-container .mldc-calendar .footer .footer-links,
.calender-container .mldc-calendar .footer .footer-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.calendar-container .mldc-calendar .footer.inactive button,
.calendar-container .mldc-calendar .footer.inactive a,
.calender-container .mldc-calendar .footer.inactive button,
.calender-container .mldc-calendar .footer.inactive a {
  color: var(--color-brand-neutrals-gray-medium);
  cursor: auto;
  pointer-events: none;
}
.calendar-container .mldc-calendar .footer.inactive button:hover, .calendar-container .mldc-calendar .footer.inactive button:active,
.calendar-container .mldc-calendar .footer.inactive a:hover,
.calendar-container .mldc-calendar .footer.inactive a:active,
.calender-container .mldc-calendar .footer.inactive button:hover,
.calender-container .mldc-calendar .footer.inactive button:active,
.calender-container .mldc-calendar .footer.inactive a:hover,
.calender-container .mldc-calendar .footer.inactive a:active {
  text-decoration: none;
}
.calendar-container .mldc-calendar .footer.visually-hidden,
.calender-container .mldc-calendar .footer.visually-hidden {
  visibility: hidden;
}
.calendar-container.right .range-picker .range-picker-header-body-group, .calendar-container.left .range-picker .range-picker-header-body-group,
.calender-container.right .range-picker .range-picker-header-body-group,
.calender-container.left .range-picker .range-picker-header-body-group {
  flex-flow: column;
}

/***** @metlife/mldc-input-date-picker *****/
@keyframes flyingDatePickerLabel {
  from {
    font-size: 1rem;
    line-height: 24px;
    top: 20px;
  }
  to {
    font-size: 0.75rem;
    line-height: 18px;
    top: 10px;
  }
}
@keyframes flyingDatePickerLabelBack {
  from {
    font-size: 0.75rem;
    line-height: 18px;
    top: 10px;
  }
  to {
    font-size: 1rem;
    line-height: 24px;
    top: 20px;
  }
}
.mldc-input-date-picker-container .mldc-input-date-picker-group,
.mldc-input-date-picker-container .hint-message,
.mldc-input-date-picker-container .error-message,
.mldc-input-date-picker-container .link-tooltip {
  max-width: 270px;
}
.mldc-input-date-picker-container.full-width .mldc-input-date-picker-group,
.mldc-input-date-picker-container.full-width .hint-message,
.mldc-input-date-picker-container.full-width .error-message,
.mldc-input-date-picker-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-input-date-picker-container.full-with-on-mobile .mldc-input-date-picker-group,
  .mldc-input-date-picker-container.full-with-on-mobile .hint-message,
  .mldc-input-date-picker-container.full-with-on-mobile .error-message,
  .mldc-input-date-picker-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
  .mldc-input-date-picker-container.full-with-on-mobile .date-range .date-range-header {
    height: 290px;
  }
  .mldc-input-date-picker-container.full-with-on-mobile .date-range .date-range-header-block {
    display: block !important;
    height: 300px;
  }
  .mldc-input-date-picker-container.full-with-on-mobile .date-range .body {
    height: auto;
  }
  .mldc-input-date-picker-container.full-with-on-mobile .date-range .footer-divider {
    padding: 0px 5px 0px 5px;
  }
  .mldc-input-date-picker-container.full-with-on-mobile .date-range .footer.active a {
    font-size: 0.95rem;
  }
  .mldc-input-date-picker-container.full-with-on-mobile .date-range .date-range-heading-sub {
    padding: 5px 0px 16px 46px;
  }
}
.mldc-input-date-picker-container.date-range .mldc-input-date-picker-group,
.mldc-input-date-picker-container.date-range .hint-message,
.mldc-input-date-picker-container.date-range .error-message,
.mldc-input-date-picker-container.date-range .link-tooltip {
  max-width: 566px;
}
.mldc-input-date-picker-container .group-label {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-input-date-picker-container .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-input-date-picker-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-input-date-picker-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group {
  position: relative;
  border: 0;
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  cursor: pointer;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-dark);
  border-radius: 8px;
  height: 64px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.focused .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group.open-calendar .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group.icon-focused .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group:hover .input-group {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.with-error .input-group {
  box-shadow: inset 0 0 0 3px var(--color-swatches-beta-red-base);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group:has(input[disabled]) .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group:has(input:disabled) .input-group {
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group:has(input[disabled]),
.mldc-input-date-picker-container .mldc-input-date-picker-group:has(input[disabled]) input, .mldc-input-date-picker-container .mldc-input-date-picker-group:has(input:disabled),
.mldc-input-date-picker-container .mldc-input-date-picker-group:has(input:disabled) input {
  background-color: var(--color-brand-neutrals-gray-lightest);
  pointer-events: none;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group {
  cursor: pointer;
  padding: 10px 24px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon {
  padding-right: 48px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon label {
  width: calc(100% - 72px);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group label {
  display: block;
  width: calc(100% - 48px);
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-brand-neutrals-gray-dark);
  position: absolute;
  left: 24px;
  top: 20px;
  font-size: 1rem;
  cursor: pointer;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group label.up {
  font-size: 0.75rem;
  top: 10px;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingDatePickerLabel;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group label.down {
  font-size: 1rem;
  top: 20px;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingDatePickerLabelBack;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input {
  width: 100%;
  font-size: 1rem;
  margin-top: 20px;
  padding: 0;
  border: 0;
  outline: 0;
  opacity: 0;
  color: var(--color-brand-neutrals-gray-darkest);
  cursor: pointer;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input[data-class=shown] {
  opacity: 1;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input:-webkit-autofill, .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input:-webkit-autofill:hover, .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input:-webkit-autofill:focus, .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--color-brand-neutrals-white) inset !important;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .input-group input:-webkit-autofill {
  -webkit-text-fill-color: var(--color-brand-neutrals-gray-darkest) !important;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .icon-placeholder {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 20px;
  right: 20px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.underline {
  border-radius: 8px 8px 0 0;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.underline .input-group {
  box-shadow: inset 0 -2px 0 var(--color-brand-neutrals-gray-dark);
  border-radius: 0;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.underline.focused .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group.underline.open-calendar .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group.underline.icon-focused .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group.underline:hover .input-group {
  box-shadow: inset 0 -3px 0 var(--color-brand-primary-ml-blue3);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.underline.with-error .input-group {
  box-shadow: inset 0 -3px 0 var(--color-swatches-beta-red-base);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group.underline:has(input[disabled]) .input-group, .mldc-input-date-picker-container .mldc-input-date-picker-group.underline:has(input:disabled) .input-group {
  box-shadow: inset 0 -2px 0 var(--color-brand-neutrals-gray-medium);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container {
  position: absolute;
  z-index: 4;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container .triangle::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.bottom {
  top: 65px;
  right: -13px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.bottom .triangle {
  border-top: 0;
  border-bottom: 8px solid var(--color-brand-primary-ml-blue3);
  top: -8px;
  right: 40px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.bottom .triangle::before {
  border-top: 0;
  border-bottom: 8px solid var(--color-brand-neutrals-white);
  top: 4px;
  left: -5px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.top {
  bottom: 65px;
  right: -13px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.top .triangle {
  border-bottom: 0;
  border-top: 8px solid var(--color-brand-primary-ml-blue3);
  bottom: -8px;
  right: 40px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.top .triangle::before {
  border-bottom: 0;
  border-top: 8px solid var(--color-brand-neutrals-white);
  bottom: 4px;
  left: -5px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.right {
  top: 0;
  left: calc(100% + 1px);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.right .triangle {
  border-left: 0;
  border-right: 8px solid var(--color-brand-primary-ml-blue3);
  left: -8px;
  top: 28px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.right .triangle::before {
  border-left: 0;
  border-right: 8px solid var(--color-brand-neutrals-white);
  left: 4px;
  top: -5px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.left {
  top: 0;
  right: calc(100% + 1px);
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.left .triangle {
  border-right: 0;
  border-left: 8px solid var(--color-brand-primary-ml-blue3);
  right: -8px;
  top: 28px;
}
.mldc-input-date-picker-container .mldc-input-date-picker-group .calendar-container.left .triangle::before {
  border-right: 0;
  border-left: 8px solid var(--color-brand-neutrals-white);
  right: 4px;
  top: -5px;
}
.mldc-input-date-picker-container .hint-message {
  color: var(--color-brand-neutrals-gray-dark);
  margin-top: 8px;
  font-size: 0.75rem;
}
.mldc-input-date-picker-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: 8px;
  font-size: 0.75rem;
}
.mldc-input-date-picker-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-input-date-picker-container .input-additional-aria-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.mldc-rtl .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon,
html[dir=rtl] .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon,
body[dir=rtl] .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon {
  padding-left: 48px;
  padding-right: 24px;
}
.mldc-rtl .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon label,
html[dir=rtl] .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon label,
body[dir=rtl] .mldc-input-date-picker-container .mldc-input-date-picker-group .input-group.with-icon label {
  left: auto;
  right: 24px;
}
.mldc-rtl .mldc-input-date-picker-container .mldc-input-date-picker-group .icon-placeholder,
html[dir=rtl] .mldc-input-date-picker-container .mldc-input-date-picker-group .icon-placeholder,
body[dir=rtl] .mldc-input-date-picker-container .mldc-input-date-picker-group .icon-placeholder {
  right: auto;
  left: 20px;
}

/***** @metlife/mldc-type-ahead *****/
/*****
tokens that used for theme:
space-form-inputs-vspace-label-value: 2px
space-form-inputs-padding-tb-base: 8px
space-form-inputs-height: 64px
space-form-inputs-padding-lr-l: 24px
space-form-inputs-radius-base: 8px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
*****/
@keyframes flyingLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    color: transparent;
    transform: translateY(10px);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    color: var(--color-brand-neutrals-gray-dark);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes typeAheadSlideDown {
  from {
    padding: 0;
    opacity: 0;
  }
  to {
    padding: calc(var(--space-padding-base) + 6px) 0 var(--space-padding-base);
    opacity: 1;
  }
}
@keyframes typeAheadUnderlineSlideDown {
  from {
    padding: 0;
    opacity: 0;
  }
  to {
    padding: var(--space-padding-base) 0;
    opacity: 1;
  }
}
@keyframes typeAheadLiSlideDown {
  from {
    padding: 0 var(--space-padding-l);
  }
  to {
    padding: var(--space-padding-base) var(--space-padding-l);
  }
}
.mldc-typehead-container {
  width: 100%;
}
.mldc-typehead-container .mldc-typehead-group,
.mldc-typehead-container .hint-message,
.mldc-typehead-container .error-message,
.mldc-typehead-container .link-tooltip {
  max-width: 270px;
}
.mldc-typehead-container.full-width .mldc-typehead-group,
.mldc-typehead-container.full-width .hint-message,
.mldc-typehead-container.full-width .error-message,
.mldc-typehead-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-typehead-container.full-with-on-mobile .mldc-typehead-group,
  .mldc-typehead-container.full-with-on-mobile .hint-message,
  .mldc-typehead-container.full-with-on-mobile .error-message,
  .mldc-typehead-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-typehead-container .group-label {
  display: block;
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-typehead-container .group-label:not(:empty) {
  margin-bottom: var(--space-vspace-l);
}
.mldc-typehead-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-typehead-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
  z-index: 6;
}
.mldc-typehead-container .mldc-typehead-group {
  position: relative;
}
.mldc-typehead-container .mldc-typehead-group .combobox {
  z-index: 5;
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-radius-base);
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  height: 62px;
  padding: calc(var(--space-form-inputs-padding-tb-base) + 2px) calc(var(--space-form-inputs-padding-lr-l) + 2px);
  font-size: var(--typography-px-size-16-to-rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  cursor: pointer;
  height: var(--space-form-inputs-height);
}
.mldc-typehead-container .mldc-typehead-group .combobox svg {
  display: block;
  width: 16px;
  height: 16px;
}
.mldc-typehead-container .mldc-typehead-group .combobox .transform {
  transform: rotate(180deg);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-typehead-container .mldc-typehead-group .combobox .nonTransform {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-typehead-container .mldc-typehead-group .combobox span {
  display: block;
  text-align: start;
  width: calc(100% - 24px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-typehead-container .mldc-typehead-group .combobox .label {
  font-size: var(--typography-px-size-12-to-rem);
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-typehead-container .mldc-typehead-group .combobox .label.floating {
  font-size: var(--typography-px-size-12-to-rem);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: flyingLabel;
}
.mldc-typehead-container .mldc-typehead-group .combobox .dropdown-placeholder-group {
  display: flex;
  align-items: center;
  gap: var(--space-hspace-base);
}
.mldc-typehead-container .mldc-typehead-group .combobox .placeholder {
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-typehead-container .mldc-typehead-group .combobox[aria-expanded=true], .mldc-typehead-container .mldc-typehead-group .combobox:hover, .mldc-typehead-container .mldc-typehead-group .combobox:focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group .combobox:focus-within {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group .combobox:focus-within .chevron-icon svg {
  transform: rotate(180deg);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-typehead-container .mldc-typehead-group .combobox[aria-expanded=true]::after {
  content: "";
  display: block;
  position: absolute;
  border: 0 0 var(--space-form-inputs-stroke) 0 solid var(--color-brand-primary-ml-blue3);
  border-bottom: 0;
  border-radius: 0;
  width: calc(100% + 0px);
  height: calc(100% + 8px);
  left: 0;
  top: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.mldc-typehead-container .mldc-typehead-group .combobox[aria-expanded=true].has-error::after {
  z-index: -1;
}
.mldc-typehead-container .mldc-typehead-group .combobox:focus-visible {
  outline: none;
}
.mldc-typehead-container .mldc-typehead-group .combobox[data-disabled=true] {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  pointer-events: none;
}
.mldc-typehead-container .mldc-typehead-group .combobox[data-disabled=true] input[data-class=shown] {
  background-color: transparent;
}
.mldc-typehead-container .mldc-typehead-group .combobox.has-error {
  box-shadow: inset 0 0 0 3px var(--color-swatches-beta-red-base);
  border: 0;
}
.mldc-typehead-container .mldc-typehead-group .combobox.search-icon {
  gap: 8px;
}
.mldc-typehead-container .mldc-typehead-group .combobox .typeahead-input-text-block .mldc-input-text-group .input-group {
  padding: 20px var(--space-padding-l) 20px 0;
  height: var(--space-form-inputs-height);
}
.mldc-typehead-container .mldc-typehead-group .combobox .typeahead-input-text-block .mldc-input-text-group .input-group input {
  margin-top: 10px;
}
.mldc-typehead-container .mldc-typehead-group .combobox .typeahead-input-text-block .mldc-input-text-group .input-group label {
  width: 100%;
}
.mldc-typehead-container .mldc-typehead-group ul {
  position: absolute;
  z-index: 1;
  list-style: none;
  margin: -6px 0 0 0;
  padding: 0;
  width: 100%;
  border: var(--space-form-inputs-stroke) solid var(--color-brand-primary-ml-blue3);
  border-top: 0;
  border-radius: 0 0 var(--space-radius-base) var(--space-radius-base);
  background-color: var(--color-brand-neutrals-white);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: typeAheadSlideDown;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 214px;
}
.mldc-typehead-container .mldc-typehead-group ul::-webkit-scrollbar {
  width: 5px;
  max-height: 214px;
}
.mldc-typehead-container .mldc-typehead-group ul::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 10px;
  margin: 10px;
}
.mldc-typehead-container .mldc-typehead-group ul::-webkit-scrollbar-thumb {
  background-color: var(--color-brand-neutrals-gray-dark);
  -webkit-border-radius: 5px;
  background: var(--color-brand-neutrals-gray-dark);
}
.mldc-typehead-container .mldc-typehead-group ul input {
  display: none;
}
.mldc-typehead-container .mldc-typehead-group ul li {
  border: 0;
  padding: var(--space-form-inputs-padding-tb-base) var(--space-form-inputs-padding-lr-l);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 61px;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: typeAheadLiSlideDown;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-typehead-container .mldc-typehead-group ul li.selected {
  border: 0;
  color: var(--color-brand-primary-ml-blue3);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-typehead-container .mldc-typehead-group ul li .highlight {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group ul li:hover {
  background-color: var(--color-swatches-beta-blue-light);
}
.mldc-typehead-container .mldc-typehead-group ul li:hover.selected {
  background-color: var(--color-brand-primary-ml-blue1-base);
}
.mldc-typehead-container .mldc-typehead-group ul li:focus-visible {
  outline: none;
  box-shadow: inset 0 var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group ul li.focused {
  outline: none;
  box-shadow: inset 0 var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group ul:focus-visible {
  outline: none;
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox {
  border-radius: var(--space-radius-base) var(--space-radius-base) 0 0;
  border: 0;
  box-shadow: none;
  border-bottom: var(--space-form-inputs-stroke) solid var(--color-brand-neutrals-gray-dark);
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox[aria-expanded=true], .mldc-typehead-container .mldc-typehead-group.underline .combobox:hover, .mldc-typehead-container .mldc-typehead-group.underline .combobox:focus {
  border-bottom: var(--space-form-inputs-stroke-hover) solid var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox[aria-expanded=true]::after, .mldc-typehead-container .mldc-typehead-group.underline .combobox:hover::after, .mldc-typehead-container .mldc-typehead-group.underline .combobox:focus::after {
  display: none;
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox:focus-within {
  border-bottom: var(--space-form-inputs-stroke-hover) solid var(--color-brand-primary-ml-blue3);
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox:focus-within .chevron-icon svg {
  transform: rotate(180deg);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox:focus-visible {
  outline: none;
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox[data-disabled=true] {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 var(--space-form-inputs-stroke) 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox.has-error {
  box-shadow: 0 var(--space-form-inputs-stroke-hover) 0 var(--color-swatches-beta-red-base);
  border: 0;
}
.mldc-typehead-container .mldc-typehead-group.underline .combobox.search-icon {
  gap: var(--space-hspace-base);
}
.mldc-typehead-container .mldc-typehead-group.underline ul {
  padding: var(--space-padding-base) 0;
  margin: 0;
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  animation-name: typeAheadUnderlineSlideDown;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 208px;
}
.mldc-typehead-container .mldc-typehead-group.underline ul::-webkit-scrollbar {
  width: 5px;
  max-height: 208px;
  margin: 5px;
}
.mldc-typehead-container .mldc-typehead-group.underline ul::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 10px;
}
.mldc-typehead-container .mldc-typehead-group.underline ul::-webkit-scrollbar-thumb {
  background-color: var(--color-brand-neutrals-gray-dark);
  -webkit-border-radius: 5px;
  background: var(--color-brand-neutrals-gray-dark);
}
.mldc-typehead-container .mldc-typehead-group.underline ul li {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: typeAheadLiSlideDown;
}
.mldc-typehead-container .mldc-typehead-group .mldc-input-text-container .mldc-input-text-group {
  background-color: transparent;
}
.mldc-typehead-container .mldc-typehead-group .mldc-input-text-container .mldc-input-text-group .input-group {
  padding: 20px var(--space-padding-l) 20px 0;
  height: var(--space-form-inputs-height);
}
.mldc-typehead-container .mldc-typehead-group .mldc-input-text-container .mldc-input-text-group .input-group label {
  left: 0;
  padding-top: 0;
}
.mldc-typehead-container .mldc-typehead-group .mldc-input-text-container .mldc-input-text-group .input-group input {
  margin-top: 10px;
}
.mldc-typehead-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-vspace-base);
  font-size: var(--typography-px-size-12-to-rem);
}
.mldc-typehead-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-typehead-container .location-icon {
  display: inline-block;
  margin: 0 var(--space-hspace-base) -2px 0;
}

.mldc-rtl .mldc-typehead-container .mldc-typehead-group .combobox .typeahead-input-text-block .mldc-input-text-group .input-group,
html[dir=rtl] .mldc-typehead-container .mldc-typehead-group .combobox .typeahead-input-text-block .mldc-input-text-group .input-group,
body[dir=rtl] .mldc-typehead-container .mldc-typehead-group .combobox .typeahead-input-text-block .mldc-input-text-group .input-group {
  padding: 20px 0 20px var(--space-padding-l);
}
.mldc-rtl .mldc-typehead-container .location-icon,
html[dir=rtl] .mldc-typehead-container .location-icon,
body[dir=rtl] .mldc-typehead-container .location-icon {
  margin: 0 0 -2px var(--space-hspace-base);
}

/***** @metlife/mldc-browse-file *****/
/*****
tokens that used for theme:
space-form-inputs-height: 64px
space-form-inputs-padding-lr-l: 24px
space-form-inputs-stroke: 2px
space-form-inputs-stroke-hover: 3px
space-form-inputs-stroke-error: 3px
space-form-inputs-vspace-field-msg: 8px
space-form-inputs-vspace-browse: 16px
*****/
@keyframes browseFileFlyingLabel {
  from {
    font-size: var(--typography-px-size-16-to-rem);
    color: transparent;
    transform: translateY(10px);
  }
  to {
    font-size: var(--typography-px-size-12-to-rem);
    color: var(--color-brand-neutrals-gray-dark);
  }
}
@keyframes browseFileFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mldc-browse-file-container {
  width: 100%;
}
.mldc-browse-file-container .mldc-browse-file-group,
.mldc-browse-file-container .hint-message,
.mldc-browse-file-container .error-message,
.mldc-browse-file-container .custom-message,
.mldc-browse-file-container .link-tooltip {
  max-width: 270px;
}
.mldc-browse-file-container.full-width .mldc-browse-file-group,
.mldc-browse-file-container.full-width .hint-message,
.mldc-browse-file-container.full-width .error-message,
.mldc-browse-file-container.full-width .custom-message,
.mldc-browse-file-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-browse-file-container.full-with-on-mobile .mldc-browse-file-group,
  .mldc-browse-file-container.full-with-on-mobile .hint-message,
  .mldc-browse-file-container.full-with-on-mobile .error-message,
  .mldc-browse-file-container.full-with-on-mobile .custom-message,
  .mldc-browse-file-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-browse-file-container .group-label {
  display: block;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-browse-file-container .group-label:not(:empty) {
  margin-bottom: var(--space-14);
}
.mldc-browse-file-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-browse-file-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
  z-index: 6;
}
.mldc-browse-file-container .mldc-browse-file-group {
  position: relative;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox {
  z-index: 5;
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-dark);
  border-radius: var(--space-radius-base);
  background-color: var(--color-brand-neutrals-white);
  width: 100%;
  height: 64px;
  padding: 0;
  font-size: var(--typography-px-size-16-to-rem);
  display: block;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox svg {
  display: block;
  width: 16px;
  height: 16px;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .transform {
  transform: rotate(180deg);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .label {
  font-size: var(--typography-px-size-12-to-rem);
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .label.floating {
  font-size: var(--typography-px-size-12-to-rem);
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: browseFileFlyingLabel;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .dropdown-placeholder-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .placeholder {
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox[aria-expanded=true], .mldc-browse-file-container .mldc-browse-file-group .combobox:hover, .mldc-browse-file-container .mldc-browse-file-group .combobox:focus {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-hover) var(--color-brand-primary-ml-blue3);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox[aria-expanded=true] .browseButton .divider, .mldc-browse-file-container .mldc-browse-file-group .combobox:hover .browseButton .divider, .mldc-browse-file-container .mldc-browse-file-group .combobox:focus .browseButton .divider {
  height: calc(100% - 6px);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox[aria-expanded=true]::after {
  content: "";
  display: block;
  position: absolute;
  border: 0 0 var(--space-form-inputs-stroke) 0 solid var(--color-brand-primary-ml-blue3);
  border-bottom: 0;
  border-radius: 0;
  width: 100%;
  height: calc(100% + 8px);
  left: 0;
  top: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: browseFileFadeIn;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox[aria-expanded=true].has-error::after {
  z-index: -1;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox:focus-visible {
  outline: none;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox[data-disabled=true] {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke) var(--color-brand-neutrals-gray-medium);
  pointer-events: none;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox[data-disabled=true] input[data-class=shown] {
  background-color: transparent;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox.has-error {
  box-shadow: inset 0 0 0 var(--space-form-inputs-stroke-error) var(--color-swatches-beta-red-base);
  border: 0;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox.has-error .browseButton .divider {
  height: calc(100% - 6px);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .inputFile {
  visibility: hidden !important;
  position: absolute !important;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton {
  cursor: pointer;
  border: 0;
  border-radius: var(--space-radius-base);
  background: transparent;
  padding: 0 var(--space-form-inputs-padding-lr-l);
  overflow: hidden;
  width: 100%;
  font-weight: var(--typography-weight-normal);
  font-size: var(--typography-px-size-16-to-rem);
  height: var(--space-form-inputs-height);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-hspace-m);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton .divider {
  border-left: 1px solid var(--color-brand-neutrals-gray-dark);
  height: calc(100% - 4px);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton .uploadSpan {
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-gray-dark);
  flex: 1;
  text-align: start;
  gap: var(--space-hspace-m);
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton .uploadSpan .choose-file-label {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton .uploadSpan .loader {
  border: 3px solid var(--color-brand-neutrals-white);
  border-radius: 50%;
  border-top: 3px solid var(--color-brand-primary-ml-blue2);
  border-right: 3px solid var(--color-brand-primary-ml-blue2);
  border-bottom: 3px solid var(--color-brand-primary-ml-blue2);
  width: 21px;
  height: 21px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton .browseSpan {
  border: 0;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue2);
  cursor: pointer;
}
.mldc-browse-file-container .mldc-browse-file-group .combobox .browseButton .browseSpan:hover {
  text-decoration: underline;
}
.mldc-browse-file-container .mldc-browse-file-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 0;
}
.mldc-browse-file-container .mldc-browse-file-group ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: var(--space-vspace-m) 0 0 0;
  border: 0;
  padding: 0;
  font-size: var(--typography-px-size-16-to-rem);
  width: 100%;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-browse-file-container .mldc-browse-file-group ul .file-icon {
  display: flex;
  align-items: column;
  height: 24px;
}
.mldc-browse-file-container .mldc-browse-file-group ul .file-name {
  display: flex;
  font-weight: var(--typography-weight-medium);
  flex: 1;
}
.mldc-browse-file-container .mldc-browse-file-group ul .file-size {
  display: flex;
  text-align: start;
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-browse-file-container .mldc-browse-file-group ul .file-close {
  display: flex;
  align-items: center;
  height: 24px;
  gap: 22px;
}
.mldc-browse-file-container .mldc-browse-file-group.underline .combobox {
  border-radius: var(--space-radius-base) var(--space-radius-base) 0 0;
  border: 0;
  box-shadow: inset 0 -2px 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-browse-file-container .mldc-browse-file-group.underline .combobox[aria-expanded=true], .mldc-browse-file-container .mldc-browse-file-group.underline .combobox:hover, .mldc-browse-file-container .mldc-browse-file-group.underline .combobox:focus {
  box-shadow: inset 0 -3px 0 var(--color-brand-primary-ml-blue3);
}
.mldc-browse-file-container .mldc-browse-file-group.underline .combobox[aria-expanded=true]::after, .mldc-browse-file-container .mldc-browse-file-group.underline .combobox:hover::after, .mldc-browse-file-container .mldc-browse-file-group.underline .combobox:focus::after {
  display: none;
}
.mldc-browse-file-container .mldc-browse-file-group.underline .combobox:focus-visible {
  outline: none;
}
.mldc-browse-file-container .mldc-browse-file-group.underline .combobox[data-disabled=true] {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 2px 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-browse-file-container .mldc-browse-file-group.underline .combobox.has-error {
  box-shadow: inset 0 -3px 0 var(--color-swatches-beta-red-base);
  border: 0;
}
.mldc-browse-file-container .mldc-browse-file-group.underline ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 0;
}
.mldc-browse-file-container .mldc-browse-file-group.underline ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: var(--space-vspace-m) 0 0 0;
  border: 0;
  padding: 0;
  font-size: var(--typography-px-size-16-to-rem);
  width: 100%;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-browse-file-container .mldc-browse-file-group.underline ul .file-icon {
  display: flex;
  align-items: column;
  height: 24px;
}
.mldc-browse-file-container .mldc-browse-file-group.underline ul .file-name {
  display: flex;
  font-weight: var(--typography-weight-medium);
  flex: 1;
}
.mldc-browse-file-container .mldc-browse-file-group.underline ul .file-size {
  display: flex;
  text-align: start;
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-browse-file-container .mldc-browse-file-group.underline ul .file-close {
  display: flex;
  align-items: center;
  height: 24px;
  gap: 22px;
}
.mldc-browse-file-container .mldc-browse-file-group .mldc-input-text-container .mldc-input-text-group {
  background-color: transparent;
}
.mldc-browse-file-container .mldc-browse-file-group .mldc-input-text-container .mldc-input-text-group .input-group {
  padding: 10px var(--space-padding-l) 10px 0;
}
.mldc-browse-file-container .mldc-browse-file-group .mldc-input-text-container .mldc-input-text-group .input-group label {
  left: 0;
  padding-top: 0;
}
.mldc-browse-file-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: var(--space-form-inputs-vspace-browse);
  font-size: var(--typography-px-size-12-to-rem);
}
.mldc-browse-file-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-browse-file-container .custom-message {
  color: var(--color-brand-neutrals-gray-dark);
  margin-top: var(--space-form-inputs-vspace-browse);
  font-size: var(--typography-px-size-12-to-rem);
}
.mldc-browse-file-container .custom-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-browse-file-container .custom-message + .custom-message {
  margin-top: var(--space-form-inputs-vspace-field-msg);
}

/***** @metlife/mldc-stepper *****/
.mldc-stepper-wrapper {
  position: relative;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main {
  max-width: var(--responsive-breakpoint-xxl);
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main .bg-placeholder-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: calc(50vw - 650px + 325px);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/public/f9efd6ed43fae1763e77.png);
  background-color: var(--color-brand-primary-ml-blue2);
}
.mldc-stepper-wrapper .mldc-stepper-main .bg-placeholder-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: calc(50vw - 650px);
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-stepper-wrapper .mldc-stepper-main .footer {
  flex-shrink: 0;
}
.mldc-stepper-wrapper .mldc-stepper-main .content-container {
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main .content-container > div {
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main .content-container .wrap {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main .content-container .wrap .form {
  overflow-x: auto;
  flex: 1;
}
.mldc-stepper-wrapper .mldc-stepper-main .content-container .wrap .form .form-content {
  overflow: hidden;
}
.mldc-stepper-wrapper .mldc-stepper-main .content-container .wrap .footer {
  margin-left: -15px;
  margin-right: -15px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box {
  width: 25%;
  padding: 48px 16px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/public/f9efd6ed43fae1763e77.png);
  background-color: var(--color-brand-primary-ml-blue2);
  overflow-y: auto;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .header-text {
  color: var(--color-brand-neutrals-white);
  font-size: var(--typography-px-size-28-to-rem);
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-5);
  line-height: 42px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .subheader-text {
  margin-top: 8px;
  color: var(--color-brand-neutrals-white);
  font-size: 1.125rem;
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-normal);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper {
  margin-top: 48px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  position: relative;
  min-height: 97px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step:not(:last-child) {
  padding-bottom: 24px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 32px);
  border-left: 2px solid var(--color-brand-neutrals-white);
  top: 32px;
  left: 15px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step.completed::after {
  border-color: var(--color-brand-primary-ml-green-base);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step:last-child::after {
  content: none;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-brand-neutrals-white);
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.number-icon {
  border: 2px solid var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.number-icon span {
  font-size: var(--typography-px-size-14-to-rem);
  font-family: var(--typography-family-noto);
  font-style: normal;
  line-height: 21px;
  color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.chevron-icon {
  border: 2px solid var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.chevron-icon svg {
  color: var(--color-brand-neutrals-white);
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.check-icon {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-primary-ml-green-base);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.check-icon svg {
  width: 15px;
  height: 12px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.exclamation-icon {
  border: 2px solid var(--color-brand-neutrals-white);
  background-color: var(--color-brand-secondary-ml-berry-base-1);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.exclamation-icon svg {
  width: 18px;
  height: 18px;
  color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.alert-icon {
  border: 2px solid var(--color-brand-neutrals-white);
  background-color: #e1b212;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .icon.alert-icon svg {
  width: 21px;
  height: 21px;
  margin-top: -4px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item {
  flex: 1;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item .title {
  color: var(--color-brand-neutrals-white);
  font-size: 1rem;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item .title a {
  font-weight: var(--typography-weight-normal);
  width: fit-content;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item .title span:focus {
  position: relative;
  outline: 0;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item .title span:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-neutrals-white);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item .title span:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step .item .status {
  color: var(--color-brand-neutrals-white);
  font-size: 0.875rem;
  margin-top: 4px;
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step.active .icon.number-icon {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step.active .icon.number-icon span {
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step.active .icon.chevron-icon {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step.active .icon.chevron-icon svg {
  color: var(--color-brand-neutrals-gray-darkest);
  stroke-width: 3px;
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}
.mldc-stepper-wrapper .mldc-stepper-main .stepper-box .stepper .step.active .item .title span {
  font-weight: var(--typography-weight-bold);
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .stepper-box {
  background: transparent;
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .mldc-stepper-container, .mldc-stepper-wrapper .mldc-stepper-main.lg .mldc-stepper-container {
  display: flex;
  position: relative;
  z-index: 0;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .content-box, .mldc-stepper-wrapper .mldc-stepper-main.lg .content-box {
  width: 75%;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .page-close-icon, .mldc-stepper-wrapper .mldc-stepper-main.lg .page-close-icon {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 1;
  cursor: pointer;
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .page-close-icon svg, .mldc-stepper-wrapper .mldc-stepper-main.lg .page-close-icon svg {
  color: var(--color-brand-neutrals-gray-darkest);
  width: 18px;
  height: 18px;
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .content-page, .mldc-stepper-wrapper .mldc-stepper-main.lg .content-page {
  position: relative;
  flex: 1;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .content-block, .mldc-stepper-wrapper .mldc-stepper-main.lg .content-block {
  position: relative;
  flex: 1;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.xl .content-wrap, .mldc-stepper-wrapper .mldc-stepper-main.lg .content-wrap {
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.md {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .stepper-box {
  width: 33.3333333333%;
  padding: 48px 16px;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .stepper-box .header-text {
  color: var(--color-brand-neutrals-white);
  font-size: var(--typography-px-size-26-to-rem);
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-5);
  line-height: 39px;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .stepper-box .stepper {
  margin-top: 64px;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .mldc-stepper-container {
  display: flex;
  position: relative;
  z-index: 0;
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .content-box {
  width: 66.6666666667%;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main.md .content-page {
  position: relative;
  flex: 1;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .content-block {
  position: relative;
  flex: 1;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .page-close-icon {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 1;
  cursor: pointer;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .page-close-icon svg {
  color: var(--color-brand-neutrals-gray-darkest);
  width: 18px;
  height: 18px;
}
.mldc-stepper-wrapper .mldc-stepper-main.md .content-wrap {
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm, .mldc-stepper-wrapper .mldc-stepper-main.xs {
  display: flex;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .mldc-stepper-container, .mldc-stepper-wrapper .mldc-stepper-main.xs .mldc-stepper-container {
  width: 100%;
  overflow-x: hidden;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .content-box, .mldc-stepper-wrapper .mldc-stepper-main.xs .content-box {
  display: flex;
  position: relative;
  z-index: 0;
  height: 100%;
  width: 200%;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .content-page, .mldc-stepper-wrapper .mldc-stepper-main.xs .content-page {
  position: relative;
  flex: 1;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .content-block, .mldc-stepper-wrapper .mldc-stepper-main.xs .content-block {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .page-close-icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .page-close-icon {
  position: absolute;
  top: 24px;
  right: 21px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .page-close-icon svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .page-close-icon svg {
  color: var(--color-brand-neutrals-white);
  width: 18px;
  height: 18px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .content-wrap, .mldc-stepper-wrapper .mldc-stepper-main.xs .content-wrap {
  position: relative;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .content-wrap .mldc-tooltip .tooltip-dialog[aria-hidden=false], .mldc-stepper-wrapper .mldc-stepper-main.xs .content-wrap .mldc-tooltip .tooltip-dialog[aria-hidden=false] {
  left: 50% !important;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page {
  position: relative;
  overflow: hidden;
  flex: 1;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-box, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-box {
  overflow-x: auto;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon {
  position: absolute;
  top: 24px;
  right: 0;
  width: 26px;
  height: 32px;
  border-radius: 2px 0px 0px 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-swatches-beta-green-dark);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon svg {
  color: var(--color-brand-neutrals-white);
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon.with-time, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon.with-time {
  top: 74px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon:focus, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon:focus {
  background-color: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-additional-green-for-stepper);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon:focus::after, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon:focus::after {
  content: none;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon:focus svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon:focus svg {
  color: var(--color-additional-green-for-stepper);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon:focus:not(:focus-visible), .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon:focus:not(:focus-visible) {
  background-color: var(--color-additional-green-for-stepper);
  border: 0;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .modal-page .stepper-close-icon:focus:not(:focus-visible) svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .modal-page .stepper-close-icon:focus:not(:focus-visible) svg {
  color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box {
  width: 100%;
  padding: 24px 15px 16px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/public/f9efd6ed43fae1763e77.png);
  background-color: var(--color-brand-primary-ml-blue2);
  overflow-y: hidden;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .timer-placeholder, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .timer-placeholder {
  background-color: var(--color-brand-neutrals-gray-lightest);
  border-radius: 16px;
  padding: 4px 8px;
  width: fit-content;
  margin-bottom: 24px;
  font-size: 0.75rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .timer-placeholder *, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .timer-placeholder * {
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: 0.75rem;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-left: -15px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger button, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  width: 53px;
  box-shadow: -6px 4px 5px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0 32px 32px 0;
  background-color: var(--color-swatches-beta-green-dark);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger button svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger button svg {
  color: var(--color-brand-neutrals-white);
  width: 7px;
  height: 23px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-brand-neutrals-white);
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.number-icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.number-icon {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.number-icon span, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.number-icon span {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-6);
  font-family: var(--typography-family-noto);
  font-style: normal;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.chevron-icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.chevron-icon {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.chevron-icon svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.chevron-icon svg {
  color: var(--color-brand-neutrals-gray-darkest);
  stroke-width: 3px;
  width: 13px;
  height: 13px;
  transform: rotate(-90deg);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.check-icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.check-icon {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background-color: var(--color-brand-primary-ml-green-base);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.check-icon svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.check-icon svg {
  width: 15px;
  height: 12px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.exclamation-icon, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.exclamation-icon {
  border: 2px solid var(--color-brand-neutrals-white);
  background-color: var(--color-brand-secondary-ml-berry-base-1);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .icon.exclamation-icon svg, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .icon.exclamation-icon svg {
  color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .trigger-item, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .trigger-item {
  flex: 1;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .trigger-item .title, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .trigger-item .title {
  color: var(--color-brand-neutrals-white);
  font-size: 1rem;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .trigger-item .title a, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .trigger-item .title a {
  font-weight: var(--typography-weight-6);
  width: fit-content;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .trigger-box .trigger .trigger-item .status, .mldc-stepper-wrapper .mldc-stepper-main.xs .trigger-box .trigger .trigger-item .status {
  color: var(--color-brand-neutrals-white);
  font-size: 0.875rem;
  margin-top: 2px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .stepper-box, .mldc-stepper-wrapper .mldc-stepper-main.xs .stepper-box {
  width: calc(100% - 16px);
  height: 100%;
  padding: 48px 16px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .stepper-box .header-text, .mldc-stepper-wrapper .mldc-stepper-main.xs .stepper-box .header-text {
  font-size: var(--typography-px-size-20-to-rem);
  font-weight: var(--typography-weight-5);
  line-height: 30px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .stepper-box .subheader-text, .mldc-stepper-wrapper .mldc-stepper-main.xs .stepper-box .subheader-text {
  margin-top: 10px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .stepper-box .stepper, .mldc-stepper-wrapper .mldc-stepper-main.xs .stepper-box .stepper {
  margin-top: 40px;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .zoom-large .content-block,
.mldc-stepper-wrapper .mldc-stepper-main.sm .zoom-large .content-container, .mldc-stepper-wrapper .mldc-stepper-main.xs .zoom-large .content-block,
.mldc-stepper-wrapper .mldc-stepper-main.xs .zoom-large .content-container {
  height: auto;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .zoom-large .trigger-box,
.mldc-stepper-wrapper .mldc-stepper-main.sm .zoom-large .content-wrap, .mldc-stepper-wrapper .mldc-stepper-main.xs .zoom-large .trigger-box,
.mldc-stepper-wrapper .mldc-stepper-main.xs .zoom-large .content-wrap {
  overflow: auto;
}
.mldc-stepper-wrapper .mldc-stepper-main.sm .zoom-large .group-left, .mldc-stepper-wrapper .mldc-stepper-main.xs .zoom-large .group-left {
  flex-direction: column;
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger-box, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger-box {
  background-image: none;
  background: linear-gradient(180deg, #f2fffd 0%, #e6f4fb 100%);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger-box .trigger-item .title, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger-box .trigger-item .title {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger-box .trigger-item .title a, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger-box .trigger-item .title a {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger-box .trigger-item .status, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger-box .trigger-item .status {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger .icon.number-icon, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger .icon.number-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger .icon.alert-icon, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger .icon.alert-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger .icon.exclamation-icon, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger .icon.exclamation-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main.sm .trigger .icon.chevron-icon, .mldc-stepper-wrapper.dark-bg .mldc-stepper-main.xs .trigger .icon.chevron-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .bg-placeholder-left {
  background-image: none;
  background: linear-gradient(180deg, #f2fffd 0%, #e6f4fb 100%);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .content-block .page-close-icon svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box {
  background-image: none;
  background: linear-gradient(180deg, #f2fffd 0%, #e6f4fb 100%);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .header-text {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .subheader-text {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step::after {
  border-left: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step.completed::after {
  border-color: var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step.active .icon.number-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step.active .icon.alert-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step.active .icon.exclamation-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step.active .icon.chevron-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step.active .item .title span {
  font-weight: var(--typography-weight-bold);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.alert-icon {
  border: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.number-icon {
  border: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.number-icon span {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.check-icon {
  border: 2px solid var(--color-swatches-beta-green-darkest);
  background-color: var(--color-swatches-beta-green-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.check-icon svg {
  color: var(--color-brand-neutrals-white);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.exclamation-icon {
  border: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .icon.exclamation-icon span {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .pending-icon {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .item .title {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .item .title a {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-stepper-wrapper.dark-bg .mldc-stepper-main .stepper-box .stepper .step .item .status {
  color: var(--color-brand-neutrals-gray-darkest);
}

/***** @metlife/mldc-action-bar *****/
.mldc-action-bar {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 24px 15px;
  gap: 24px;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1607843137);
}
.mldc-action-bar .group-left {
  display: flex;
  flex-flow: wrap;
  gap: 24px;
}
.mldc-action-bar .group-left.tab-order-need {
  flex-direction: row;
}
.mldc-action-bar .group-left.default-order {
  flex-direction: row-reverse;
}
.mldc-action-bar .group-left button {
  min-width: 170px;
}
.mldc-action-bar .group-right {
  display: flex;
}
.mldc-action-bar.sm, .mldc-action-bar.xs {
  padding: 16px 15px 24px;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
}
.mldc-action-bar.sm .group-left, .mldc-action-bar.xs .group-left {
  width: 100%;
  justify-content: center;
  gap: 16px;
}
.mldc-action-bar.sm .group-left .primary-group,
.mldc-action-bar.sm .group-left .secondary-group, .mldc-action-bar.xs .group-left .primary-group,
.mldc-action-bar.xs .group-left .secondary-group {
  flex: 1;
  margin-top: 8px;
}
.mldc-action-bar.sm .group-left .primary-group:empty,
.mldc-action-bar.sm .group-left .secondary-group:empty, .mldc-action-bar.xs .group-left .primary-group:empty,
.mldc-action-bar.xs .group-left .secondary-group:empty {
  display: none;
}
.mldc-action-bar.sm .group-left button, .mldc-action-bar.xs .group-left button {
  width: 100%;
  min-width: unset;
  white-space: nowrap;
}
.mldc-action-bar.sm .group-right, .mldc-action-bar.xs .group-right {
  width: 100%;
  justify-content: center;
}

/***** @metlife/mldc-progress-bar *****/
.mldc-progress-bar {
  height: 8px;
  width: 100%;
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
}
.mldc-progress-bar .bar {
  display: block;
  height: 100%;
  background: transparent linear-gradient(270deg, var(--color-brand-primary-ml-green-base) 0%, var(--color-brand-primary-ml-blue1-base) 100%) 0% 0% no-repeat padding-box;
}

.mldc-rtl .mldc-progress-bar .bar,
html[dir=rtl] .mldc-progress-bar .bar,
body[dir=rtl] .mldc-progress-bar .bar {
  background: transparent linear-gradient(270deg, var(--color-brand-primary-ml-blue1-base) 0%, var(--color-brand-primary-ml-green-base) 100%) 0% 0% no-repeat padding-box;
}

/***** @metlife/mldc-data-table *****/
/*****
tokens that used for theme:
space-vspace-s: 4px
space-data-table-padding-lr-m: 16px
space-data-table-padding-tb-m: 16px
space-data-table-hspace-gap: 8px
space-data-table-vspace-items: 8px
space-data-table-height: 54px
*****/
.mldc-mobile-data-table table {
  border: 0;
  margin: 0;
  width: 100%;
  position: relative;
}
.mldc-mobile-data-table thead,
.mldc-mobile-data-table tr {
  border: 0;
}
.mldc-mobile-data-table thead {
  width: auto;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.mldc-mobile-data-table th,
.mldc-mobile-data-table td {
  border: 0;
  border-bottom: 0;
  min-width: unset;
  padding: var(--space-padding-m) var(--space-12);
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-gray-darkest);
  text-align: left;
}
.mldc-mobile-data-table table th {
  background-color: unset;
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-mobile-data-table table .highlight-row {
  background-color: rgba(0, 122, 188, 0.07);
}
.mldc-mobile-data-table table .highlight-row .mobile-header {
  background-color: unset;
}
.mldc-mobile-data-table table .highlight-row th {
  background-color: rgba(0, 122, 188, 0.07);
}
.mldc-mobile-data-table table .highlight-row th .mobile-bg .mobile-header {
  background-color: unset;
}
.mldc-mobile-data-table .mobile-select-all {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 13px;
}
.mldc-mobile-data-table .mobile-select-all a {
  text-decoration: none;
}
.mldc-mobile-data-table .mobile-deselect-all {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 13px;
}
.mldc-mobile-data-table .mldc-text-link span.leading {
  margin-bottom: -3px;
}
.mldc-mobile-data-table .mldc-checkbox-container .mldc-checkbox label {
  padding: 6px 0;
}
.mldc-mobile-data-table .mobile-header {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-mobile-data-table .is-hidden {
  display: none;
}
.mldc-mobile-data-table .mobile-bg {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-mobile-data-table .white-bg {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-mobile-data-table .sortable-aligner {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}
.mldc-mobile-data-table .aligner {
  display: flex;
  align-items: center;
}
.mldc-mobile-data-table .header-text {
  font-size: var(--typography-px-size-16-to-rem);
  min-width: unset;
  text-align: left;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-mobile-data-table .sorting {
  display: flex;
}
.mldc-mobile-data-table .show-row {
  display: initial;
}
.mldc-mobile-data-table .hide-row {
  display: none;
}
.mldc-mobile-data-table .plus-icon {
  width: 12px;
  height: 12px;
  display: initial;
}
.mldc-mobile-data-table .minus-icon {
  width: 12px;
  height: 12px;
  display: initial;
}
.mldc-mobile-data-table .set-border-bottom {
  border-bottom: var(--space-borderthickness-stroke-1) solid var(--color-brand-neutrals-gray-medium);
}
.mldc-mobile-data-table .set-border-top {
  border-top: var(--space-borderthickness-stroke-1) solid var(--color-brand-neutrals-gray-medium);
}
.mldc-mobile-data-table .sort {
  display: flex;
  width: 16px;
  height: 16px;
}
.mldc-mobile-data-table .sort-asc {
  display: flex;
  width: 16px;
  height: 16px;
}
.mldc-mobile-data-table .sort-asc svg {
  width: 12px;
  height: 14px;
  margin: 1px var(--space-hspace-xs);
}
.mldc-mobile-data-table .sort-desc {
  display: flex;
  width: 16px;
  height: 16px;
}
.mldc-mobile-data-table .sort-desc svg {
  width: 12px;
  height: 14px;
  margin: 1px var(--space-hspace-xs);
}
.mldc-mobile-data-table .tooltip-top,
.mldc-mobile-data-table .tooltip-right,
.mldc-mobile-data-table .tooltip-bottom,
.mldc-mobile-data-table .tooltip-left {
  position: relative;
  outline: none;
}
.mldc-mobile-data-table .tooltip-top:before,
.mldc-mobile-data-table .tooltip-right:before,
.mldc-mobile-data-table .tooltip-bottom:before,
.mldc-mobile-data-table .tooltip-left:before {
  content: attr(data-tooltip);
  padding: var(--space-padding-xs) 10px var(--space-padding-s) 10px;
  color: var(--color-brand-neutrals-gray-darkest);
  white-space: pre;
  border-radius: var(--space-radius-base);
  border: var(--space-borderthickness-stroke-2) solid var(--color-brand-primary-ml-blue3);
  text-align: center;
  font-size: var(--typography-px-size-16-to-rem);
  z-index: 998;
}
.mldc-mobile-data-table .tooltip-top:after,
.mldc-mobile-data-table .tooltip-right:after,
.mldc-mobile-data-table .tooltip-bottom:after,
.mldc-mobile-data-table .tooltip-left:after {
  content: "";
  width: 10px;
  height: 10px;
  border: var(--space-borderthickness-stroke-2) solid transparent;
  border-left-color: var(--color-brand-primary-ml-blue3);
  border-bottom-color: var(--color-brand-primary-ml-blue3);
  z-index: 999;
}
.mldc-mobile-data-table .tooltip-top:before, .mldc-mobile-data-table .tooltip-top:after,
.mldc-mobile-data-table .tooltip-right:before,
.mldc-mobile-data-table .tooltip-right:after,
.mldc-mobile-data-table .tooltip-bottom:before,
.mldc-mobile-data-table .tooltip-bottom:after,
.mldc-mobile-data-table .tooltip-left:before,
.mldc-mobile-data-table .tooltip-left:after {
  position: absolute;
  cursor: default;
  opacity: 0;
  background-color: var(--color-brand-neutrals-white);
  pointer-events: none;
  transition: all ease-out 0.15s;
  box-shadow: none;
}
.mldc-mobile-data-table .tooltip-top:hover:before, .mldc-mobile-data-table .tooltip-top:hover:after,
.mldc-mobile-data-table .tooltip-right:hover:before,
.mldc-mobile-data-table .tooltip-right:hover:after,
.mldc-mobile-data-table .tooltip-bottom:hover:before,
.mldc-mobile-data-table .tooltip-bottom:hover:after,
.mldc-mobile-data-table .tooltip-left:hover:before,
.mldc-mobile-data-table .tooltip-left:hover:after {
  opacity: 1;
  margin: 0;
}
.mldc-mobile-data-table .tooltip-top:focus,
.mldc-mobile-data-table .tooltip-right:focus,
.mldc-mobile-data-table .tooltip-bottom:focus,
.mldc-mobile-data-table .tooltip-left:focus {
  border: var(--space-borderthickness-stroke-2) solid var(--color-brand-primary-ml-blue3);
}
.mldc-mobile-data-table .tooltip-top:focus:before, .mldc-mobile-data-table .tooltip-top:focus:after,
.mldc-mobile-data-table .tooltip-right:focus:before,
.mldc-mobile-data-table .tooltip-right:focus:after,
.mldc-mobile-data-table .tooltip-bottom:focus:before,
.mldc-mobile-data-table .tooltip-bottom:focus:after,
.mldc-mobile-data-table .tooltip-left:focus:before,
.mldc-mobile-data-table .tooltip-left:focus:after {
  opacity: 1;
  margin: 0;
}
.mldc-mobile-data-table .tooltip-top:active,
.mldc-mobile-data-table .tooltip-right:active,
.mldc-mobile-data-table .tooltip-bottom:active,
.mldc-mobile-data-table .tooltip-left:active {
  border: none;
}
.mldc-mobile-data-table .tooltip-top:before {
  bottom: calc(100% + 7px);
  transform: translateX(-50%);
}
.mldc-mobile-data-table .tooltip-top:after {
  bottom: calc(100% + 4px);
  transform: translateX(-50%) rotate(-45deg);
}
.mldc-mobile-data-table .tooltip-top:before, .mldc-mobile-data-table .tooltip-top:after {
  left: 50%;
}
.mldc-mobile-data-table .tooltip-right:before {
  left: calc(100% + 7px);
  transform: translateY(-50%);
}
.mldc-mobile-data-table .tooltip-right:after {
  left: calc(100% + 4px);
  transform: translateY(-50%) rotate(-315deg);
}
.mldc-mobile-data-table .tooltip-right:before, .mldc-mobile-data-table .tooltip-right:after {
  top: 50%;
}
.mldc-mobile-data-table .tooltip-bottom:before {
  top: calc(100% + 7px);
  transform: translateX(-50%);
}
.mldc-mobile-data-table .tooltip-bottom:after {
  top: calc(100% + 4px);
  transform: translateX(-50%) rotate(-225deg);
}
.mldc-mobile-data-table .tooltip-bottom:before, .mldc-mobile-data-table .tooltip-bottom:after {
  left: 50%;
}
.mldc-mobile-data-table .tooltip-left:before {
  right: calc(100% + 7px);
  transform: translateY(-50%);
}
.mldc-mobile-data-table .tooltip-left:after {
  right: calc(100% + 4px);
  transform: translateY(-50%) rotate(-135deg);
}
.mldc-mobile-data-table .tooltip-left:before, .mldc-mobile-data-table .tooltip-left:after {
  top: 50%;
}
.mldc-mobile-data-table button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.mldc-mobile-data-table .mldc-text-link {
  display: block;
}
.mldc-mobile-data-table .tooltip-dialog {
  top: -20px !important;
  z-index: 9999 !important;
}
.mldc-mobile-data-table .mldc-tooltip .tooltip {
  width: auto;
  height: auto;
  padding: var(--space-padding-base) 10px;
}
.mldc-mobile-data-table .mldc-tooltip .tooltip .mldc-button {
  display: inline-block;
  padding: 0 var(--space-padding-m);
  border-radius: 18px;
}
.mldc-mobile-data-table .mldc-tooltip .tooltip .mldc-button span {
  font-size: var(--typography-px-size-14-to-rem);
}
.mldc-mobile-data-table .mldc-tooltip .tooltip .primary {
  margin-right: var(--space-hspace-m);
}
.mldc-mobile-data-table .mldc-tooltip .tooltip .mldc-icon-button {
  display: none;
  visibility: hidden;
}
.mldc-mobile-data-table .mldc-tooltip .tooltip .deleteOverlay {
  display: block;
  padding-bottom: var(--space-12);
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-mobile-data-table .mldc-tooltip .tooltip .delete-tooltip-wrapper button {
  height: 35px;
}
.mldc-mobile-data-table .mldc-tooltip .tooltip button .mldc-button .primary .blue {
  padding: 10px;
  border-radius: 18px;
}
.mldc-mobile-data-table .new-row-added {
  background-color: rgba(164, 206, 78, 0.4);
  transition: background-color 2s ease-out;
}
.mldc-mobile-data-table .new-row-added-mobile {
  background-color: rgba(164, 206, 78, 0.4);
  transition: background-color 2s ease-out;
}
.mldc-mobile-data-table .newly-added {
  background-color: rgba(164, 206, 78, 0.4);
}

.data-table-add-new-example .mldc-slide-panel .modal-bg {
  opacity: 0.4 !important;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal, .data-table-add-new-example .mldc-slide-panel.xs .modal {
  margin: 54px 15px 66px 15px !important;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal-bg, .data-table-add-new-example .mldc-slide-panel.xs .modal-bg {
  background-color: var(--color-brand-neutrals-black) !important;
  opacity: 0.4 !important;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal-content, .data-table-add-new-example .mldc-slide-panel.xs .modal-content {
  overflow-x: visible !important;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal-body, .data-table-add-new-example .mldc-slide-panel.xs .modal-body {
  background-color: var(--color-brand-neutrals-white) !important;
  overflow-x: visible !important;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal-footer, .data-table-add-new-example .mldc-slide-panel.xs .modal-footer {
  box-shadow: none !important;
  background-color: var(--color-brand-neutrals-white) !important;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal-footer .secondary, .data-table-add-new-example .mldc-slide-panel.xs .modal-footer .secondary {
  display: none;
}
.data-table-add-new-example .mldc-slide-panel.sm .modal-footer .primary, .data-table-add-new-example .mldc-slide-panel.xs .modal-footer .primary {
  width: 100% !important;
}

.mldc-data-table-wrapper {
  display: flex;
  flex-flow: column;
}
.mldc-data-table-wrapper .add-new-wrapper .mldc-text-link {
  height: 22px;
  width: 94px;
}
.mldc-data-table-wrapper .add-new-wrapper .mldc-text-link span {
  margin-right: var(--space-12);
}
.mldc-data-table-wrapper .add-new-wrapper .mldc-text-link span svg {
  width: 12px;
  height: 12px;
}
.mldc-data-table-wrapper .group-row-header-wrapper {
  padding: var(--space-padding-m);
}
.mldc-data-table-wrapper .new-row-added {
  background-color: rgba(164, 206, 78, 0.4);
  transition: background-color 2s ease-out;
}
.mldc-data-table-wrapper .new-row-added:nth-child(even) {
  background-color: rgba(164, 206, 78, 0.4);
  transition: background-color 2s ease-out;
}
.mldc-data-table-wrapper .newly-added {
  background-color: rgba(164, 206, 78, 0.4);
}
.mldc-data-table-wrapper .mldc-tooltip .tooltip {
  width: auto;
  height: auto;
  min-height: unset;
}
.mldc-data-table-wrapper .mldc-tooltip .tooltip button .mldc-button .primary .blue {
  padding: 10px;
  border-radius: 18px;
}
.mldc-data-table-wrapper .mldc-tooltip .tooltip .delete-tooltip-wrapper button {
  height: 35px;
}
.mldc-data-table-wrapper .legend-title {
  display: inline-block;
  font-size: var(--typography-px-size-16-to-rem);
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-data-table-wrapper .group-row-header-bar {
  display: inline-block;
  width: 64px;
  height: 4px;
  border-radius: var(--space-radius-s);
  vertical-align: middle;
  background: transparent linear-gradient(270deg, var(--color-brand-primary-ml-green-base) 0%, var(--color-brand-primary-ml-blue1-base) 100%) 0% 0% no-repeat padding-box;
}
.mldc-data-table-wrapper .legend-box {
  display: flex;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.mldc-data-table-wrapper .legend-box-text {
  padding-left: var(--space-padding-base);
  vertical-align: text-bottom;
  display: flex;
  margin-right: var(--space-hspace-m);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-data-table-wrapper .legend-box-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.mldc-data-table-wrapper .legend-head {
  font-size: var(--typography-px-size-12-to-rem);
  font-style: italic;
}
.mldc-data-table-wrapper .legend-cell-text {
  font-weight: var(--typography-weight-semi-bold);
  display: flex;
}
.mldc-data-table-wrapper .legend-list-wrapper {
  padding: var(--space-12) var(--space-padding-m) var(--space-padding-m) var(--space-padding-l);
}
.mldc-data-table-wrapper .legend-list-wrapper ul {
  padding: 0;
  margin: 0;
}
.mldc-data-table-wrapper .legend-list-wrapper.mobile-legend {
  padding: 22px var(--space-padding-m) var(--space-padding-m) 0;
}
.mldc-data-table-wrapper .group-row-header-text {
  padding-left: var(--space-padding-base);
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-data-table-wrapper .mldc-pagination-container .pagination-right-icon {
  margin-right: 0;
}
.mldc-data-table-wrapper .pagination-wrapper {
  display: flex;
  margin-left: auto;
  padding: var(--space-padding-m) 0;
}
.mldc-data-table-wrapper .items-per-page-wrapper {
  width: 270px;
  margin-left: auto;
  display: flex;
  padding: var(--space-padding-m) 0;
}
.mldc-data-table-wrapper .add-new-wrapper {
  margin-left: auto;
  display: flex;
  padding: var(--space-padding-m) 0;
}
.mldc-data-table-wrapper .disable-pagination {
  pointer-events: none;
}
.mldc-data-table-wrapper .disable-pagination input {
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
}
.mldc-data-table-wrapper .pagination-mobile-View {
  width: unset;
  margin: auto;
}
.mldc-data-table-wrapper .items-perpage-mobile-View {
  width: unset;
  margin-left: 0;
}
.mldc-data-table-wrapper .add-new-mobile-View {
  width: unset;
}
.mldc-data-table-wrapper .mldc-data-table a:focus {
  position: relative;
}
.mldc-data-table-wrapper .mldc-data-table a:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-borderthickness-stroke-2) solid var(--color-brand-primary-ml-blue3);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-data-table-wrapper .mldc-data-table a:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-data-table-wrapper .mldc-data-table table {
  margin: 0;
  border: 0;
  width: unset;
}
.mldc-data-table-wrapper .mldc-data-table .tb-width {
  width: 100%;
}
.mldc-data-table-wrapper .group-label {
  display: block;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-data-table-wrapper .group-label:not(:empty) {
  margin-bottom: var(--space-14);
}
.mldc-data-table-wrapper .group-label-w-tooltip {
  display: flex;
  gap: var(--space-vspace-m);
}
.mldc-data-table-wrapper .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
  z-index: 6;
}

.mldc-data-table,
.mldc-data-table .content-box,
.mldc-data-table .content {
  display: flex;
  flex: 1;
}
.mldc-data-table table th,
.mldc-data-table .content-box table th,
.mldc-data-table .content table th {
  border: 0;
  border-bottom: var(--space-borderthickness-stroke-1) solid var(--color-brand-neutrals-gray-medium);
  padding: var(--space-padding-m);
  background-color: var(--color-brand-neutrals-white);
  font-size: var(--typography-px-size-16-to-rem);
  min-width: unset;
  text-align: left;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-data-table th:focus,
.mldc-data-table .content-box th:focus,
.mldc-data-table .content th:focus {
  outline: none;
  box-shadow: inset 0 0 0 var(--space-borderthickness-stroke-2) var(--color-brand-primary-ml-blue3);
}
.mldc-data-table td:focus,
.mldc-data-table .content-box td:focus,
.mldc-data-table .content td:focus {
  outline: none;
  box-shadow: inset 0 0 0 var(--space-borderthickness-stroke-2) var(--color-brand-primary-ml-blue3);
}
.mldc-data-table .checkbox-column-th,
.mldc-data-table .checkbox-column-td,
.mldc-data-table .content-box .checkbox-column-th,
.mldc-data-table .content-box .checkbox-column-td,
.mldc-data-table .content .checkbox-column-th,
.mldc-data-table .content .checkbox-column-td {
  width: calc(24px + var(--space-vspace-s) * 2 + var(--space-data-table-padding-lr-m) * 2);
}
.mldc-data-table .checkbox-column-th .selectableRow,
.mldc-data-table .checkbox-column-td .selectableRow,
.mldc-data-table .content-box .checkbox-column-th .selectableRow,
.mldc-data-table .content-box .checkbox-column-td .selectableRow,
.mldc-data-table .content .checkbox-column-th .selectableRow,
.mldc-data-table .content .checkbox-column-td .selectableRow {
  width: fit-content;
}
.mldc-data-table .checkbox-column-th .mldc-checkbox,
.mldc-data-table .checkbox-column-td .mldc-checkbox,
.mldc-data-table .content-box .checkbox-column-th .mldc-checkbox,
.mldc-data-table .content-box .checkbox-column-td .mldc-checkbox,
.mldc-data-table .content .checkbox-column-th .mldc-checkbox,
.mldc-data-table .content .checkbox-column-td .mldc-checkbox {
  gap: 0;
  margin: var(--space-vspace-s);
}
.mldc-data-table table td,
.mldc-data-table .content-box table td,
.mldc-data-table .content table td {
  border: 0;
  padding: var(--space-data-table-padding-tb-m) var(--space-data-table-padding-lr-m);
  text-align: left;
  font-size: var(--typography-px-size-16-to-rem);
  min-width: unset;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-data-table table td .mldc-checkbox-container .mldc-checkbox,
.mldc-data-table .content-box table td .mldc-checkbox-container .mldc-checkbox,
.mldc-data-table .content table td .mldc-checkbox-container .mldc-checkbox {
  margin: var(--space-vspace-s);
}
.mldc-data-table table tr:nth-child(even),
.mldc-data-table .content-box table tr:nth-child(even),
.mldc-data-table .content table tr:nth-child(even) {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-data-table table tr:nth-child(even) th,
.mldc-data-table .content-box table tr:nth-child(even) th,
.mldc-data-table .content table tr:nth-child(even) th {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-data-table table tbody tr th, .mldc-data-table table tbody tr td,
.mldc-data-table .content-box table tbody tr th,
.mldc-data-table .content-box table tbody tr td,
.mldc-data-table .content table tbody tr th,
.mldc-data-table .content table tbody tr td {
  border-bottom: var(--space-borderthickness-stroke-1) solid var(--color-brand-neutrals-gray-medium);
}
.mldc-data-table table tr.expandable,
.mldc-data-table .content-box table tr.expandable,
.mldc-data-table .content table tr.expandable {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandable th,
.mldc-data-table .content-box table tr.expandable th,
.mldc-data-table .content table tr.expandable th {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandable.odd,
.mldc-data-table .content-box table tr.expandable.odd,
.mldc-data-table .content table tr.expandable.odd {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandable.odd th,
.mldc-data-table .content-box table tr.expandable.odd th,
.mldc-data-table .content table tr.expandable.odd th {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandable.even,
.mldc-data-table .content-box table tr.expandable.even,
.mldc-data-table .content table tr.expandable.even {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-data-table table tr.expandable.even th,
.mldc-data-table .content-box table tr.expandable.even th,
.mldc-data-table .content table tr.expandable.even th {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-data-table table .expandable-td,
.mldc-data-table .content-box table .expandable-td,
.mldc-data-table .content table .expandable-td {
  text-align: center;
}
.mldc-data-table table tr.expandabled-row.odd,
.mldc-data-table .content-box table tr.expandabled-row.odd,
.mldc-data-table .content table tr.expandabled-row.odd {
  transition: all 0.3s;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandabled-row.odd th,
.mldc-data-table .content-box table tr.expandabled-row.odd th,
.mldc-data-table .content table tr.expandabled-row.odd th {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandabled-row.odd table tr,
.mldc-data-table .content-box table tr.expandabled-row.odd table tr,
.mldc-data-table .content table tr.expandabled-row.odd table tr {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-data-table table tr.expandabled-row.even,
.mldc-data-table .content-box table tr.expandabled-row.even,
.mldc-data-table .content table tr.expandabled-row.even {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-data-table table tr.expandabled-row.even th,
.mldc-data-table .content-box table tr.expandabled-row.even th,
.mldc-data-table .content table tr.expandabled-row.even th {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-data-table table .expanded-row th,
.mldc-data-table .content-box table .expanded-row th,
.mldc-data-table .content table .expanded-row th {
  box-shadow: none;
}
.mldc-data-table table .expanded-row td,
.mldc-data-table .content-box table .expanded-row td,
.mldc-data-table .content table .expanded-row td {
  box-shadow: none;
}
.mldc-data-table .plus-icon,
.mldc-data-table .content-box .plus-icon,
.mldc-data-table .content .plus-icon {
  width: 12px;
  height: 12px;
}
.mldc-data-table .minus-icon,
.mldc-data-table .content-box .minus-icon,
.mldc-data-table .content .minus-icon {
  width: 12px;
  height: 12px;
}
.mldc-data-table .expandable-th-column,
.mldc-data-table .content-box .expandable-th-column,
.mldc-data-table .content .expandable-th-column {
  padding-right: 18px;
}
.mldc-data-table .expandable-th-column button,
.mldc-data-table .content-box .expandable-th-column button,
.mldc-data-table .content .expandable-th-column button {
  padding: var(--space-padding-xs);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
  border: 0;
}
.mldc-data-table .expandable-th-column button:focus,
.mldc-data-table .content-box .expandable-th-column button:focus,
.mldc-data-table .content .expandable-th-column button:focus {
  outline: var(--space-borderthickness-stroke-2) solid var(--color-brand-primary-ml-blue2);
}
.mldc-data-table .expandable-th-column button:not(:focus-visible),
.mldc-data-table .content-box .expandable-th-column button:not(:focus-visible),
.mldc-data-table .content .expandable-th-column button:not(:focus-visible) {
  outline: 0;
}
.mldc-data-table .expandable-column,
.mldc-data-table .content-box .expandable-column,
.mldc-data-table .content .expandable-column {
  display: flex;
  justify-content: end;
}
.mldc-data-table table.expandable-table,
.mldc-data-table .content-box table.expandable-table,
.mldc-data-table .content table.expandable-table {
  margin: auto;
}
.mldc-data-table .expandable-table-header,
.mldc-data-table .content-box .expandable-table-header,
.mldc-data-table .content .expandable-table-header {
  min-width: 153px;
}
.mldc-data-table .expandable-td,
.mldc-data-table .content-box .expandable-td,
.mldc-data-table .content .expandable-td {
  padding: 0;
}
.mldc-data-table .highlight-row,
.mldc-data-table .content-box .highlight-row,
.mldc-data-table .content .highlight-row {
  background-color: rgba(0, 122, 188, 0.07);
}
.mldc-data-table .highlight-row:nth-child(even),
.mldc-data-table .content-box .highlight-row:nth-child(even),
.mldc-data-table .content .highlight-row:nth-child(even) {
  background-color: rgba(0, 122, 188, 0.07);
}
.mldc-data-table .highlight-row:nth-child(even) th,
.mldc-data-table .content-box .highlight-row:nth-child(even) th,
.mldc-data-table .content .highlight-row:nth-child(even) th {
  background-color: rgba(0, 122, 188, 0.07);
}
.mldc-data-table .link-icon svg,
.mldc-data-table .content-box .link-icon svg,
.mldc-data-table .content .link-icon svg {
  width: 16px;
  stroke-width: 2.5;
}
.mldc-data-table .mldc-checkbox-container .mldc-checkbox label,
.mldc-data-table .content-box .mldc-checkbox-container .mldc-checkbox label,
.mldc-data-table .content .mldc-checkbox-container .mldc-checkbox label {
  padding: 6px 0;
}
.mldc-data-table .sortable-aligner,
.mldc-data-table .content-box .sortable-aligner,
.mldc-data-table .content .sortable-aligner {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}
.mldc-data-table .aligner,
.mldc-data-table .content-box .aligner,
.mldc-data-table .content .aligner {
  display: flex;
  align-items: center;
}
.mldc-data-table .header-text,
.mldc-data-table .content-box .header-text,
.mldc-data-table .content .header-text {
  font-size: var(--typography-px-size-16-to-rem);
  min-width: unset;
  text-align: left;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-data-table .sorting,
.mldc-data-table .content-box .sorting,
.mldc-data-table .content .sorting {
  display: flex;
}
.mldc-data-table .sort,
.mldc-data-table .content-box .sort,
.mldc-data-table .content .sort {
  display: flex;
  width: 16px;
  height: 16px;
}
.mldc-data-table .sort-asc,
.mldc-data-table .content-box .sort-asc,
.mldc-data-table .content .sort-asc {
  display: flex;
  width: 16px;
  height: 16px;
}
.mldc-data-table .sort-asc svg,
.mldc-data-table .content-box .sort-asc svg,
.mldc-data-table .content .sort-asc svg {
  width: 12px;
  height: 14px;
  margin: 1px var(--space-hspace-xs);
}
.mldc-data-table .sort-desc,
.mldc-data-table .content-box .sort-desc,
.mldc-data-table .content .sort-desc {
  display: flex;
  width: 16px;
  height: 16px;
}
.mldc-data-table .sort-desc svg,
.mldc-data-table .content-box .sort-desc svg,
.mldc-data-table .content .sort-desc svg {
  width: 12px;
  height: 14px;
  margin: 1px var(--space-hspace-xs);
}
.mldc-data-table .scope-row,
.mldc-data-table .content-box .scope-row,
.mldc-data-table .content .scope-row {
  font-weight: unset;
}
.mldc-data-table .tooltip-top,
.mldc-data-table .tooltip-right,
.mldc-data-table .tooltip-bottom,
.mldc-data-table .tooltip-left,
.mldc-data-table .content-box .tooltip-top,
.mldc-data-table .content-box .tooltip-right,
.mldc-data-table .content-box .tooltip-bottom,
.mldc-data-table .content-box .tooltip-left,
.mldc-data-table .content .tooltip-top,
.mldc-data-table .content .tooltip-right,
.mldc-data-table .content .tooltip-bottom,
.mldc-data-table .content .tooltip-left {
  position: relative;
  outline: none;
}
.mldc-data-table .tooltip-top:before,
.mldc-data-table .tooltip-right:before,
.mldc-data-table .tooltip-bottom:before,
.mldc-data-table .tooltip-left:before,
.mldc-data-table .content-box .tooltip-top:before,
.mldc-data-table .content-box .tooltip-right:before,
.mldc-data-table .content-box .tooltip-bottom:before,
.mldc-data-table .content-box .tooltip-left:before,
.mldc-data-table .content .tooltip-top:before,
.mldc-data-table .content .tooltip-right:before,
.mldc-data-table .content .tooltip-bottom:before,
.mldc-data-table .content .tooltip-left:before {
  content: attr(data-tooltip);
  padding: var(--space-padding-xs) 10px var(--space-padding-s) 10px;
  color: var(--color-brand-neutrals-gray-darkest);
  white-space: pre;
  border-radius: var(--space-radius-base);
  border: var(--space-borderthickness-stroke-2) solid var(--color-brand-primary-ml-blue3);
  text-align: center;
  font-size: var(--typography-px-size-16-to-rem);
  z-index: 998;
}
.mldc-data-table .tooltip-top:after,
.mldc-data-table .tooltip-right:after,
.mldc-data-table .tooltip-bottom:after,
.mldc-data-table .tooltip-left:after,
.mldc-data-table .content-box .tooltip-top:after,
.mldc-data-table .content-box .tooltip-right:after,
.mldc-data-table .content-box .tooltip-bottom:after,
.mldc-data-table .content-box .tooltip-left:after,
.mldc-data-table .content .tooltip-top:after,
.mldc-data-table .content .tooltip-right:after,
.mldc-data-table .content .tooltip-bottom:after,
.mldc-data-table .content .tooltip-left:after {
  content: "";
  width: 10px;
  height: 10px;
  border: var(--space-borderthickness-stroke-2) solid transparent;
  border-left-color: var(--color-brand-primary-ml-blue3);
  border-bottom-color: var(--color-brand-primary-ml-blue3);
  z-index: 999;
}
.mldc-data-table .tooltip-top:before, .mldc-data-table .tooltip-top:after,
.mldc-data-table .tooltip-right:before,
.mldc-data-table .tooltip-right:after,
.mldc-data-table .tooltip-bottom:before,
.mldc-data-table .tooltip-bottom:after,
.mldc-data-table .tooltip-left:before,
.mldc-data-table .tooltip-left:after,
.mldc-data-table .content-box .tooltip-top:before,
.mldc-data-table .content-box .tooltip-top:after,
.mldc-data-table .content-box .tooltip-right:before,
.mldc-data-table .content-box .tooltip-right:after,
.mldc-data-table .content-box .tooltip-bottom:before,
.mldc-data-table .content-box .tooltip-bottom:after,
.mldc-data-table .content-box .tooltip-left:before,
.mldc-data-table .content-box .tooltip-left:after,
.mldc-data-table .content .tooltip-top:before,
.mldc-data-table .content .tooltip-top:after,
.mldc-data-table .content .tooltip-right:before,
.mldc-data-table .content .tooltip-right:after,
.mldc-data-table .content .tooltip-bottom:before,
.mldc-data-table .content .tooltip-bottom:after,
.mldc-data-table .content .tooltip-left:before,
.mldc-data-table .content .tooltip-left:after {
  position: absolute;
  cursor: default;
  opacity: 0;
  background-color: var(--color-brand-neutrals-white);
  pointer-events: none;
  transition: all ease-out 0.15s;
  box-shadow: none;
}
.mldc-data-table .tooltip-top:hover:before, .mldc-data-table .tooltip-top:hover:after,
.mldc-data-table .tooltip-right:hover:before,
.mldc-data-table .tooltip-right:hover:after,
.mldc-data-table .tooltip-bottom:hover:before,
.mldc-data-table .tooltip-bottom:hover:after,
.mldc-data-table .tooltip-left:hover:before,
.mldc-data-table .tooltip-left:hover:after,
.mldc-data-table .content-box .tooltip-top:hover:before,
.mldc-data-table .content-box .tooltip-top:hover:after,
.mldc-data-table .content-box .tooltip-right:hover:before,
.mldc-data-table .content-box .tooltip-right:hover:after,
.mldc-data-table .content-box .tooltip-bottom:hover:before,
.mldc-data-table .content-box .tooltip-bottom:hover:after,
.mldc-data-table .content-box .tooltip-left:hover:before,
.mldc-data-table .content-box .tooltip-left:hover:after,
.mldc-data-table .content .tooltip-top:hover:before,
.mldc-data-table .content .tooltip-top:hover:after,
.mldc-data-table .content .tooltip-right:hover:before,
.mldc-data-table .content .tooltip-right:hover:after,
.mldc-data-table .content .tooltip-bottom:hover:before,
.mldc-data-table .content .tooltip-bottom:hover:after,
.mldc-data-table .content .tooltip-left:hover:before,
.mldc-data-table .content .tooltip-left:hover:after {
  opacity: 1;
  margin: 0;
}
.mldc-data-table .tooltip-top:focus,
.mldc-data-table .tooltip-right:focus,
.mldc-data-table .tooltip-bottom:focus,
.mldc-data-table .tooltip-left:focus,
.mldc-data-table .content-box .tooltip-top:focus,
.mldc-data-table .content-box .tooltip-right:focus,
.mldc-data-table .content-box .tooltip-bottom:focus,
.mldc-data-table .content-box .tooltip-left:focus,
.mldc-data-table .content .tooltip-top:focus,
.mldc-data-table .content .tooltip-right:focus,
.mldc-data-table .content .tooltip-bottom:focus,
.mldc-data-table .content .tooltip-left:focus {
  border: var(--space-borderthickness-stroke-2) solid var(--color-brand-primary-ml-blue3);
}
.mldc-data-table .tooltip-top:focus:before, .mldc-data-table .tooltip-top:focus:after,
.mldc-data-table .tooltip-right:focus:before,
.mldc-data-table .tooltip-right:focus:after,
.mldc-data-table .tooltip-bottom:focus:before,
.mldc-data-table .tooltip-bottom:focus:after,
.mldc-data-table .tooltip-left:focus:before,
.mldc-data-table .tooltip-left:focus:after,
.mldc-data-table .content-box .tooltip-top:focus:before,
.mldc-data-table .content-box .tooltip-top:focus:after,
.mldc-data-table .content-box .tooltip-right:focus:before,
.mldc-data-table .content-box .tooltip-right:focus:after,
.mldc-data-table .content-box .tooltip-bottom:focus:before,
.mldc-data-table .content-box .tooltip-bottom:focus:after,
.mldc-data-table .content-box .tooltip-left:focus:before,
.mldc-data-table .content-box .tooltip-left:focus:after,
.mldc-data-table .content .tooltip-top:focus:before,
.mldc-data-table .content .tooltip-top:focus:after,
.mldc-data-table .content .tooltip-right:focus:before,
.mldc-data-table .content .tooltip-right:focus:after,
.mldc-data-table .content .tooltip-bottom:focus:before,
.mldc-data-table .content .tooltip-bottom:focus:after,
.mldc-data-table .content .tooltip-left:focus:before,
.mldc-data-table .content .tooltip-left:focus:after {
  opacity: 1;
  margin: 0;
}
.mldc-data-table .tooltip-top:active,
.mldc-data-table .tooltip-right:active,
.mldc-data-table .tooltip-bottom:active,
.mldc-data-table .tooltip-left:active,
.mldc-data-table .content-box .tooltip-top:active,
.mldc-data-table .content-box .tooltip-right:active,
.mldc-data-table .content-box .tooltip-bottom:active,
.mldc-data-table .content-box .tooltip-left:active,
.mldc-data-table .content .tooltip-top:active,
.mldc-data-table .content .tooltip-right:active,
.mldc-data-table .content .tooltip-bottom:active,
.mldc-data-table .content .tooltip-left:active {
  border: none;
}
.mldc-data-table .tooltip-top:before,
.mldc-data-table .content-box .tooltip-top:before,
.mldc-data-table .content .tooltip-top:before {
  bottom: calc(100% + 7px);
  transform: translateX(-50%);
}
.mldc-data-table .tooltip-top:after,
.mldc-data-table .content-box .tooltip-top:after,
.mldc-data-table .content .tooltip-top:after {
  bottom: calc(100% + 4px);
  transform: translateX(-50%) rotate(-45deg);
}
.mldc-data-table .tooltip-top:before, .mldc-data-table .tooltip-top:after,
.mldc-data-table .content-box .tooltip-top:before,
.mldc-data-table .content-box .tooltip-top:after,
.mldc-data-table .content .tooltip-top:before,
.mldc-data-table .content .tooltip-top:after {
  left: 50%;
}
.mldc-data-table .tooltip-right:before,
.mldc-data-table .content-box .tooltip-right:before,
.mldc-data-table .content .tooltip-right:before {
  left: calc(100% + 7px);
  transform: translateY(-50%);
}
.mldc-data-table .tooltip-right:after,
.mldc-data-table .content-box .tooltip-right:after,
.mldc-data-table .content .tooltip-right:after {
  left: calc(100% + 4px);
  transform: translateY(-50%) rotate(-315deg);
}
.mldc-data-table .tooltip-right:before, .mldc-data-table .tooltip-right:after,
.mldc-data-table .content-box .tooltip-right:before,
.mldc-data-table .content-box .tooltip-right:after,
.mldc-data-table .content .tooltip-right:before,
.mldc-data-table .content .tooltip-right:after {
  top: 50%;
}
.mldc-data-table .tooltip-bottom:before,
.mldc-data-table .content-box .tooltip-bottom:before,
.mldc-data-table .content .tooltip-bottom:before {
  top: calc(100% + 7px);
  transform: translateX(-50%);
}
.mldc-data-table .tooltip-bottom:after,
.mldc-data-table .content-box .tooltip-bottom:after,
.mldc-data-table .content .tooltip-bottom:after {
  top: calc(100% + 4px);
  transform: translateX(-50%) rotate(-225deg);
}
.mldc-data-table .tooltip-bottom:before, .mldc-data-table .tooltip-bottom:after,
.mldc-data-table .content-box .tooltip-bottom:before,
.mldc-data-table .content-box .tooltip-bottom:after,
.mldc-data-table .content .tooltip-bottom:before,
.mldc-data-table .content .tooltip-bottom:after {
  left: 50%;
}
.mldc-data-table .tooltip-left:before,
.mldc-data-table .content-box .tooltip-left:before,
.mldc-data-table .content .tooltip-left:before {
  right: calc(100% + 7px);
  transform: translateY(-50%);
}
.mldc-data-table .tooltip-left:after,
.mldc-data-table .content-box .tooltip-left:after,
.mldc-data-table .content .tooltip-left:after {
  right: calc(100% + 4px);
  transform: translateY(-50%) rotate(-135deg);
}
.mldc-data-table .tooltip-left:before, .mldc-data-table .tooltip-left:after,
.mldc-data-table .content-box .tooltip-left:before,
.mldc-data-table .content-box .tooltip-left:after,
.mldc-data-table .content .tooltip-left:before,
.mldc-data-table .content .tooltip-left:after {
  top: 50%;
}
.mldc-data-table .action-cell,
.mldc-data-table .content-box .action-cell,
.mldc-data-table .content .action-cell {
  display: inline-block;
  padding-right: var(--space-padding-base);
}
.mldc-data-table button,
.mldc-data-table .content-box button,
.mldc-data-table .content button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.mldc-data-table .tooltip-dialog,
.mldc-data-table .content-box .tooltip-dialog,
.mldc-data-table .content .tooltip-dialog {
  top: -20px !important;
  z-index: 9999 !important;
}
.mldc-data-table .mldc-tooltip .tooltip,
.mldc-data-table .content-box .mldc-tooltip .tooltip,
.mldc-data-table .content .mldc-tooltip .tooltip {
  width: auto;
  height: auto;
  padding: 6.15px 10px;
}
.mldc-data-table .mldc-tooltip .tooltip .mldc-button,
.mldc-data-table .content-box .mldc-tooltip .tooltip .mldc-button,
.mldc-data-table .content .mldc-tooltip .tooltip .mldc-button {
  display: inline-block;
  padding: 0 var(--space-padding-m);
  border-radius: 18px;
}
.mldc-data-table .mldc-tooltip .tooltip .mldc-button span,
.mldc-data-table .content-box .mldc-tooltip .tooltip .mldc-button span,
.mldc-data-table .content .mldc-tooltip .tooltip .mldc-button span {
  font-size: var(--typography-px-size-14-to-rem);
}
.mldc-data-table .mldc-tooltip .tooltip .primary,
.mldc-data-table .content-box .mldc-tooltip .tooltip .primary,
.mldc-data-table .content .mldc-tooltip .tooltip .primary {
  margin-right: var(--space-hspace-m);
}
.mldc-data-table .mldc-tooltip .tooltip .mldc-icon-button,
.mldc-data-table .content-box .mldc-tooltip .tooltip .mldc-icon-button,
.mldc-data-table .content .mldc-tooltip .tooltip .mldc-icon-button {
  display: none;
  visibility: hidden;
}
.mldc-data-table .mldc-tooltip .tooltip .deleteOverlay,
.mldc-data-table .content-box .mldc-tooltip .tooltip .deleteOverlay,
.mldc-data-table .content .mldc-tooltip .tooltip .deleteOverlay {
  display: block;
  padding-bottom: var(--space-12);
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}

/***** @metlife/mldc-round-icon-button *****/
.mldc-round-icon-button-container {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--color-brand-primary-ml-blue2);
  background-color: var(--color-brand-neutrals-transparent);
  outline: none;
  border: none;
}
.mldc-round-icon-button-container > .title.blue {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-round-icon-button-container > .title.white {
  color: var(--color-brand-neutrals-white);
}
.mldc-round-icon-button-container > .title.black {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-round-icon-button-container.lg > .mldc-round-icon {
  padding: 25px;
  border-radius: 50%;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  color: var(--color-brand-primary-ml-blue2);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  border: 1px solid var(--color-brand-neutrals-gray-lightest);
  opacity: 1;
  display: inline-flex;
}
.mldc-round-icon-button-container.lg > .mldc-round-icon svg {
  height: 72px;
  width: 72px;
}
.mldc-round-icon-button-container.lg > .title {
  font-size: 1rem;
  font-weight: var(--typography-weight-semi-bold);
  margin-top: 16px;
}
.mldc-round-icon-button-container.lg:hover .mldc-round-icon, .mldc-round-icon-button-container.lg:active .mldc-round-icon {
  box-shadow: none;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  padding: 24px;
}
.mldc-round-icon-button-container.lg:hover .title, .mldc-round-icon-button-container.lg:active .title {
  text-decoration: underline;
}
.mldc-round-icon-button-container.lg:focus .mldc-round-icon {
  box-shadow: none;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  padding: 24px;
}
.mldc-round-icon-button-container.lg:focus .title {
  text-decoration: underline;
}
.mldc-round-icon-button-container.md > .mldc-round-icon {
  padding: 25px;
  border-radius: 50%;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  border: 3px solid var(--color-brand-primary-ml-blue2);
  color: var(--color-brand-primary-ml-blue2);
  opacity: 1;
  display: inline-flex;
}
.mldc-round-icon-button-container.md > .mldc-round-icon svg {
  height: 32px;
  width: 32px;
}
.mldc-round-icon-button-container.md > .title {
  font-size: 0.875rem;
  margin-top: 8px;
}
.mldc-round-icon-button-container.md:hover .mldc-round-icon, .mldc-round-icon-button-container.md:active .mldc-round-icon, .mldc-round-icon-button-container.md:focus .mldc-round-icon {
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
  border: 3px solid var(--color-brand-primary-ml-blue2);
}
.mldc-round-icon-button-container.md:hover .title, .mldc-round-icon-button-container.md:active .title, .mldc-round-icon-button-container.md:focus .title {
  text-decoration: underline;
}
.mldc-round-icon-button-container.sm > .mldc-round-icon {
  position: relative;
  padding: 8px;
  border-radius: 50%;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  color: var(--color-brand-primary-ml-blue2);
  opacity: 1;
  display: inline-flex;
}
.mldc-round-icon-button-container.sm > .mldc-round-icon svg {
  height: 24px;
  width: 24px;
}
.mldc-round-icon-button-container.sm > .title {
  font-size: 0.875rem;
  margin-top: 8px;
}
.mldc-round-icon-button-container.sm:hover .mldc-round-icon, .mldc-round-icon-button-container.sm:active .mldc-round-icon {
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-round-icon-button-container.sm:hover .title, .mldc-round-icon-button-container.sm:active .title {
  text-decoration: underline;
}
.mldc-round-icon-button-container.sm:focus .mldc-round-icon {
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
  border: 2px solid var(--color-brand-primary-ml-blue2);
}
.mldc-round-icon-button-container.sm:focus .mldc-round-icon::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  left: -6px;
  top: -6px;
}
.mldc-round-icon-button-container.sm:focus .title {
  text-decoration: underline;
}
.mldc-round-icon-button-container.dark-bg.lg > .mldc-round-icon, .mldc-round-icon-button-container.dark-bg.md > .mldc-round-icon, .mldc-round-icon-button-container.dark-bg.sm > .mldc-round-icon {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
}
.mldc-round-icon-button-container.dark-bg:hover .mldc-round-icon, .mldc-round-icon-button-container.dark-bg:active .mldc-round-icon, .mldc-round-icon-button-container.dark-bg:focus .mldc-round-icon {
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-round-icon-button-container.dark-bg.lg:hover .mldc-round-icon, .mldc-round-icon-button-container.dark-bg.lg:active .mldc-round-icon, .mldc-round-icon-button-container.dark-bg.lg:focus .mldc-round-icon {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
}
.mldc-round-icon-button-container.dark-bg.sm:focus .mldc-round-icon::after {
  border: 2px solid var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-slide-panel *****/
@keyframes modalBackgroundIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}
@keyframes modalBackgroundOut {
  from {
    opacity: 0.75;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.mldc-slide-panel.animated-modal .modal-bg {
  animation-name: modalBackgroundIn;
  animation-duration: 0.3s;
}
.mldc-slide-panel.animated-modal .modal-dialog {
  animation-name: slideInRight;
  animation-duration: 0.3s;
}
.mldc-slide-panel.animated-modal.slide-out .modal-bg {
  animation-name: modalBackgroundOut;
  animation-duration: 0.2s;
}
.mldc-slide-panel.animated-modal.slide-out .modal-dialog {
  animation-name: slideOutRight;
  animation-duration: 0.2s;
}
.mldc-slide-panel .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-brand-neutrals-black);
  opacity: 0.75;
  display: none;
}
.mldc-slide-panel .modal-bg.show {
  display: block;
}
.mldc-slide-panel .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
}
.mldc-slide-panel .modal.show {
  display: flex;
  justify-content: flex-end;
}
.mldc-slide-panel .modal-dialog {
  position: relative;
  min-height: 250px;
  width: 66.6666666667%;
  max-width: calc(0.6666666667 * var(--responsive-breakpoint-xxl));
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(0);
}
.mldc-slide-panel .modal-dialog.narrow {
  width: clamp(383px, 33.3846%, 434px);
}
.mldc-slide-panel .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background-color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-gray-light);
  box-shadow: 0px 3px 15px var(--color-box-shadow-4);
}
.mldc-slide-panel .modal-content .modal-header {
  padding: 24px 16px;
  box-shadow: 0px 3px 6px var(--color-box-shadow-4);
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.mldc-slide-panel .modal-content .modal-header .title {
  font-size: 1.5rem;
  line-height: 30px;
  color: var(-color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-metlife);
}
.mldc-slide-panel .modal-content .modal-header .mldc-icon-button {
  height: 16px;
  width: 16px;
}
.mldc-slide-panel .modal-content .modal-header .mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
}
.mldc-slide-panel .modal-content .modal-header .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-slide-panel .modal-content .modal-body {
  flex: 1;
  overflow-x: auto;
}
.mldc-slide-panel .modal-content .modal-footer {
  padding: 24px 15px;
  box-shadow: 0px -3px 6px var(--color-box-shadow-4);
}
.mldc-slide-panel .modal-content .modal-footer .button-wrap {
  display: flex;
  flex-flow: nowrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  width: 100%;
}
.mldc-slide-panel .modal-content .modal-footer .button-wrap > button {
  min-width: 165px;
}
.mldc-slide-panel.md .modal-dialog {
  width: 81.25%;
}
.mldc-slide-panel.md .modal-dialog.narrow {
  width: clamp(383px, 33.3846%, 434px);
}
.mldc-slide-panel.sm .modal-bg, .mldc-slide-panel.xs .modal-bg {
  background-color: var(--color-brand-neutrals-transparent);
}
.mldc-slide-panel.sm .modal-dialog, .mldc-slide-panel.xs .modal-dialog {
  width: 100%;
}
.mldc-slide-panel.sm .modal-footer .button-wrap, .mldc-slide-panel.xs .modal-footer .button-wrap {
  gap: 15px;
}
.mldc-slide-panel.sm .modal-footer .button-wrap > button, .mldc-slide-panel.xs .modal-footer .button-wrap > button {
  min-width: unset;
  width: calc(50% - 7.5px);
}
.mldc-slide-panel.sm .modal-footer .button-wrap > button span, .mldc-slide-panel.xs .modal-footer .button-wrap > button span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/***** @metlife/mldc-pagination *****/
.mldc-pagination-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.mldc-pagination-container .pagination-item-input {
  text-align: center;
  margin-right: 16px;
  padding: 8px 6px;
  width: 44px;
  height: 40px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
  opacity: 1;
  font-size: 1rem;
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-pagination-container .pagination-item-input:hover {
  outline: 1px solid var(--color-brand-primary-ml-blue3);
}
.mldc-pagination-container .pagination-item-input:focus {
  outline: 1px solid var(--color-brand-primary-ml-blue3);
}
.mldc-pagination-container .pagination-item-input::selection {
  background-color: inherit;
}
.mldc-pagination-container .of-text {
  margin-right: 16px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pagination-container .pagination-item {
  margin-right: 24px;
  width: 44px;
  height: 40px;
  color: var(--color-brand-primary-ml-blue3);
  opacity: 1;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1rem;
  font-weight: var(--typography-weight-semi-bold);
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  padding: 8px;
  text-align: center;
}
.mldc-pagination-container .pagination-item:hover {
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-pagination-container .pagination-item:focus {
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-pagination-container .mldc-icon-button {
  margin-right: 24px;
}
.mldc-pagination-container .mldc-icon-button .arrow-button {
  width: 40px;
  height: 40px;
  padding: 15px 12px;
  border-radius: 20px;
  opacity: 1;
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-pagination-container .mldc-icon-button .arrow-button:hover {
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-primary-ml-blue3);
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
}
.mldc-pagination-container .mldc-icon-button .chevron-left {
  transform: rotate(90deg);
}
.mldc-pagination-container .mldc-icon-button .chevron-right {
  transform: rotate(-90deg);
}
.mldc-pagination-container .mldc-icon-button:focus {
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-primary-ml-blue3);
  border-radius: 50%;
}
.mldc-pagination-container .mldc-icon-button:focus svg {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-pagination-container .mldc-icon-button:focus::after {
  content: none;
}
.mldc-pagination-container .mldc-icon-button:focus:not(:focus-visible) {
  outline: 0;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pagination-container .mldc-icon-button:focus:not(:focus-visible) svg {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-pagination-container .button-disabled {
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pagination-container .button-enabled {
  color: var(--color-brand-neutrals-gray-darkest);
}

/***** @metlife/mldc-loading-indicator *****/
@keyframes animationDots {
  0%, 44% {
    transform: translateY(0);
  }
  28% {
    transform: translateY(-9px);
  }
}
.mldc-loading-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mldc-loading-indicator.dark-bg .dot-typing {
  height: 11px;
  width: 11px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: var(--color-brand-neutrals-white);
  animation: animationDots 1.8s ease-in-out infinite;
}
.mldc-loading-indicator.dark-bg .dot-typing:nth-child(1) {
  animation-delay: 200ms;
}
.mldc-loading-indicator.dark-bg .dot-typing:nth-child(2) {
  animation-delay: 600ms;
}
.mldc-loading-indicator.dark-bg .dot-typing:nth-child(3) {
  animation-delay: 1000ms;
}

.dot-typing {
  height: 11px;
  width: 11px;
  margin: 0 3px;
  border-radius: 50%;
  animation: animationDots 1.8s ease-in-out infinite;
}

.dot-typing:nth-child(1) {
  background-color: var(--color-additional-blue-for-loader-dot);
  animation-delay: 200ms;
}

.dot-typing:nth-child(2) {
  background-color: var(--color-background-blue-2);
  animation-delay: 600ms;
}

.dot-typing:nth-child(3) {
  background-color: var(--color-brand-primary-ml-green-base);
  animation-delay: 1000ms;
}

/***** @metlife/mldc-signature-pad *****/
.variation-icons-holder {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  height: 75px;
}
.variation-icons-holder button {
  background-color: var(--color-brand-neutrals-transparent);
  border: 0px;
  outline: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 70px;
  height: 75px;
  padding: 8px 20px;
  margin-right: 25px;
}
.variation-icons-holder button:hover svg path {
  fill: var(--color-brand-primary-ml-blue2);
}
.variation-icons-holder button:hover span {
  color: var(--color-brand-primary-ml-blue2);
}
.variation-icons-holder button:focus {
  border: 2px solid var(--color-brand-primary-ml-blue2);
}
.variation-icons-holder button:focus svg path {
  fill: var(--color-brand-primary-ml-blue2);
}
.variation-icons-holder button:focus span {
  color: var(--color-brand-primary-ml-blue2);
}
.variation-icons-holder button:focus:not(:focus-visible) {
  border: 0px;
}
.variation-icons-holder button svg {
  padding-bottom: 8px;
  width: 32px;
  height: 32px;
}
.variation-icons-holder button svg path {
  fill: var(--color-brand-neutrals-gray-dark);
}
.variation-icons-holder button span {
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
  color: var(--color-brand-neutrals-gray-dark);
  height: 22px;
}
.variation-icons-holder button.active svg path {
  fill: var(--color-brand-primary-ml-blue2);
}
.variation-icons-holder button.active span {
  color: var(--color-brand-primary-ml-blue2);
}

.mldc-signature-containter {
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 8px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  height: 275px;
  margin-bottom: 0px;
}
.mldc-signature-containter.error {
  border: 3px solid #DD2224;
}
.mldc-signature-containter.error:hover {
  border: 3px solid #DD2224;
}
.mldc-signature-containter:hover {
  border: 3px solid var(--color-brand-primary-ml-blue3);
}
.mldc-signature-containter svg {
  width: 40px;
  height: 36px;
}
.mldc-signature-containter .signature-pad-button {
  border: none;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-gray-dark);
  font-size: 1.125rem;
  line-height: 27px;
  margin-top: 8px;
  cursor: pointer;
  height: 25px;
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-signature-containter .signature-pad-button:focus {
  outline: 2px solid var(--color-brand-primary-ml-blue2);
}

.mldc-modal-container {
  padding: 0px !important;
  margin: 0 auto;
  border: 3px dashed var(--color-brand-primary-ml-blue2);
  border-radius: 8px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  height: 275px;
  position: absolute;
  margin-bottom: 0px;
}
.mldc-modal-container.mldc-dahsed-border {
  border: 3px dashed var(--color-brand-primary-ml-blue2);
}
.mldc-modal-container.mldc-dahsed-border.error {
  border: 3px solid #DD2224;
}
.mldc-modal-container.mldc-line-border {
  border: 2px solid var(--color-brand-neutrals-gray-dark);
}
.mldc-modal-container.mldc-line-border.error {
  border: 3px solid #DD2224;
}
.mldc-modal-container.mldc-error-border {
  border: 3px solid #DD2224;
}
.mldc-modal-container .mdlc-error-content {
  font-size: 0.8rem;
  text-align: left;
  color: var(--color-metlife-red);
}
.mldc-modal-container .mldc-modal-signature-container {
  position: relative;
  margin-bottom: 0px;
}
.mldc-modal-container .mldc-modal-signature-container .mldc-clear-button {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 1rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue2);
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  cursor: pointer;
  margin: 24px 24px 0 0;
  border: 2px solid var(--color-brand-neutrals-transparent);
  outline: 0;
  padding: 0;
  text-decoration: none;
}
.mldc-modal-container .mldc-modal-signature-container .mldc-clear-button.rtl-active {
  left: 15px;
  right: unset;
  margin: 24px 0px 0px 24px;
}
.mldc-modal-container .mldc-modal-signature-container .mldc-clear-button:hover {
  text-decoration: underline;
}
.mldc-modal-container .mldc-modal-signature-container .mldc-clear-button:focus {
  border: 2px solid var(--color-brand-primary-ml-blue2);
  text-decoration: none;
}

.mldc-keyboard-signature-container {
  padding: 0px !important;
  border: 3px dashed var(--color-brand-primary-ml-blue2);
  border-radius: 8px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  cursor: pointer;
  width: 100%;
  height: 275px;
  box-sizing: border-box;
  padding: 0px 10px;
  margin-bottom: 0px;
  position: relative;
}
.mldc-keyboard-signature-container.error {
  border: 3px solid #DD2224;
}
.mldc-keyboard-signature-container .keyboard-input {
  position: absolute;
  width: 100%;
  transform: translate(0%, -50%);
  top: 50%;
  left: 0px;
  text-indent: 10px;
  border: 0px;
  outline: none;
  font-size: 3.125rem;
  font-style: var(--typography-style-bold);
  color: var(--color-brand-neutrals-gray-darkest);
  padding: 0px 45px 0px 45px;
  height: 82px;
}
.mldc-keyboard-signature-container input::placeholder {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-keyboard-signature-container .mldc-clear-button {
  position: absolute;
  top: 0;
  right: 0;
  margin-bottom: auto;
  font-size: 1rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue2);
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  cursor: pointer;
  margin: 24px 24px 0 0;
  border: 2px solid var(--color-brand-neutrals-transparent);
  outline: 0;
  padding: 0;
  text-decoration: none;
}
.mldc-keyboard-signature-container .mldc-clear-button.rtl-active {
  left: 0;
  margin: 24px 0px 0px 24px;
  right: unset;
}
.mldc-keyboard-signature-container .mldc-clear-button:hover {
  text-decoration: underline;
}
.mldc-keyboard-signature-container .mldc-clear-button:focus {
  border: 2px solid var(--color-brand-primary-ml-blue2);
  text-decoration: none;
}

.mldc-upload-container {
  padding: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 3px dashed var(--color-brand-primary-ml-blue2);
  border-radius: 8px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  cursor: pointer;
  width: 100%;
  height: 275px;
  box-sizing: border-box;
  padding: 0px 10px;
  margin-bottom: 0px;
}
.mldc-upload-container.error {
  border: 3px solid #DD2224;
}
.mldc-upload-container:focus {
  outline: 3px dashed var(--color-brand-primary-ml-blue2);
  border: 0px;
}
.mldc-upload-container .document-icon {
  margin-right: 16px;
  width: 19px;
  height: 23px;
}
.mldc-upload-container .document-icon.rtl-active {
  margin-left: 16px;
  margin-right: 0px;
}
.mldc-upload-container .file-name {
  color: var(--color-brand-neutrals-gray-darkest);
  margin-right: 22px;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-medium);
}
.mldc-upload-container .file-name.rtl-active {
  margin-left: 22px;
  margin-right: 0px;
}
.mldc-upload-container .file-size {
  color: var(--color-brand-neutrals-gray-dark);
  font-family: var(--typography-family-noto);
  margin-right: 98px;
}
.mldc-upload-container .file-size.rtl-active {
  margin-left: 98px;
  margin-right: 0px;
}
.mldc-upload-container .mldc-file-remove-button {
  border: 0px;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mldc-upload-container .mldc-file-remove-button .close-icon {
  color: var(--color-brand-primary-ml-blue2);
  width: 15px;
  height: 15px;
}
.mldc-upload-container .file-upload-holder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.mldc-upload-container .file-upload-holder .mldc-file-upload-button {
  background: transparent;
  border-radius: 50%;
  height: 79px;
  width: 79px;
  border: 3px solid var(--color-brand-primary-ml-blue2);
  padding-top: 5px;
  cursor: pointer;
  margin-bottom: 8px;
}
.mldc-upload-container .file-upload-holder .mldc-file-upload-button svg {
  width: 27px;
  height: 27px;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-upload-container .file-upload-holder .mldc-button-text-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: var(--typography-family-noto);
  text-align: center;
  opacity: 1;
}
.mldc-upload-container .file-upload-holder .mldc-button-text-holder .gray-text {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-metlife-registered-black);
  line-height: 22px;
}
.mldc-upload-container .file-upload-holder .mldc-button-text-holder .blue-text {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue2);
  line-height: 22px;
}

.error-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #dd2224;
  font-family: var(--typography-family-noto);
  margin-top: 8px;
  letter-spacing: 0px;
  font-size: 0.875rem;
}
.error-text:focus {
  outline: 2px solid var(--color-brand-primary-ml-blue2);
}
.error-text:focus:not(:focus-visible) {
  outline: 0px;
}

.mldc-signature-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 32px;
}
.mldc-signature-footer.error {
  margin-top: 24px;
}
.mldc-signature-footer .secondary {
  margin-right: 30px;
  padding: 16px 24px;
  width: 138px;
  height: 54px;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  box-shadow: none !important;
}
.mldc-signature-footer .secondary span {
  width: 90px;
  height: 22px;
}
.mldc-signature-footer .primary {
  padding: 16px 24px;
  width: 138px;
  height: 54px;
  border: 0px;
}
.mldc-signature-footer .primary span {
  width: 90px;
  height: 22px;
}

@media screen and (max-width: 480px) {
  .mldc-signature-containter,
  .mldc-modal-container {
    height: 200px;
  }
  .mldc-signature-containter .signature-pad-button {
    font-size: 1rem;
  }
  .mldc-keyboard-signature-container {
    height: 200px;
  }
  .mldc-keyboard-signature-container .keyboard-input {
    padding: 0px 12px;
  }
  .mldc-upload-container {
    height: 200px;
  }
  .mldc-upload-container .file-name {
    width: 150px;
    max-width: 150px;
  }
  .mldc-upload-container .file-size {
    margin-right: 35px;
  }
  .mldc-signature-footer {
    justify-content: space-between;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .mldc-upload-container .file-name {
    width: 250px;
    max-width: 250px;
  }
}
/***** @metlife/mldc-share-button *****/
.mldc-share-button-container {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
}
.mldc-share-button-container > .mldc-share-button {
  display: inline-flex;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 15px 17px;
  border-radius: 20px;
  opacity: 1;
  background: var(--color-brand-neutrals-transparent) 0% 0% no-repeat padding-box;
  border-radius: 50%;
  cursor: pointer;
}
.mldc-share-button-container > .mldc-share-button.blue {
  color: var(--color-brand-primary-ml-blue2);
  border: 1px solid var(--color-brand-primary-ml-blue2);
}
.mldc-share-button-container > .mldc-share-button.gray {
  color: var(--color-brand-neutrals-gray-darkest);
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container > .mldc-share-button.white {
  color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-white);
}
.mldc-share-button-container > .mldc-share-button:hover.blue {
  background: var(--color-brand-neutrals-gray-darkest) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container > .mldc-share-button:hover.gray {
  background: var(--color-brand-neutrals-gray-darkest) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container > .mldc-share-button:hover.white {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-black);
  border: 1px solid var(--color-brand-neutrals-black);
}
.mldc-share-button-container > .mldc-share-button:focus.blue {
  outline: 2px solid var(--color-brand-primary-ml-blue3);
  outline-offset: 2px;
}
.mldc-share-button-container > .mldc-share-button:focus.gray {
  outline: 2px solid var(--color-brand-neutrals-gray-darkest);
  outline-offset: 2px;
}
.mldc-share-button-container > .mldc-share-button:focus.white {
  outline: 2px solid var(--color-brand-neutrals-white);
  outline-offset: 2px;
}
.mldc-share-button-container > .mldc-share-button.dark-bg.blue {
  color: var(--color-brand-primary-ml-blue2);
  border: 1px solid var(--color-brand-primary-ml-blue2);
}
.mldc-share-button-container > .mldc-share-button.dark-bg.gray {
  color: var(--color-brand-neutrals-gray-darkest);
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container > .mldc-share-button.dark-bg.white {
  color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-white);
}
.mldc-share-button-container > .mldc-share-button.dark-bg:hover.blue {
  background: var(--color-brand-neutrals-gray-darkest) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container > .mldc-share-button.dark-bg:hover.gray {
  background: var(--color-brand-neutrals-gray-darkest) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-white);
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container > .mldc-share-button.dark-bg:hover.white {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  color: var(--color-brand-neutrals-black);
  border: 1px solid var(--color-brand-neutrals-black);
}
.mldc-share-button-container .mldc-share-icon-tray {
  display: inline-flex;
  align-items: center;
  background: var(--color-brand-neutrals-black) 0% 0% no-repeat padding-box;
  border: 1px solid var(--color-brand-neutrals-black);
  border-radius: 32px;
  opacity: 1;
  padding: 0px;
  list-style-type: none;
  gap: 16px;
  height: 48px;
  width: 248px;
  padding: 0px 0px 0px 8px;
  margin: 0;
}
.mldc-share-button-container .mldc-share-icon-tray.white {
  border: 1px solid var(--color-brand-neutrals-white);
}
.mldc-share-button-container .mldc-share-icon-tray li {
  display: flex;
  padding: 8px 0px;
}
.mldc-share-button-container .mldc-share-icon-tray li button {
  opacity: 1;
  background: var(--color-brand-neutrals-transparent) 0% 0% no-repeat padding-box;
  cursor: pointer;
  border: 0;
  outline: none;
  color: var(--color-brand-neutrals-white);
  width: 32px;
  height: 32px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.mldc-share-button-container .mldc-share-icon-tray li button svg {
  width: 32px;
  height: 32px;
}
.mldc-share-button-container .mldc-share-icon-tray li button svg:hover path {
  fill: var(--color-brand-primary-ml-green-base);
}
.mldc-share-button-container .mldc-share-icon-tray li button.mldc-social-twitter-button svg {
  height: 19px;
}
.mldc-share-button-container .mldc-share-icon-tray li button.mldc-social-twitter-button svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-share-button-container .mldc-share-icon-tray li button.mldc-social-twitter-button:focus {
  display: flex;
  outline: 2px solid var(--color-brand-neutrals-white);
}
.mldc-share-button-container .mldc-share-icon-tray li button.mldc-social-twitter-button:focus::after {
  content: none;
}
.mldc-share-button-container .mldc-share-icon-tray li button .social-close {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-share-button-container .mldc-share-icon-tray li button .twitter-button:hover path {
  fill: var(--color-brand-primary-ml-green-base);
}
.mldc-share-button-container .mldc-share-icon-tray li button:focus {
  display: flex;
  outline: 2px solid var(--color-brand-neutrals-white);
}
.mldc-share-button-container .mldc-share-icon-tray li button:focus::after {
  content: none;
}
.mldc-share-button-container .mldc-share-icon-tray li .socila-share-facebook-button {
  padding-left: 12px;
}
.mldc-share-button-container .mldc-share-icon-tray .close-icon-wrapper {
  width: 48px;
  height: 46px;
  background-color: var(--color-brand-neutrals-white);
  border-radius: 0 24px 24px 0px;
  padding-left: 5px;
}
.mldc-share-button-container .mldc-share-icon-tray .close-icon-wrapper button {
  justify-content: center;
  align-items: center;
}
.mldc-share-button-container .mldc-share-icon-tray .close-icon-wrapper button:focus {
  outline: 2px solid var(--color-brand-neutrals-black);
}
.mldc-share-button-container .mldc-share-icon-tray .close-icon-wrapper button:focus::after {
  content: none;
}

.mldc-rtl .mldc-share-button-container svg.share-button,
html[dir=rtl] .mldc-share-button-container svg.share-button,
body[dir=rtl] .mldc-share-button-container svg.share-button {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/***** @metlife/mldc-skeleton-element *****/
@keyframes wave-shimmer {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(150%);
  }
}
@keyframes pulse-shimmer {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.mldc-skeleton-element {
  display: block;
}
.mldc-skeleton-element.wave {
  position: relative;
  overflow: hidden;
}
.mldc-skeleton-element.wave .mldc-wave-shimmer-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: wave-shimmer 2.5s infinite;
}
.mldc-skeleton-element.wave .mldc-wave-shimmer-wrapper .mldc-wave-shimmer {
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: skewX(-20deg);
  box-shadow: 20px 20px 50px 50px rgba(255, 255, 255, 0.25);
}
.mldc-skeleton-element.pulse {
  animation: pulse-shimmer 2s ease-in-out infinite alternate;
}
.mldc-skeleton-element.image, .mldc-skeleton-element.chart {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.mldc-skeleton-element.rectangular {
  border-radius: 8px;
}
.mldc-skeleton-element.circular {
  border-radius: 50%;
}
.mldc-skeleton-element.typography {
  border-radius: 4px;
}
.mldc-skeleton-element .skeleton-element-typography-line {
  display: block;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .mldc-skeleton-element {
    animation: none;
  }
  .mldc-skeleton-element .mldc-wave-shimmer-wrapper {
    display: none;
  }
}

/***** @metlife/mldc-skeleton-wrap *****/
@keyframes wave-shimmer {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(150%);
  }
}
@keyframes pulse-shimmer {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.mldc-skeleton-wrap.wave {
  position: relative;
  overflow: hidden;
}
.mldc-skeleton-wrap.wave .mldc-wave-shimmer-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: wave-shimmer 2.5s infinite;
}
.mldc-skeleton-wrap.wave .mldc-wave-shimmer-wrapper .mldc-wave-shimmer {
  width: 0%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  transform: skewX(-20deg);
  box-shadow: 20px 20px 50px 50px rgba(255, 255, 255, 0.25);
}
.mldc-skeleton-wrap.pulse {
  animation: pulse-shimmer 2s ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .mldc-skeleton-wrap {
    animation: none;
  }
  .mldc-skeleton-wrap .mldc-wave-shimmer-wrapper {
    display: none;
  }
}

/***** @metlife/mldc-address *****/
.mldc-react-address .flat-no .mldc-typehead-group .combobox .nonTransform,
.mldc-react-address .flat-no .mldc-typehead-group .combobox .transform {
  display: none;
}
.mldc-react-address .flat-no .mldc-typehead-group .combobox .mldc-input-text-container .mldc-input-text-group {
  max-width: 100%;
}
.mldc-react-address .alignment {
  padding: 12px 15px 12px 0;
}
.mldc-react-address .horizontal-fields {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 15px 12px 0;
}
@media screen and (min-width: 1024px) {
  .mldc-react-address .city-field {
    padding-right: 8px;
  }
  .mldc-react-address .state-field {
    padding-right: 8px;
    padding-left: 8px;
  }
  .mldc-react-address .zip-field {
    padding-left: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .mldc-react-address .city-field {
    padding-bottom: var(--space-vspace-l);
  }
  .mldc-react-address .state-field {
    padding-right: 8px;
  }
  .mldc-react-address .zip-field {
    padding-left: 8px;
  }
}
@media screen and (max-width: 767px) {
  .mldc-react-address .alignment,
  .mldc-react-address .horizontal-fields {
    padding: 12px 0;
  }
}

.mldc-rtl .mldc-react-address .alignment,
html[dir=rtl] .mldc-react-address .alignment,
body[dir=rtl] .mldc-react-address .alignment {
  padding: 12px 0 12px 15px;
}
.mldc-rtl .mldc-react-address .horizontal-fields,
html[dir=rtl] .mldc-react-address .horizontal-fields,
body[dir=rtl] .mldc-react-address .horizontal-fields {
  padding: 12px 0 12px 15px;
}
@media screen and (min-width: 1024px) {
  .mldc-rtl .mldc-react-address .city-field,
  html[dir=rtl] .mldc-react-address .city-field,
  body[dir=rtl] .mldc-react-address .city-field {
    padding-right: 0;
    padding-left: 8px;
  }
  .mldc-rtl .mldc-react-address .zip-field,
  html[dir=rtl] .mldc-react-address .zip-field,
  body[dir=rtl] .mldc-react-address .zip-field {
    padding-left: 0;
    padding-right: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .mldc-rtl .mldc-react-address .state-field,
  html[dir=rtl] .mldc-react-address .state-field,
  body[dir=rtl] .mldc-react-address .state-field {
    padding-right: 0;
    padding-left: 8px;
  }
  .mldc-rtl .mldc-react-address .zip-field,
  html[dir=rtl] .mldc-react-address .zip-field,
  body[dir=rtl] .mldc-react-address .zip-field {
    padding-left: 0;
    padding-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .mldc-rtl .mldc-react-address .alignment,
  .mldc-rtl .mldc-react-address .horizontal-fields,
  html[dir=rtl] .mldc-react-address .alignment,
  html[dir=rtl] .mldc-react-address .horizontal-fields,
  body[dir=rtl] .mldc-react-address .alignment,
  body[dir=rtl] .mldc-react-address .horizontal-fields {
    padding: 12px 0;
  }
}

/***** @metlife/mldc-file-upload *****/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mldc-file-upload-container.md .mldc-mobile-file-upload-button-holder:has(.mobile-file-upload-segment:hover) {
  border: 2px solid var(--color-brand-primary-ml-blue1-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 8px;
  cursor: pointer;
  height: 184px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder.error {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-file-upload-button {
  background: transparent;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  border: 3px solid var(--color-brand-primary-ml-blue2);
  padding-top: 5px;
  cursor: pointer;
  margin-bottom: 8px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-file-upload-button.error {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-file-upload-button svg {
  font-size: 2rem;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-file-upload-button svg.error {
  color: var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-button-text-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: var(--typography-family-noto);
  text-align: center;
  opacity: 1;
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-button-text-holder .gray-text {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-metlife-registered-black);
  line-height: 22px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mldc-button-text-holder .blue-text {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-primary-ml-blue2);
  line-height: 22px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder:hover {
  border: 2px solid var(--color-brand-primary-ml-blue1-base);
  background: rgba(0, 122, 188, 0.1019607843) 0% 0% no-repeat padding-box;
}
.mldc-file-upload-container .mldc-file-upload-button-holder.error:hover {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder:focus {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  outline: 2px solid var(--color-brand-primary-ml-blue2);
  border: 0px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder.dark-bg {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
}
.mldc-file-upload-container .mldc-file-upload-button-holder.dark-bg:hover {
  background: #e5f1f8 0% 0% no-repeat padding-box;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
}
.mldc-file-upload-container .mldc-file-upload-button-holder.dark-bg.error:hover {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder.dark-bg:focus {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  outline: 2px solid var(--color-brand-primary-ml-blue2);
  border: 0px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder.dark-bg.error {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mobile-file-upload-wrapper {
  display: flex;
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 124px;
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment button {
  width: 80px;
  height: 80px;
  background: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .mldc-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment button svg {
  font-size: 2rem;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 24px;
  height: auto;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 8px;
  /*
  &:hover {
      border: 2px solid var(--color-brand-primary-ml-blue1-base);
  }
  */
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.sm {
  padding: 0px;
  height: auto;
  border: none !important;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.sm .mobile-file-upload-wrapper {
  gap: 16px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.sm .loader-mobile-wrapper {
  padding: 32.5px 0px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.xs {
  padding: 0px;
  height: auto;
  border: none !important;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.xs .mobile-file-upload-wrapper {
  gap: 16px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.xs .loader-mobile-wrapper {
  padding: 32.5px 0px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.md {
  height: 154px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .loader-mobile-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .loader-mobile-wrapper .loading-text {
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-bold);
  font-family: var(--typography-family-noto);
  font-size: 1rem;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .custom-message {
  color: var(--color-brand-neutrals-gray-dark);
  margin-top: 6px;
  font-size: 0.75rem;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .custom-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.error {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-file-upload-button {
  background: transparent;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  border: 3px solid var(--color-brand-primary-ml-blue2);
  padding-top: 5px;
  cursor: pointer;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-file-upload-button.error {
  border: 3px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-file-upload-button svg {
  font-size: 1.125rem;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-file-upload-button svg.error {
  color: var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-button-text-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: var(--typography-family-noto);
  text-align: center;
  opacity: 1;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-button-text-holder .gray-text {
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-metlife-registered-black);
  line-height: 22px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mldc-button-text-holder .blue-text {
  font-weight: var(--typography-weight-normal);
  color: var(--color-brand-primary-ml-blue2);
  font-size: 14px;
  line-height: 21px;
  height: 19px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.error:hover {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder:focus {
  border: 2px solid var(--color-brand-primary-ml-blue1-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder:focus-within {
  border: 2px solid var(--color-brand-primary-ml-blue1-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg:hover {
  border: 2px solid var(--color-brand-primary-ml-blue1-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg.error:hover {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg:focus {
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  outline: 2px solid var(--color-brand-primary-ml-blue2);
  border: 0px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg.error {
  border: 2px solid var(--color-swatches-beta-red-base);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg.error .mobile-file-upload-segment button {
  background: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg.error .mobile-file-upload-segment button svg {
  color: var(--color-swatches-beta-red-base) !important;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder.dark-bg .error-text {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  gap: 37px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment {
  align-items: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  gap: 8px;
  width: 96px;
  position: relative;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:hover button {
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:hover .blue-text {
  text-decoration: underline;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus-within button {
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus-within .blue-text {
  text-decoration: underline;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus {
  outline: none;
  border: none;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus .mobile-file-upload-segment-button::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: 96px;
  height: 96px;
  left: 0px;
  top: -8px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus .mobile-file-upload-segment-button button {
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus .mobile-file-upload-segment-button:focus-visible {
  outline: none;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment:focus:focus-visible {
  outline: none;
  border: none;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment .mobile-file-upload-segment-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: 96px;
  height: 96px;
  left: 0px;
  top: -8px;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment .mobile-file-upload-segment-button:focus button {
  background: var(--color-brand-neutrals-gray-lightest);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment .mobile-file-upload-segment-button:focus-visible {
  outline: none;
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment button {
  width: 80px;
  height: 80px;
  background: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .mobile-file-upload-wrapper .mobile-file-upload-segment button svg {
  font-size: 2rem;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-file-upload-container .mldc-mobile-file-upload-button-holder .loader {
  border: 3px solid var(--color-brand-neutrals-white);
  border-radius: 50%;
  border-top: 3px solid var(--color-brand-primary-ml-blue2);
  border-right: 3px solid var(--color-brand-primary-ml-blue2);
  border-bottom: 3px solid var(--color-brand-primary-ml-blue2);
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: relative;
}
.mldc-file-upload-container .file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}
.mldc-file-upload-container .file .file-details {
  display: flex;
  justify-content: flex-start;
  margin-right: 5px;
  align-items: center;
}
.mldc-file-upload-container .file .file-details .document-icon {
  margin-right: 10px;
}
.mldc-file-upload-container .file .file-details .document-icon.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .file .file-details .file-name {
  color: var(--color-brand-neutrals-gray-darkest);
  margin-right: 15px;
  font-family: var(--typography-family-noto);
  line-height: 22px;
}
.mldc-file-upload-container .file .file-details .file-name.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .file .file-details .file-size {
  color: var(--color-brand-neutrals-gray-darkest);
  font-family: var(--typography-family-noto);
  margin-right: 5px;
  line-height: 22px;
}
.mldc-file-upload-container .file .file-details .file-size.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .file .mldc-file-remove-button {
  border: 0px;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mldc-file-upload-container .file .mldc-file-remove-button .close-icon {
  color: var(--color-brand-primary-ml-blue2);
  width: 15px;
  height: 15px;
}
.mldc-file-upload-container .file .mldc-file-remove-button .close-icon.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .info-message {
  padding: 16px 0px 6px 0px;
  display: flex;
  gap: 7px;
  flex-direction: column;
}
.mldc-file-upload-container .custom-message {
  color: var(--color-brand-neutrals-gray-dark);
  font-size: 0.75rem;
  line-height: 18px;
}
.mldc-file-upload-container .custom-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-file-upload-container .error-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-swatches-beta-red-base);
  font-family: var(--typography-family-noto);
  font-size: 0.75rem;
  margin-top: 5px;
}
.mldc-file-upload-container .error-text.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-left-nav *****/
.mldc-left-nav ul {
  list-style: none;
  margin: var(--space-vspace-xs);
  padding: var(--space-vspace-xs);
  width: calc(25% + 7.5px);
  padding-right: 30px;
}
.mldc-left-nav ul li {
  position: relative;
}
.mldc-left-nav ul li > a {
  display: block;
  text-decoration: none;
}
.mldc-left-nav ul li > button {
  text-align: start;
  width: 100%;
  outline: 0;
  border: var(--space-0);
}
.mldc-left-nav ul li > * {
  position: relative;
  padding: var(--space-left-nav-padding-tb-m) var(--space-left-nav-padding-lr-m);
  background-color: var(--color-brand-neutrals-white);
  cursor: pointer;
}
.mldc-left-nav ul li > *,
.mldc-left-nav ul li > * * {
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-left-nav ul li > *::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: var(--space-1) solid var(--color-brand-neutrals-gray-medium);
}
.mldc-left-nav ul li > *:focus {
  outline: 0;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-left-nav ul li > *:focus::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: var(--space-2) solid var(--color-brand-primary-ml-blue3);
  top: -1px;
}
.mldc-left-nav ul li > *:focus:not(:focus-visible) {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-left-nav ul li > *:focus:not(:focus-visible)::after {
  top: 0;
  border-top: var(--space-0);
  border-right: var(--space-0);
  border-left: var(--space-0);
  border-bottom: var(--space-1) solid var(--color-brand-neutrals-gray-medium);
}
.mldc-left-nav ul li:hover > *,
.mldc-left-nav ul li:hover > * * {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-left-nav ul li:last-child > *:not(:focus)::after {
  content: none;
}
.mldc-left-nav ul li:last-child > *:focus::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: var(--space-2) solid var(--color-brand-primary-ml-blue3);
  top: -1px;
}
.mldc-left-nav ul li:last-child > *:focus:not(:focus-visible)::after {
  top: 0;
  border: var(--space-0);
}
.mldc-left-nav ul li:has(.active) > *,
.mldc-left-nav ul li:has(.active) > * * {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-left-nav ul li:has(.active) > *:focus,
.mldc-left-nav ul li:has(.active) > *:focus * {
  font-weight: var(--typography-weight-normal);
}
.mldc-left-nav ul li:has(.active) > *:focus:not(:focus-visible),
.mldc-left-nav ul li:has(.active) > *:focus:not(:focus-visible) * {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-left-nav ul li:has(.active)::before {
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  position: absolute;
  left: 0;
  top: -1px;
  background: linear-gradient(180deg, var(--color-brand-primary-ml-blue1-base) 0%, var(--color-metlife-medium-green) 100%);
  z-index: 1;
}

/***** @metlife/mldc-accordian *****/
.mldc-accordion-container .mldc-accordian {
  border-radius: 8px;
  opacity: 1;
  padding: 22px 24px;
  padding-bottom: 16px;
  background-color: var(--color-brand-neutrals-white);
  cursor: pointer;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .mldc-accordion-container .mldc-accordian {
    padding: 16px;
  }
}
.mldc-accordion-container .mldc-accordian .title-holder {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.mldc-accordion-container .mldc-accordian .title-holder .accordian-title {
  font-size: 1.125rem;
  color: var(--color-brand-neutrals-gray-darkest);
  text-align: start;
  opacity: 1;
  letter-spacing: 0px;
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
}
.mldc-accordion-container .mldc-accordian .title-holder button {
  color: var(--color-brand-primary-ml-blue2);
  background-color: var(--color-brand-neutrals-white);
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 40px;
  height: 40px;
  outline: none;
  border: 0px;
}
.mldc-accordion-container .mldc-accordian .title-holder button svg {
  font-size: 1rem;
}
.mldc-accordion-container .mldc-accordian .title-holder button:focus {
  outline: 2px solid var(--color-metlife-blue-2);
}
.mldc-accordion-container .mldc-accordian .accordian-content {
  font-size: 1.125rem;
  color: var(--color-brand-neutrals-gray-darkest);
  text-align: start;
  opacity: 1;
  letter-spacing: 0px;
  padding: 16px 0px;
  font-family: var(--typography-family-noto);
}
.mldc-accordion-container .mldc-accordian:hover {
  outline: 3px solid var(--color-brand-primary-ml-blue2);
}
.mldc-accordion-container .mldc-accordian:focus {
  outline: 3px solid var(--color-brand-primary-ml-blue2);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-accordion-container .mldc-accordian:focus:not(:focus-visible) button {
  outline: 0;
}
.mldc-accordion-container .accordian-content {
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  margin-bottom: 15px;
  font-size: 1.125rem;
}
.mldc-accordion-container .accordian-content.display {
  padding-top: 0px;
  padding-bottom: 16px;
  height: auto;
  max-height: 9999px;
  transition: all 0.3s ease-in-out;
}
.mldc-accordion-container .accordian-content.remove {
  padding-top: 0;
  padding-bottom: 0;
  height: 0;
  max-height: 0;
  overflow: hidden;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.mldc-accordion-container .accordian-content.remove:focus {
  outline: none;
}
.mldc-accordion-container .accordian-content:hover {
  outline: none;
}
.mldc-accordion-container .mldc-accordian-toggle-text-link {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  position: relative;
}

/***** @metlife/mldc-horizontal-stepper *****/
.mldc-horizontal-stepper-container {
  width: 100%;
  margin: 0px auto 24px;
}
.mldc-horizontal-stepper-container .stepper-label {
  display: inline-flex;
  text-align: left;
  margin: 0px 16px;
}
.mldc-horizontal-stepper-container .stepper-label.hide-lable {
  position: relative;
  left: 24px;
}
.mldc-horizontal-stepper-container .stepper-label.bottom {
  margin-top: 16px;
}
.mldc-horizontal-stepper-container .stepper-label.bottom.hide-lable {
  top: -36px;
  margin-top: 0px;
}
.mldc-horizontal-stepper-container .stepper-label .stepper-progress {
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-14);
  line-height: var(--typography-line-height-2);
  font-weight: var(--typography-weight-7);
  color: var(--color-brand-neutrals-gray-darkest);
  margin-right: 2px;
}
.mldc-horizontal-stepper-container .stepper-label .stepper-current-label {
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-14);
  line-height: var(--typography-line-height-2);
  font-weight: var(--typography-weight-4);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-horizontal-stepper-container .stepper-label.dark-bg .stepper-progress,
.mldc-horizontal-stepper-container .stepper-label.dark-bg .stepper-current-label {
  color: var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container .horizontal-stepper {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items {
  height: 62px;
  position: relative;
  flex: 1;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items::after {
  content: "";
  position: absolute;
  width: calc(100% - 30px);
  z-index: -1;
  top: calc(25% - 1px);
  left: 31px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: var(--color-brand-neutrals-black);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items.completed:after {
  top: 16px;
  border-color: var(--color-swatches-beta-green-darkest);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items.dark-bg.completed:after {
  border-color: var(--color-brand-primary-ml-green-base);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items.dark-bg:after {
  border-color: var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle {
  width: 32px;
  height: 32px;
  background: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-neutrals-black);
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 8px;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle .step-number {
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-14);
  line-height: var(--typography-line-height-2);
  font-weight: var(--typography-weight-7);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.completed {
  background: var(--color-swatches-beta-green-darkest);
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.completed svg {
  width: 15px;
  height: 12px;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.completed svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.inProgress {
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.inProgress .step-number {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.pending {
  border: 2px solid var(--color-brand-neutrals-black);
  background: transparent;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.pending .step-number {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg {
  width: 32px;
  height: 32px;
  border: 2px solid var(--color-brand-neutrals-white);
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 8px;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg.completed {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background: var(--color-brand-primary-ml-green-base);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg.completed svg path {
  fill: var(--color-brand-neutrals-black);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg.inProgress {
  border: 2px solid var(--color-brand-primary-ml-green-base);
  background: var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg.inProgress .step-number {
  color: var(--color-brand-neutrals-black);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg.pending {
  border: 2px solid var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .step-circle.dark-bg.pending .step-number {
  color: var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .label {
  font-family: var(--typography-family-noto);
  display: block;
  max-width: 104px;
  min-width: 50px;
  height: 22px;
  font-size: var(--typography-px-size-14);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
  letter-spacing: 0px;
  word-wrap: break-word;
  word-break: break-word;
  margin-right: 16px;
  margin-left: -32px;
  text-align: center;
}
.mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .label.dark-bg {
  color: var(--color-brand-neutrals-white);
}
.mldc-horizontal-stepper-container ul li:last-child:after {
  display: none;
}

/***** RTL *****/
.mldc-rtl .mldc-horizontal-stepper-container .horizontal-stepper .stepper-items::after,
html[dir=rtl] .mldc-horizontal-stepper-container .horizontal-stepper .stepper-items::after,
body[dir=rtl] .mldc-horizontal-stepper-container .horizontal-stepper .stepper-items::after {
  left: 0px;
  right: 31px;
}
.mldc-rtl .mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .label,
html[dir=rtl] .mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .label,
body[dir=rtl] .mldc-horizontal-stepper-container .horizontal-stepper .stepper-items .label {
  margin-left: 0px;
  margin-right: -32px;
}

.mldc-progress-container {
  padding: 0 24px;
}
.mldc-progress-container .wrapper {
  max-width: 100%;
  margin: 2rem auto 0;
}
.mldc-progress-container .wrapper .c-stepper {
  display: flex;
  padding: 0;
  margin: 0;
  position: relative;
}
.mldc-progress-container .wrapper .c-stepper.md {
  left: 0px;
}
.mldc-progress-container .wrapper .c-stepper.sm, .mldc-progress-container .wrapper .c-stepper.xs {
  left: -22px;
}
.mldc-progress-container .wrapper .c-stepper.top .c-stepper-item.md:before {
  top: 0px;
}
.mldc-progress-container .wrapper .c-stepper.top .c-stepper-item.sm:before, .mldc-progress-container .wrapper .c-stepper.top .c-stepper-item.xs:before {
  top: 0px;
}
.mldc-progress-container .wrapper .c-stepper.top .c-stepper-item:before {
  top: -12px;
  position: relative;
}
.mldc-progress-container .wrapper .c-stepper.top .c-stepper-item:after {
  top: 16px !important;
}
.mldc-progress-container .wrapper .c-stepper.top .c-stepper-item .c-stepper-title-wrapper {
  order: -1;
  flex: 1;
}
.mldc-progress-container .wrapper .c-stepper.top .c-stepper-item .c-stepper-title-wrapper .c-stepper-title {
  margin-top: auto;
}
.mldc-progress-container .wrapper .c-stepper-item {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
  max-width: 298px;
}
.mldc-progress-container .wrapper .c-stepper-item.md {
  max-width: 162px;
  min-width: 138px;
}
.mldc-progress-container .wrapper .c-stepper-item.md:not(:last-child):after {
  height: 8px !important;
  top: 15px !important;
}
.mldc-progress-container .wrapper .c-stepper-item.md.after-actionRequired:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="8" viewBox="0 0 182 8" fill="none"><g clip-path="url(%23clip0_3434_1157)"><rect x="0.5" width="181.5" height="8" rx="4" fill="%23F2F2F2"/><path d="M68.2513 8.01319L76.3032 0.0131865H84.5L76.4482 8.01319H68.2513Z" fill="%23F2BABB"/><path d="M51.3135 8.01319L59.3653 0.0131865H67.5622L59.5103 8.01319H51.3135Z" fill="%23F2BABB"/><path d="M34.3757 8.01319L42.4275 0.0131865H50.6243L42.5725 8.01319H34.3757Z" fill="%23F2BABB"/><path d="M17.4378 8.01319L25.4897 0.0131865H33.6865L25.6347 8.01319H17.4378Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M154.751 8.01319L162.803 0.0131865H171L162.948 8.01319H154.751Z" fill="%23F2BABB"/><path d="M137.813 8.01319L145.865 0.0131865H154.062L146.01 8.01319H137.813Z" fill="%23F2BABB"/><path d="M120.876 8.01319L128.927 0.0131865H137.124L129.073 8.01319H120.876Z" fill="%23F2BABB"/><path d="M103.938 8.01319L111.99 0.0131865H120.187L112.135 8.01319H103.938Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M239.251 8.01319L247.303 0.0131865H255.5L247.448 8.01319H239.251Z" fill="%23F2BABB"/><path d="M222.313 8.01319L230.365 0.0131865H238.562L230.51 8.01319H222.313Z" fill="%23F2BABB"/><path d="M205.376 8.01319L213.427 0.0131865H221.624L213.573 8.01319H205.376Z" fill="%23F2BABB"/><path d="M188.438 8.01319L196.49 0.0131865H204.687L196.635 8.01319H188.438Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M323.751 7.98669L331.803 -0.0133057H340L331.948 7.98669H323.751Z" fill="%23F2BABB"/><path d="M306.813 7.98669L314.865 -0.0133057H323.062L315.01 7.98669H306.813Z" fill="%23F2BABB"/><path d="M289.876 7.98669L297.927 -0.0133057H306.124L298.073 7.98669H289.876Z" fill="%23F2BABB"/><path d="M272.938 7.98669L280.99 -0.0133057H289.187L281.135 7.98669H272.938Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M410.251 7.98669L418.303 -0.0133057H426.5L418.448 7.98669H410.251Z" fill="%23F2BABB"/><path d="M393.313 7.98669L401.365 -0.0133057H409.562L401.51 7.98669H393.313Z" fill="%23F2BABB"/><path d="M376.376 7.98669L384.427 -0.0133057H392.624L384.573 7.98669H376.376Z" fill="%23F2BABB"/><path d="M359.438 7.98669L367.49 -0.0133057H375.687L367.635 7.98669H359.438Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M494.751 7.98669L502.803 -0.0133057H511L502.948 7.98669H494.751Z" fill="%23F2BABB"/><path d="M477.813 7.98669L485.865 -0.0133057H494.062L486.01 7.98669H477.813Z" fill="%23F2BABB"/><path d="M460.876 7.98669L468.927 -0.0133057H477.124L469.073 7.98669H460.876Z" fill="%23F2BABB"/><path d="M443.938 7.98669L451.99 -0.0133057H460.187L452.135 7.98669H443.938Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/></g><defs><clipPath id="clip0_3434_1157"><rect x="0.5" width="181.5" height="8" rx="4" fill="white"/></clipPath></defs></svg>') !important;
}
.mldc-progress-container .wrapper .c-stepper-item.md.after-needAttention:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="8" viewBox="0 0 182 8" fill="none"><g clip-path="url(%23clip0_3434_1157)"><rect x="0.5" width="181.5" height="8" rx="4" fill="%23F2F2F2"/><path d="M68.2513 8.01319L76.3032 0.0131865H84.5L76.4482 8.01319H68.2513Z" fill="%23F2BABB"/><path d="M51.3135 8.01319L59.3653 0.0131865H67.5622L59.5103 8.01319H51.3135Z" fill="%23F2BABB"/><path d="M34.3757 8.01319L42.4275 0.0131865H50.6243L42.5725 8.01319H34.3757Z" fill="%23F2BABB"/><path d="M17.4378 8.01319L25.4897 0.0131865H33.6865L25.6347 8.01319H17.4378Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M154.751 8.01319L162.803 0.0131865H171L162.948 8.01319H154.751Z" fill="%23F2BABB"/><path d="M137.813 8.01319L145.865 0.0131865H154.062L146.01 8.01319H137.813Z" fill="%23F2BABB"/><path d="M120.876 8.01319L128.927 0.0131865H137.124L129.073 8.01319H120.876Z" fill="%23F2BABB"/><path d="M103.938 8.01319L111.99 0.0131865H120.187L112.135 8.01319H103.938Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M239.251 8.01319L247.303 0.0131865H255.5L247.448 8.01319H239.251Z" fill="%23F2BABB"/><path d="M222.313 8.01319L230.365 0.0131865H238.562L230.51 8.01319H222.313Z" fill="%23F2BABB"/><path d="M205.376 8.01319L213.427 0.0131865H221.624L213.573 8.01319H205.376Z" fill="%23F2BABB"/><path d="M188.438 8.01319L196.49 0.0131865H204.687L196.635 8.01319H188.438Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M323.751 7.98669L331.803 -0.0133057H340L331.948 7.98669H323.751Z" fill="%23F2BABB"/><path d="M306.813 7.98669L314.865 -0.0133057H323.062L315.01 7.98669H306.813Z" fill="%23F2BABB"/><path d="M289.876 7.98669L297.927 -0.0133057H306.124L298.073 7.98669H289.876Z" fill="%23F2BABB"/><path d="M272.938 7.98669L280.99 -0.0133057H289.187L281.135 7.98669H272.938Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M410.251 7.98669L418.303 -0.0133057H426.5L418.448 7.98669H410.251Z" fill="%23F2BABB"/><path d="M393.313 7.98669L401.365 -0.0133057H409.562L401.51 7.98669H393.313Z" fill="%23F2BABB"/><path d="M376.376 7.98669L384.427 -0.0133057H392.624L384.573 7.98669H376.376Z" fill="%23F2BABB"/><path d="M359.438 7.98669L367.49 -0.0133057H375.687L367.635 7.98669H359.438Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M494.751 7.98669L502.803 -0.0133057H511L502.948 7.98669H494.751Z" fill="%23F2BABB"/><path d="M477.813 7.98669L485.865 -0.0133057H494.062L486.01 7.98669H477.813Z" fill="%23F2BABB"/><path d="M460.876 7.98669L468.927 -0.0133057H477.124L469.073 7.98669H460.876Z" fill="%23F2BABB"/><path d="M443.938 7.98669L451.99 -0.0133057H460.187L452.135 7.98669H443.938Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/></g><defs><clipPath id="clip0_3434_1157"><rect x="0.5" width="181.5" height="8" rx="4" fill="white"/></clipPath></defs></svg>') !important;
}
.mldc-progress-container .wrapper .c-stepper-item.md.after-processing:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="211" height="8" viewBox="0 0 211 8" fill="none"><path d="M68.2513 8.01325L76.3032 0.0132475H84.5L76.4482 8.01325H68.2513Z" fill="%23A7A8AA"/><path d="M51.3135 8.01325L59.3653 0.0132475H67.5622L59.5103 8.01325H51.3135Z" fill="%23A7A8AA"/><path d="M34.3757 8.01325L42.4275 0.0132475H50.6243L42.5725 8.01325H34.3757Z" fill="%23A7A8AA"/><path d="M17.4378 8.01325L25.4897 0.0132475H33.6865L25.6347 8.01325H17.4378Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M154.751 8.01325L162.803 0.0132475H171L162.948 8.01325H154.751Z" fill="%23A7A8AA"/><path d="M137.813 8.01325L145.865 0.0132475H154.062L146.01 8.01325H137.813Z" fill="%23A7A8AA"/><path d="M120.876 8.01325L128.927 0.0132475H137.124L129.073 8.01325H120.876Z" fill="%23A7A8AA"/><path d="M103.938 8.01325L111.99 0.0132475H120.187L112.135 8.01325H103.938Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M239.251 8.01325L247.303 0.0132475H255.5L247.448 8.01325H239.251Z" fill="%23A7A8AA"/><path d="M222.313 8.01325L230.365 0.0132475H238.562L230.51 8.01325H222.313Z" fill="%23A7A8AA"/><path d="M205.376 8.01325L213.427 0.0132475H221.624L213.573 8.01325H205.376Z" fill="%23A7A8AA"/><path d="M188.438 8.01325L196.49 0.0132475H204.687L196.635 8.01325H188.438Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M323.751 7.98676L331.803 -0.0132446H340L331.948 7.98676H323.751Z" fill="%23A7A8AA"/><path d="M306.813 7.98676L314.865 -0.0132446H323.062L315.01 7.98676H306.813Z" fill="%23A7A8AA"/><path d="M289.876 7.98676L297.927 -0.0132446H306.124L298.073 7.98676H289.876Z" fill="%23A7A8AA"/><path d="M272.938 7.98676L280.99 -0.0132446H289.187L281.135 7.98676H272.938Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M410.251 7.98676L418.303 -0.0132446H426.5L418.448 7.98676H410.251Z" fill="%23A7A8AA"/><path d="M393.313 7.98676L401.365 -0.0132446H409.562L401.51 7.98676H393.313Z" fill="%23A7A8AA"/><path d="M376.376 7.98676L384.427 -0.0132446H392.624L384.573 7.98676H376.376Z" fill="%23A7A8AA"/><path d="M359.438 7.98676L367.49 -0.0132446H375.687L367.635 7.98676H359.438Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M494.751 7.98676L502.803 -0.0132446H511L502.948 7.98676H494.751Z" fill="%23A7A8AA"/><path d="M477.813 7.98676L485.865 -0.0132446H494.062L486.01 7.98676H477.813Z" fill="%23A7A8AA"/><path d="M460.876 7.98676L468.927 -0.0132446H477.124L469.073 7.98676H460.876Z" fill="%23A7A8AA"/><path d="M443.938 7.98676L451.99 -0.0132446H460.187L452.135 7.98676H443.938Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.md.after-pending:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="211" height="8" viewBox="0 0 211 8" fill="none"><path d="M68.2513 8.01325L76.3032 0.0132475H84.5L76.4482 8.01325H68.2513Z" fill="%23A7A8AA"/><path d="M51.3135 8.01325L59.3653 0.0132475H67.5622L59.5103 8.01325H51.3135Z" fill="%23A7A8AA"/><path d="M34.3757 8.01325L42.4275 0.0132475H50.6243L42.5725 8.01325H34.3757Z" fill="%23A7A8AA"/><path d="M17.4378 8.01325L25.4897 0.0132475H33.6865L25.6347 8.01325H17.4378Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M154.751 8.01325L162.803 0.0132475H171L162.948 8.01325H154.751Z" fill="%23A7A8AA"/><path d="M137.813 8.01325L145.865 0.0132475H154.062L146.01 8.01325H137.813Z" fill="%23A7A8AA"/><path d="M120.876 8.01325L128.927 0.0132475H137.124L129.073 8.01325H120.876Z" fill="%23A7A8AA"/><path d="M103.938 8.01325L111.99 0.0132475H120.187L112.135 8.01325H103.938Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M239.251 8.01325L247.303 0.0132475H255.5L247.448 8.01325H239.251Z" fill="%23A7A8AA"/><path d="M222.313 8.01325L230.365 0.0132475H238.562L230.51 8.01325H222.313Z" fill="%23A7A8AA"/><path d="M205.376 8.01325L213.427 0.0132475H221.624L213.573 8.01325H205.376Z" fill="%23A7A8AA"/><path d="M188.438 8.01325L196.49 0.0132475H204.687L196.635 8.01325H188.438Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M323.751 7.98676L331.803 -0.0132446H340L331.948 7.98676H323.751Z" fill="%23A7A8AA"/><path d="M306.813 7.98676L314.865 -0.0132446H323.062L315.01 7.98676H306.813Z" fill="%23A7A8AA"/><path d="M289.876 7.98676L297.927 -0.0132446H306.124L298.073 7.98676H289.876Z" fill="%23A7A8AA"/><path d="M272.938 7.98676L280.99 -0.0132446H289.187L281.135 7.98676H272.938Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M410.251 7.98676L418.303 -0.0132446H426.5L418.448 7.98676H410.251Z" fill="%23A7A8AA"/><path d="M393.313 7.98676L401.365 -0.0132446H409.562L401.51 7.98676H393.313Z" fill="%23A7A8AA"/><path d="M376.376 7.98676L384.427 -0.0132446H392.624L384.573 7.98676H376.376Z" fill="%23A7A8AA"/><path d="M359.438 7.98676L367.49 -0.0132446H375.687L367.635 7.98676H359.438Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M494.751 7.98676L502.803 -0.0132446H511L502.948 7.98676H494.751Z" fill="%23A7A8AA"/><path d="M477.813 7.98676L485.865 -0.0132446H494.062L486.01 7.98676H477.813Z" fill="%23A7A8AA"/><path d="M460.876 7.98676L468.927 -0.0132446H477.124L469.073 7.98676H460.876Z" fill="%23A7A8AA"/><path d="M443.938 7.98676L451.99 -0.0132446H460.187L452.135 7.98676H443.938Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.md.after-underReview:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="211" height="8" viewBox="0 0 211 8" fill="none"><path d="M68.2513 8.01325L76.3032 0.0132475H84.5L76.4482 8.01325H68.2513Z" fill="%23A7A8AA"/><path d="M51.3135 8.01325L59.3653 0.0132475H67.5622L59.5103 8.01325H51.3135Z" fill="%23A7A8AA"/><path d="M34.3757 8.01325L42.4275 0.0132475H50.6243L42.5725 8.01325H34.3757Z" fill="%23A7A8AA"/><path d="M17.4378 8.01325L25.4897 0.0132475H33.6865L25.6347 8.01325H17.4378Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M154.751 8.01325L162.803 0.0132475H171L162.948 8.01325H154.751Z" fill="%23A7A8AA"/><path d="M137.813 8.01325L145.865 0.0132475H154.062L146.01 8.01325H137.813Z" fill="%23A7A8AA"/><path d="M120.876 8.01325L128.927 0.0132475H137.124L129.073 8.01325H120.876Z" fill="%23A7A8AA"/><path d="M103.938 8.01325L111.99 0.0132475H120.187L112.135 8.01325H103.938Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M239.251 8.01325L247.303 0.0132475H255.5L247.448 8.01325H239.251Z" fill="%23A7A8AA"/><path d="M222.313 8.01325L230.365 0.0132475H238.562L230.51 8.01325H222.313Z" fill="%23A7A8AA"/><path d="M205.376 8.01325L213.427 0.0132475H221.624L213.573 8.01325H205.376Z" fill="%23A7A8AA"/><path d="M188.438 8.01325L196.49 0.0132475H204.687L196.635 8.01325H188.438Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M323.751 7.98676L331.803 -0.0132446H340L331.948 7.98676H323.751Z" fill="%23A7A8AA"/><path d="M306.813 7.98676L314.865 -0.0132446H323.062L315.01 7.98676H306.813Z" fill="%23A7A8AA"/><path d="M289.876 7.98676L297.927 -0.0132446H306.124L298.073 7.98676H289.876Z" fill="%23A7A8AA"/><path d="M272.938 7.98676L280.99 -0.0132446H289.187L281.135 7.98676H272.938Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M410.251 7.98676L418.303 -0.0132446H426.5L418.448 7.98676H410.251Z" fill="%23A7A8AA"/><path d="M393.313 7.98676L401.365 -0.0132446H409.562L401.51 7.98676H393.313Z" fill="%23A7A8AA"/><path d="M376.376 7.98676L384.427 -0.0132446H392.624L384.573 7.98676H376.376Z" fill="%23A7A8AA"/><path d="M359.438 7.98676L367.49 -0.0132446H375.687L367.635 7.98676H359.438Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M494.751 7.98676L502.803 -0.0132446H511L502.948 7.98676H494.751Z" fill="%23A7A8AA"/><path d="M477.813 7.98676L485.865 -0.0132446H494.062L486.01 7.98676H477.813Z" fill="%23A7A8AA"/><path d="M460.876 7.98676L468.927 -0.0132446H477.124L469.073 7.98676H460.876Z" fill="%23A7A8AA"/><path d="M443.938 7.98676L451.99 -0.0132446H460.187L452.135 7.98676H443.938Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.md:last-child:after {
  top: 15px !important;
  height: 8px !important;
}
.mldc-progress-container .wrapper .c-stepper-item.md.completedSuccess:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23528320"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.791 7.03462C19.3464 7.60388 19.3351 8.5156 18.7659 9.071L11.6299 16.0333C11.4275 16.2353 11.1881 16.3966 10.9247 16.5084C10.3976 16.732 9.80601 16.7511 9.26561 16.5619L9.2546 16.5581C8.97935 16.4592 8.72606 16.3075 8.50895 16.1115L8.46115 16.0684L5.18343 12.53C4.64295 11.9466 4.67779 11.0355 5.26124 10.495C5.84469 9.95451 6.75581 9.98935 7.29629 10.5728L10.0527 13.5484L16.7546 7.00954C17.3238 6.45413 18.2356 6.46536 18.791 7.03462Z" fill="white"/></svg>');
  width: 24px;
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.notStarted:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23D9D9D6"/><circle cx="12.0003" cy="12.0008" r="8.0003" stroke="white" stroke-width="2"/></svg>');
  width: 24px;
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.processing:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.04611 12.0007C7.04611 12.9523 6.27464 13.7238 5.32298 13.7238C4.37133 13.7238 3.59985 12.9523 3.59985 12.0007C3.59985 11.049 4.37133 10.2776 5.32298 10.2776C6.27464 10.2776 7.04611 11.049 7.04611 12.0007ZM13.7232 12.0007C13.7232 12.9523 12.9517 13.7238 12.0001 13.7238C11.0484 13.7238 10.2769 12.9523 10.2769 12.0007C10.2769 11.049 11.0484 10.2776 12.0001 10.2776C12.9517 10.2776 13.7232 11.049 13.7232 12.0007ZM18.6773 13.7238C19.6289 13.7238 20.4004 12.9523 20.4004 12.0007C20.4004 11.049 19.6289 10.2776 18.6773 10.2776C17.7256 10.2776 16.9542 11.049 16.9542 12.0007C16.9542 12.9523 17.7256 13.7238 18.6773 13.7238Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.actionRequired:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23B91D1F"/><path d="M5.26677 18.376C4.51184 18.376 4.02915 17.5715 4.38441 16.9054L11.118 4.27987C11.4945 3.57399 12.5063 3.57399 12.8827 4.27987L19.6163 16.9054C19.9716 17.5715 19.4889 18.376 18.734 18.376H5.26677ZM12.0004 14.9443C12.0004 14.9413 11.998 14.9389 11.995 14.9389C11.7868 14.94 11.5788 15.0042 11.4019 15.1209C11.2234 15.2387 11.0868 15.41 11.0133 15.6135C10.9293 15.8169 10.9083 16.0311 10.9503 16.2452C10.9923 16.4594 11.0973 16.6521 11.2444 16.802C11.3914 16.9519 11.5804 17.059 11.7904 17.1018C12.0004 17.1446 12.2104 17.1232 12.4099 17.0376C12.6094 16.9519 12.7774 16.8127 12.8929 16.6414C13.0084 16.4594 13.0714 16.2559 13.0714 16.0418C13.0714 15.9026 13.0399 15.7527 12.9874 15.6242C12.9349 15.4957 12.8509 15.3672 12.7564 15.2708C12.6619 15.1745 12.5359 15.0888 12.4099 15.0353C12.2855 14.9824 12.1407 14.9505 12.0057 14.9496C12.0028 14.9496 12.0004 14.9472 12.0004 14.9443ZM11.3704 7.87206C11.3704 7.87206 11.3704 7.87206 11.3704 7.87206C11.3704 7.87206 11.347 7.87206 11.321 7.8759C11.2824 7.88159 11.2479 7.8987 11.217 7.92246C11.1875 7.94511 11.1576 7.97128 11.1367 8.00202C11.0757 8.09192 11.0464 8.20295 11.0553 8.32177L11.2339 13.1829C11.2339 13.2793 11.2549 13.3756 11.3179 13.4506C11.3809 13.5255 11.4649 13.5791 11.5594 13.5898H12.4519C12.5464 13.5791 12.6304 13.5255 12.6934 13.4506C12.7564 13.3756 12.7774 13.2793 12.7774 13.1829L12.9664 8.32177C12.9664 8.19328 12.9244 8.05409 12.8404 7.95772C12.8194 7.9256 12.7774 7.90418 12.7459 7.89348C12.7144 7.88277 12.6724 7.87206 12.6409 7.87206H11.3809H11.3704Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.needAttention:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23B91D1F"/><path d="M5.26677 18.376C4.51184 18.376 4.02915 17.5715 4.38441 16.9054L11.118 4.27987C11.4945 3.57399 12.5063 3.57399 12.8827 4.27987L19.6163 16.9054C19.9716 17.5715 19.4889 18.376 18.734 18.376H5.26677ZM12.0004 14.9443C12.0004 14.9413 11.998 14.9389 11.995 14.9389C11.7868 14.94 11.5788 15.0042 11.4019 15.1209C11.2234 15.2387 11.0868 15.41 11.0133 15.6135C10.9293 15.8169 10.9083 16.0311 10.9503 16.2452C10.9923 16.4594 11.0973 16.6521 11.2444 16.802C11.3914 16.9519 11.5804 17.059 11.7904 17.1018C12.0004 17.1446 12.2104 17.1232 12.4099 17.0376C12.6094 16.9519 12.7774 16.8127 12.8929 16.6414C13.0084 16.4594 13.0714 16.2559 13.0714 16.0418C13.0714 15.9026 13.0399 15.7527 12.9874 15.6242C12.9349 15.4957 12.8509 15.3672 12.7564 15.2708C12.6619 15.1745 12.5359 15.0888 12.4099 15.0353C12.2855 14.9824 12.1407 14.9505 12.0057 14.9496C12.0028 14.9496 12.0004 14.9472 12.0004 14.9443ZM11.3704 7.87206C11.3704 7.87206 11.3704 7.87206 11.3704 7.87206C11.3704 7.87206 11.347 7.87206 11.321 7.8759C11.2824 7.88159 11.2479 7.8987 11.217 7.92246C11.1875 7.94511 11.1576 7.97128 11.1367 8.00202C11.0757 8.09192 11.0464 8.20295 11.0553 8.32177L11.2339 13.1829C11.2339 13.2793 11.2549 13.3756 11.3179 13.4506C11.3809 13.5255 11.4649 13.5791 11.5594 13.5898H12.4519C12.5464 13.5791 12.6304 13.5255 12.6934 13.4506C12.7564 13.3756 12.7774 13.2793 12.7774 13.1829L12.9664 8.32177C12.9664 8.19328 12.9244 8.05409 12.8404 7.95772C12.8194 7.9256 12.7774 7.90418 12.7459 7.89348C12.7144 7.88277 12.6724 7.87206 12.6409 7.87206H11.3809H11.3704Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.pending:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25C19.6274 25 25 19.6274 25 13Z" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.0006 14.3486L20.4179 14.1136C20.4537 13.873 20.4781 13.6279 20.4907 13.379C20.5032 13.1301 20.5036 12.8838 20.4922 12.6408L22.0905 12.5662C22.1042 12.8609 22.1038 13.1589 22.0887 13.4596C22.0735 13.7603 22.0439 14.0568 22.0006 14.3486ZM21.8326 10.8007L20.28 11.187C20.1605 10.7069 19.9945 10.2441 19.7865 9.80381L21.2332 9.12036C21.4857 9.65484 21.6875 10.2171 21.8326 10.8007ZM20.3167 7.58961L19.0308 8.54178C18.7381 8.14651 18.4073 7.78052 18.0435 7.44954L19.1202 6.26602C19.5611 6.66712 19.962 7.1106 20.3167 7.58961ZM17.6894 5.20014L16.8639 6.57072C16.4468 6.3195 16.003 6.10774 15.5374 5.94063L16.0779 4.43467C16.6439 4.63781 17.183 4.89514 17.6894 5.20014ZM14.3473 4.00053L14.1123 5.58318C13.8716 5.54745 13.6266 5.52297 13.3777 5.51042C13.1288 5.49787 12.8825 5.49757 12.6395 5.50891L12.5649 3.91064C12.8596 3.8969 13.1576 3.89729 13.4583 3.91245C13.759 3.92762 14.0555 3.95721 14.3473 4.00053ZM10.7995 4.16847L11.1856 5.72116C10.7056 5.84057 10.2428 6.00662 9.80254 6.2146L9.11909 4.76791C9.65357 4.51541 10.2159 4.31363 10.7995 4.16847ZM7.58834 5.68444L8.5405 6.97028C8.14524 7.26298 7.77925 7.59382 7.44827 7.95764L6.26475 6.88093C6.66585 6.44004 7.10933 6.03915 7.58834 5.68444ZM5.19886 8.31171L6.56945 9.13724C6.31823 9.55432 6.10646 9.99807 5.93935 10.4637L4.4334 9.92324C4.63654 9.35722 4.89387 8.81808 5.19886 8.31171ZM3.99926 11.6538C3.95594 11.9456 3.92634 12.2422 3.91118 12.5429C3.89601 12.8436 3.89562 13.1416 3.90937 13.4362L5.50763 13.3617C5.49629 13.1186 5.49659 12.8724 5.50915 12.6234C5.5217 12.3745 5.54618 12.1295 5.58191 11.8888L3.99926 11.6538ZM4.1672 15.2017L5.71988 14.8155C5.8393 15.2956 6.00535 15.7584 6.21333 16.1986L4.76664 16.8821C4.51414 16.3476 4.31236 15.7853 4.1672 15.2017ZM5.68317 18.4128L6.96901 17.4607C7.2617 17.8559 7.59255 18.2219 7.95636 18.5529L6.87966 19.7364C6.43877 19.3353 6.03788 18.8918 5.68317 18.4128ZM8.31044 20.8023L9.13597 19.4317C9.55305 19.6829 9.9968 19.8947 10.4624 20.0618L9.92197 21.5678C9.35595 21.3646 8.8168 21.1073 8.31044 20.8023ZM11.6525 22.0019L11.8875 20.4192C12.1282 20.455 12.3732 20.4795 12.6221 20.492C12.8711 20.5046 13.1173 20.5049 13.3603 20.4935L13.4349 22.0918C13.1403 22.1055 12.8422 22.1051 12.5415 22.09C12.2408 22.0748 11.9443 22.0452 11.6525 22.0019ZM15.2004 21.834L14.8142 20.2813C15.2943 20.1619 15.7571 19.9958 16.1973 19.7878L16.8808 21.2345C16.3463 21.487 15.784 21.6888 15.2004 21.834ZM18.4115 20.318L17.4593 19.0321C17.8546 18.7395 18.2206 18.4086 18.5516 18.0448L19.7351 19.1215C19.334 19.5624 18.8905 19.9633 18.4115 20.318ZM20.801 17.6907L19.4304 16.8652C19.6816 16.4481 19.8934 16.0044 20.0605 15.5387L21.5664 16.0792C21.3633 16.6452 21.106 17.1844 20.801 17.6907Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6186 5.52618C12.2002 5.40883 10.7777 5.69748 9.51718 6.35842C8.25668 7.01937 7.21027 8.02532 6.50015 9.25878C5.79003 10.4922 5.44553 11.9023 5.50688 13.3242C5.56822 14.7462 6.03289 16.1213 6.84661 17.289C7.66032 18.4568 8.78949 19.3688 10.1022 19.9188L9.48401 21.3945C7.89124 20.7273 6.52119 19.6206 5.53389 18.2038C4.54659 16.787 3.9828 15.1185 3.90836 13.3932C3.83393 11.6679 4.25192 9.95707 5.11353 8.46048C5.97513 6.9639 7.24477 5.74335 8.77416 4.94141C10.3036 4.13947 12.0295 3.78924 13.7506 3.93163C15.4716 4.07401 17.1165 4.70314 18.4933 5.74552C19.8701 6.7879 20.9219 8.20051 21.5259 9.81835C22.1298 11.4362 22.2609 13.1925 21.904 14.8821L20.3385 14.5513C20.6327 13.1588 20.5246 11.7113 20.0269 10.3779C19.5291 9.04451 18.6623 7.88027 17.5275 7.02116C16.3928 6.16204 15.037 5.64353 13.6186 5.52618Z" fill="white"/><path d="M13.241 13.2415V8.45068H11.8628V13.9196L16.6536 16.8291L17.3317 15.6697L13.241 13.2415Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.underReview:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25C19.6274 25 25 19.6274 25 13Z" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.0006 14.3486L20.4179 14.1136C20.4537 13.873 20.4781 13.6279 20.4907 13.379C20.5032 13.1301 20.5036 12.8838 20.4922 12.6408L22.0905 12.5662C22.1042 12.8609 22.1038 13.1589 22.0887 13.4596C22.0735 13.7603 22.0439 14.0568 22.0006 14.3486ZM21.8326 10.8007L20.28 11.187C20.1605 10.7069 19.9945 10.2441 19.7865 9.80381L21.2332 9.12036C21.4857 9.65484 21.6875 10.2171 21.8326 10.8007ZM20.3167 7.58961L19.0308 8.54178C18.7381 8.14651 18.4073 7.78052 18.0435 7.44954L19.1202 6.26602C19.5611 6.66712 19.962 7.1106 20.3167 7.58961ZM17.6894 5.20014L16.8639 6.57072C16.4468 6.3195 16.003 6.10774 15.5374 5.94063L16.0779 4.43467C16.6439 4.63781 17.183 4.89514 17.6894 5.20014ZM14.3473 4.00053L14.1123 5.58318C13.8716 5.54745 13.6266 5.52297 13.3777 5.51042C13.1288 5.49787 12.8825 5.49757 12.6395 5.50891L12.5649 3.91064C12.8596 3.8969 13.1576 3.89729 13.4583 3.91245C13.759 3.92762 14.0555 3.95721 14.3473 4.00053ZM10.7995 4.16847L11.1856 5.72116C10.7056 5.84057 10.2428 6.00662 9.80254 6.2146L9.11909 4.76791C9.65357 4.51541 10.2159 4.31363 10.7995 4.16847ZM7.58834 5.68444L8.5405 6.97028C8.14524 7.26298 7.77925 7.59382 7.44827 7.95764L6.26475 6.88093C6.66585 6.44004 7.10933 6.03915 7.58834 5.68444ZM5.19886 8.31171L6.56945 9.13724C6.31823 9.55432 6.10646 9.99807 5.93935 10.4637L4.4334 9.92324C4.63654 9.35722 4.89387 8.81808 5.19886 8.31171ZM3.99926 11.6538C3.95594 11.9456 3.92634 12.2422 3.91118 12.5429C3.89601 12.8436 3.89562 13.1416 3.90937 13.4362L5.50763 13.3617C5.49629 13.1186 5.49659 12.8724 5.50915 12.6234C5.5217 12.3745 5.54618 12.1295 5.58191 11.8888L3.99926 11.6538ZM4.1672 15.2017L5.71988 14.8155C5.8393 15.2956 6.00535 15.7584 6.21333 16.1986L4.76664 16.8821C4.51414 16.3476 4.31236 15.7853 4.1672 15.2017ZM5.68317 18.4128L6.96901 17.4607C7.2617 17.8559 7.59255 18.2219 7.95636 18.5529L6.87966 19.7364C6.43877 19.3353 6.03788 18.8918 5.68317 18.4128ZM8.31044 20.8023L9.13597 19.4317C9.55305 19.6829 9.9968 19.8947 10.4624 20.0618L9.92197 21.5678C9.35595 21.3646 8.8168 21.1073 8.31044 20.8023ZM11.6525 22.0019L11.8875 20.4192C12.1282 20.455 12.3732 20.4795 12.6221 20.492C12.8711 20.5046 13.1173 20.5049 13.3603 20.4935L13.4349 22.0918C13.1403 22.1055 12.8422 22.1051 12.5415 22.09C12.2408 22.0748 11.9443 22.0452 11.6525 22.0019ZM15.2004 21.834L14.8142 20.2813C15.2943 20.1619 15.7571 19.9958 16.1973 19.7878L16.8808 21.2345C16.3463 21.487 15.784 21.6888 15.2004 21.834ZM18.4115 20.318L17.4593 19.0321C17.8546 18.7395 18.2206 18.4086 18.5516 18.0448L19.7351 19.1215C19.334 19.5624 18.8905 19.9633 18.4115 20.318ZM20.801 17.6907L19.4304 16.8652C19.6816 16.4481 19.8934 16.0044 20.0605 15.5387L21.5664 16.0792C21.3633 16.6452 21.106 17.1844 20.801 17.6907Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6186 5.52618C12.2002 5.40883 10.7777 5.69748 9.51718 6.35842C8.25668 7.01937 7.21027 8.02532 6.50015 9.25878C5.79003 10.4922 5.44553 11.9023 5.50688 13.3242C5.56822 14.7462 6.03289 16.1213 6.84661 17.289C7.66032 18.4568 8.78949 19.3688 10.1022 19.9188L9.48401 21.3945C7.89124 20.7273 6.52119 19.6206 5.53389 18.2038C4.54659 16.787 3.9828 15.1185 3.90836 13.3932C3.83393 11.6679 4.25192 9.95707 5.11353 8.46048C5.97513 6.9639 7.24477 5.74335 8.77416 4.94141C10.3036 4.13947 12.0295 3.78924 13.7506 3.93163C15.4716 4.07401 17.1165 4.70314 18.4933 5.74552C19.8701 6.7879 20.9219 8.20051 21.5259 9.81835C22.1298 11.4362 22.2609 13.1925 21.904 14.8821L20.3385 14.5513C20.6327 13.1588 20.5246 11.7113 20.0269 10.3779C19.5291 9.04451 18.6623 7.88027 17.5275 7.02116C16.3928 6.16204 15.037 5.64353 13.6186 5.52618Z" fill="white"/><path d="M13.241 13.2415V8.45068H11.8628V13.9196L16.6536 16.8291L17.3317 15.6697L13.241 13.2415Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.completed:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23528320"/><circle cx="12" cy="12" r="9" stroke="white" stroke-width="1.6" stroke-dasharray="1.6 1.6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5271 8.68962C16.8974 9.06913 16.8899 9.67694 16.5104 10.0472L11.7531 14.6887C11.6182 14.8234 11.4586 14.931 11.283 15.0055C10.9316 15.1545 10.5372 15.1673 10.1769 15.0412L10.1696 15.0386C9.98607 14.9727 9.81721 14.8715 9.67247 14.7409L9.64061 14.7121L7.45546 12.3532C7.09514 11.9643 7.11836 11.3569 7.50733 10.9965C7.8963 10.6362 8.50371 10.6594 8.86403 11.0484L10.7016 13.0321L15.1696 8.6729C15.5491 8.30263 16.1569 8.31012 16.5271 8.68962Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.error:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23B91D1F"/><path d="M11.0008 4.80017C10.9406 4.80116 10.8827 4.81457 10.828 4.83938C10.7732 4.8642 10.7221 4.89983 10.6817 4.94439C10.5468 5.09949 10.4784 5.30138 10.4903 5.50663L10.7775 13.0837C10.7664 13.2358 10.814 13.3862 10.9104 13.5044C11.0068 13.6225 11.1446 13.6993 11.2958 13.719H12.7181C12.868 13.6977 13.0035 13.6204 13.0983 13.5024C13.1931 13.3843 13.2401 13.2346 13.2285 13.0837L13.5236 5.50663C13.5321 5.29938 13.4619 5.09686 13.3243 4.94173C13.2832 4.89935 13.2322 4.8654 13.178 4.84204C13.1238 4.81868 13.0669 4.80625 13.0079 4.80549L11.0008 4.80017Z" fill="white"/><path d="M12.003 15.8085C11.6676 15.808 11.3384 15.9071 11.0592 16.0929C10.7801 16.2788 10.5634 16.543 10.4345 16.8526C10.3056 17.1622 10.2713 17.5031 10.3361 17.8322C10.4009 18.1612 10.5621 18.4639 10.7987 18.7015C11.0354 18.9391 11.3366 19.1012 11.6654 19.1674C11.9942 19.2335 12.3362 19.2006 12.6463 19.073C12.9565 18.9453 13.2224 18.728 13.4093 18.4496C13.5963 18.1712 13.6956 17.8439 13.6964 17.5085C13.6972 17.2851 13.6539 17.0639 13.5688 16.8572C13.4838 16.6506 13.3571 16.4625 13.1993 16.3043C13.0415 16.1461 12.8554 16.021 12.649 15.9354C12.4426 15.8499 12.2212 15.8057 11.9977 15.8058L12.003 15.8085Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.md.canceled:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23A7A8AA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.30869 5.81837C6.89705 5.40673 6.22965 5.40673 5.81801 5.81837C5.40637 6.23001 5.40637 6.89742 5.81801 7.30906L10.7825 12.2735L5.81813 17.2379C5.40649 17.6496 5.40649 18.317 5.81813 18.7286C6.22977 19.1402 6.89717 19.1402 7.30881 18.7286L12.2732 13.7642L17.2371 18.7282C17.6488 19.1398 18.3162 19.1398 18.7278 18.7282C19.1394 18.3165 19.1394 17.6491 18.7278 17.2375L13.7639 12.2735L18.7279 7.30949C19.1396 6.89785 19.1396 6.23045 18.7279 5.81881C18.3163 5.40716 17.6489 5.40716 17.2372 5.81881L12.2732 10.7829L7.30869 5.81837Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm,
.mldc-progress-container .wrapper .c-stepper-item .xs {
  max-width: 68px;
  min-width: 58px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm .c-stepper-title,
.mldc-progress-container .wrapper .c-stepper-item .xs .c-stepper-title {
  display: none;
}
.mldc-progress-container .wrapper .c-stepper-item.sm:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs:not(:last-child):after {
  height: 2px !important;
  top: 10px !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.after-actionRequired:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.after-actionRequired:not(:last-child):after {
  background: repeating-linear-gradient(-72deg, #f2f2f2 0px, #f2f2f2 7px, #f2babb 0px, #f2babb 12px) !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.after-processing:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.after-processing:not(:last-child):after {
  background: repeating-linear-gradient(-70deg, var(--color-brand-neutrals-gray-lightest) 0px, var(--color-brand-neutrals-gray-lightest) 7px, #a7a8aa 0px, #a7a8aa 12px);
}
.mldc-progress-container .wrapper .c-stepper-item.sm.after-pending:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.after-pending:not(:last-child):after {
  background: repeating-linear-gradient(-70deg, var(--color-brand-neutrals-gray-lightest) 0px, var(--color-brand-neutrals-gray-lightest) 7px, #a7a8aa 0px, #a7a8aa 12px);
}
.mldc-progress-container .wrapper .c-stepper-item.sm.after-underReview:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.after-underReview:not(:last-child):after {
  background: repeating-linear-gradient(-70deg, var(--color-brand-neutrals-gray-lightest) 0px, var(--color-brand-neutrals-gray-lightest) 7px, #a7a8aa 0px, #a7a8aa 12px);
}
.mldc-progress-container .wrapper .c-stepper-item.sm:last-child:after,
.mldc-progress-container .wrapper .c-stepper-item .xs:last-child:after {
  top: 10px !important;
  height: 2px !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.completedSuccess:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.completedSuccess:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23528320"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5271 4.68962C12.8974 5.06913 12.8899 5.67694 12.5104 6.04721L7.75312 10.6887C7.61816 10.8234 7.45856 10.931 7.28297 11.0055C6.93157 11.1545 6.53718 11.1673 6.17691 11.0412L6.16957 11.0386C5.98607 10.9727 5.81721 10.8715 5.67247 10.7409L5.64061 10.7121L3.45546 8.35323C3.09514 7.96427 3.11836 7.35685 3.50733 6.99653C3.8963 6.63622 4.50371 6.65944 4.86403 7.04841L6.70162 9.03212L11.1696 4.6729C11.5491 4.30263 12.1569 4.31012 12.5271 4.68962Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.notStarted:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.notStarted:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23D9D9D6"/><circle cx="8.0002" cy="8.00044" r="5.0002" stroke="white" stroke-width="2"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.processing:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.processing:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.69716 8.00022C4.69716 8.63466 4.18285 9.14897 3.54841 9.14897C2.91397 9.14897 2.39966 8.63466 2.39966 8.00022C2.39966 7.36579 2.91397 6.85147 3.54841 6.85147C4.18285 6.85147 4.69716 7.36579 4.69716 8.00022ZM9.14854 8.00022C9.14854 8.63466 8.63423 9.14897 7.99979 9.14897C7.36536 9.14897 6.85104 8.63466 6.85104 8.00022C6.85104 7.36579 7.36536 6.85147 7.99979 6.85147C8.63423 6.85147 9.14854 7.36579 9.14854 8.00022ZM12.4513 9.14897C13.0857 9.14897 13.6 8.63466 13.6 8.00022C13.6 7.36579 13.0857 6.85147 12.4513 6.85147C11.8168 6.85147 11.3025 7.36579 11.3025 8.00022C11.3025 8.63466 11.8168 9.14897 12.4513 9.14897Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.actionRequired:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.actionRequired:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23B91D1F"/><path d="M4.06657 12.2506C3.31165 12.2506 2.82896 11.4461 3.18422 10.78L7.11774 3.40466C7.49421 2.69877 8.50597 2.69877 8.88244 3.40466L12.816 10.78C13.1712 11.4461 12.6885 12.2506 11.9336 12.2506H4.06657ZM8.00009 9.96279C8.00009 9.96082 7.99849 9.95922 7.99652 9.95923C7.85771 9.95995 7.71907 10.0027 7.60108 10.0806C7.48207 10.1591 7.39107 10.2733 7.34207 10.4089C7.28607 10.5446 7.27206 10.6873 7.30007 10.8301C7.32807 10.9728 7.39807 11.1013 7.49607 11.2013C7.59408 11.3012 7.72008 11.3726 7.86008 11.4011C8.00009 11.4297 8.14009 11.4154 8.2731 11.3583C8.4061 11.3012 8.51811 11.2084 8.59511 11.0942C8.67211 10.9728 8.71411 10.8372 8.71411 10.6945C8.71411 10.6017 8.69311 10.5017 8.65811 10.4161C8.62311 10.3304 8.56711 10.2447 8.50411 10.1805C8.4411 10.1163 8.3571 10.0592 8.2731 10.0235C8.19019 9.98824 8.09365 9.96692 8.00365 9.96637C8.00168 9.96636 8.00009 9.96476 8.00009 9.96279ZM7.58008 5.24798C7.58007 5.24798 7.56449 5.24798 7.54714 5.25054C7.52143 5.25433 7.49841 5.26574 7.47781 5.28158C7.45817 5.29668 7.43822 5.31413 7.42431 5.33462C7.38362 5.39455 7.36409 5.46857 7.37007 5.54779L7.48907 8.78855C7.48907 8.85279 7.50307 8.91704 7.54507 8.967C7.58708 9.01697 7.64308 9.05266 7.70608 9.0598H8.3011C8.3641 9.05266 8.4201 9.01697 8.4621 8.967C8.50411 8.91704 8.51811 8.85279 8.51811 8.78855L8.64411 5.54779C8.64411 5.46213 8.61611 5.36933 8.56011 5.30509C8.54611 5.28367 8.51811 5.2694 8.49711 5.26226C8.47611 5.25512 8.4481 5.24798 8.4271 5.24798H7.58708H7.58008Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.needAttention:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.needAttention:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23B91D1F"/><path d="M4.06657 12.2506C3.31165 12.2506 2.82896 11.4461 3.18422 10.78L7.11774 3.40466C7.49421 2.69877 8.50597 2.69877 8.88244 3.40466L12.816 10.78C13.1712 11.4461 12.6885 12.2506 11.9336 12.2506H4.06657ZM8.00009 9.96279C8.00009 9.96082 7.99849 9.95922 7.99652 9.95923C7.85771 9.95995 7.71907 10.0027 7.60108 10.0806C7.48207 10.1591 7.39107 10.2733 7.34207 10.4089C7.28607 10.5446 7.27206 10.6873 7.30007 10.8301C7.32807 10.9728 7.39807 11.1013 7.49607 11.2013C7.59408 11.3012 7.72008 11.3726 7.86008 11.4011C8.00009 11.4297 8.14009 11.4154 8.2731 11.3583C8.4061 11.3012 8.51811 11.2084 8.59511 11.0942C8.67211 10.9728 8.71411 10.8372 8.71411 10.6945C8.71411 10.6017 8.69311 10.5017 8.65811 10.4161C8.62311 10.3304 8.56711 10.2447 8.50411 10.1805C8.4411 10.1163 8.3571 10.0592 8.2731 10.0235C8.19019 9.98824 8.09365 9.96692 8.00365 9.96637C8.00168 9.96636 8.00009 9.96476 8.00009 9.96279ZM7.58008 5.24798C7.58007 5.24798 7.56449 5.24798 7.54714 5.25054C7.52143 5.25433 7.49841 5.26574 7.47781 5.28158C7.45817 5.29668 7.43822 5.31413 7.42431 5.33462C7.38362 5.39455 7.36409 5.46857 7.37007 5.54779L7.48907 8.78855C7.48907 8.85279 7.50307 8.91704 7.54507 8.967C7.58708 9.01697 7.64308 9.05266 7.70608 9.0598H8.3011C8.3641 9.05266 8.4201 9.01697 8.4621 8.967C8.50411 8.91704 8.51811 8.85279 8.51811 8.78855L8.64411 5.54779C8.64411 5.46213 8.61611 5.36933 8.56011 5.30509C8.54611 5.28367 8.51811 5.2694 8.49711 5.26226C8.47611 5.25512 8.4481 5.24798 8.4271 5.24798H7.58708H7.58008Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.pending:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.pending:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18" fill="none"><path d="M17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9Z" fill="%236E6E6E"/><path d="M8.71323 14.6937C11.8574 14.8523 14.5348 12.432 14.6933 9.28783C14.8519 6.14368 12.4316 3.46631 9.28746 3.30774C6.14331 3.14917 3.46594 5.56946 3.30737 8.7136C3.1488 11.8577 5.56909 14.5351 8.71323 14.6937Z" stroke="white" stroke-width="1.2" stroke-dasharray="1.2 1.2"/><path d="M6.7978 14.2581C5.80013 13.8401 4.94196 13.1469 4.32354 12.2595C3.70512 11.372 3.35197 10.3269 3.30535 9.24621C3.25872 8.16553 3.52055 7.0939 4.06023 6.15647C4.59992 5.21905 5.3952 4.45453 6.35317 3.95221C7.31114 3.4499 8.39226 3.23052 9.47026 3.31971C10.5483 3.40889 11.5786 3.80296 12.441 4.45589C13.3034 5.10881 13.9622 5.99363 14.3405 7.00701C14.7188 8.02038 14.801 9.12047 14.5774 10.1788" stroke="white" stroke-width="1.2" stroke-miterlimit="16"/><path d="M9.16676 9.16716V5.85046H8.21265V9.63665L11.5293 11.6509L11.9988 10.8482L9.16676 9.16716Z" fill="white"/></svg>');
  height: 16px;
  width: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.underReview:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.underReview:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 18 18" fill="none"><path d="M17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17C13.4183 17 17 13.4183 17 9Z" fill="%236E6E6E"/><path d="M8.71323 14.6937C11.8574 14.8523 14.5348 12.432 14.6933 9.28783C14.8519 6.14368 12.4316 3.46631 9.28746 3.30774C6.14331 3.14917 3.46594 5.56946 3.30737 8.7136C3.1488 11.8577 5.56909 14.5351 8.71323 14.6937Z" stroke="white" stroke-width="1.2" stroke-dasharray="1.2 1.2"/><path d="M6.7978 14.2581C5.80013 13.8401 4.94196 13.1469 4.32354 12.2595C3.70512 11.372 3.35197 10.3269 3.30535 9.24621C3.25872 8.16553 3.52055 7.0939 4.06023 6.15647C4.59992 5.21905 5.3952 4.45453 6.35317 3.95221C7.31114 3.4499 8.39226 3.23052 9.47026 3.31971C10.5483 3.40889 11.5786 3.80296 12.441 4.45589C13.3034 5.10881 13.9622 5.99363 14.3405 7.00701C14.7188 8.02038 14.801 9.12047 14.5774 10.1788" stroke="white" stroke-width="1.2" stroke-miterlimit="16"/><path d="M9.16676 9.16716V5.85046H8.21265V9.63665L11.5293 11.6509L11.9988 10.8482L9.16676 9.16716Z" fill="white"/></svg>');
  height: 16px;
  width: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.completed:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.completed:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23528320"/><circle cx="8" cy="8" r="6" stroke="white" stroke-width="1.4" stroke-dasharray="1.4 1.4"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3955 5.51731C11.6732 5.80194 11.6676 6.2578 11.3829 6.5355L7.81496 10.0166C7.71375 10.1177 7.59404 10.1983 7.46235 10.2542C7.1988 10.366 6.90301 10.3756 6.63281 10.281L6.6273 10.279C6.48967 10.2296 6.36303 10.1537 6.25447 10.0558L6.23058 10.0342L4.59171 8.26502C4.32148 7.97329 4.3389 7.51773 4.63062 7.24749C4.92235 6.97726 5.37791 6.99467 5.64814 7.2864L7.02634 8.77418L10.3773 5.50477C10.6619 5.22707 11.1178 5.23268 11.3955 5.51731Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.error:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.error:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23B91D1F"/><path d="M7.33376 3.20001C7.29367 3.20067 7.25508 3.20961 7.21856 3.22615C7.18204 3.2427 7.14801 3.26645 7.12108 3.29616C7.0311 3.39956 6.98552 3.53415 6.99348 3.67099L7.18489 8.72234C7.17754 8.82376 7.20922 8.92402 7.2735 9.0028C7.33778 9.08159 7.42966 9.13274 7.53049 9.14591H8.47867C8.57859 9.13169 8.66891 9.08017 8.73211 9.00147C8.7953 8.92278 8.82664 8.82298 8.81895 8.72234L9.01568 3.67099C9.02131 3.53282 8.97455 3.39781 8.88275 3.29438C8.85537 3.26613 8.82141 3.2435 8.78528 3.22793C8.74915 3.21235 8.71119 3.20406 8.67185 3.20356L7.33376 3.20001Z" fill="white"/><path d="M8.00192 10.5389C7.77834 10.5385 7.55886 10.6046 7.37275 10.7285C7.18664 10.8524 7.04219 11.0285 6.95626 11.235C6.87033 11.4414 6.84748 11.6687 6.89068 11.888C6.93388 12.1074 7.04129 12.3091 7.19906 12.4676C7.35684 12.626 7.55764 12.7341 7.77684 12.7781C7.99603 12.8222 8.22406 12.8003 8.43082 12.7152C8.63757 12.6301 8.81482 12.4852 8.93947 12.2996C9.06411 12.114 9.13034 11.8958 9.13088 11.6723C9.13135 11.5233 9.10251 11.3758 9.0458 11.2381C8.9891 11.1003 8.90467 10.9749 8.79946 10.8694C8.69424 10.764 8.57022 10.6806 8.43259 10.6235C8.29496 10.5665 8.14735 10.537 7.99837 10.5371L8.00192 10.5389Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.canceled:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.canceled:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect width="16" height="16" rx="8" fill="%23A7A8AA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.87246 3.87879C4.59803 3.60437 4.1531 3.60437 3.87867 3.87879C3.60424 4.15322 3.60424 4.59816 3.87867 4.87258L7.18833 8.18224L3.87875 11.4918C3.60432 11.7663 3.60432 12.2112 3.87875 12.4856C4.15318 12.76 4.59811 12.76 4.87254 12.4856L8.18212 9.17603L11.4914 12.4853C11.7658 12.7598 12.2108 12.7598 12.4852 12.4853C12.7596 12.2109 12.7596 11.766 12.4852 11.4915L9.17591 8.18224L12.4853 4.87287C12.7597 4.59844 12.7597 4.15351 12.4853 3.87908C12.2109 3.60465 11.7659 3.60465 11.4915 3.87908L8.18212 7.18845L4.87246 3.87879Z" fill="white"/></svg>');
  width: 16px;
  height: 16px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small,
.mldc-progress-container .wrapper .c-stepper-item .xs.small {
  max-width: 90px;
  min-width: 90px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small:not(:last-child):after {
  height: 8px !important;
  top: 15px !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.after-actionRequired:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.after-actionRequired:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="8" viewBox="0 0 182 8" fill="none"><g clip-path="url(%23clip0_3434_1157)"><rect x="0.5" width="181.5" height="8" rx="4" fill="%23F2F2F2"/><path d="M68.2513 8.01319L76.3032 0.0131865H84.5L76.4482 8.01319H68.2513Z" fill="%23F2BABB"/><path d="M51.3135 8.01319L59.3653 0.0131865H67.5622L59.5103 8.01319H51.3135Z" fill="%23F2BABB"/><path d="M34.3757 8.01319L42.4275 0.0131865H50.6243L42.5725 8.01319H34.3757Z" fill="%23F2BABB"/><path d="M17.4378 8.01319L25.4897 0.0131865H33.6865L25.6347 8.01319H17.4378Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M154.751 8.01319L162.803 0.0131865H171L162.948 8.01319H154.751Z" fill="%23F2BABB"/><path d="M137.813 8.01319L145.865 0.0131865H154.062L146.01 8.01319H137.813Z" fill="%23F2BABB"/><path d="M120.876 8.01319L128.927 0.0131865H137.124L129.073 8.01319H120.876Z" fill="%23F2BABB"/><path d="M103.938 8.01319L111.99 0.0131865H120.187L112.135 8.01319H103.938Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M239.251 8.01319L247.303 0.0131865H255.5L247.448 8.01319H239.251Z" fill="%23F2BABB"/><path d="M222.313 8.01319L230.365 0.0131865H238.562L230.51 8.01319H222.313Z" fill="%23F2BABB"/><path d="M205.376 8.01319L213.427 0.0131865H221.624L213.573 8.01319H205.376Z" fill="%23F2BABB"/><path d="M188.438 8.01319L196.49 0.0131865H204.687L196.635 8.01319H188.438Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M323.751 7.98669L331.803 -0.0133057H340L331.948 7.98669H323.751Z" fill="%23F2BABB"/><path d="M306.813 7.98669L314.865 -0.0133057H323.062L315.01 7.98669H306.813Z" fill="%23F2BABB"/><path d="M289.876 7.98669L297.927 -0.0133057H306.124L298.073 7.98669H289.876Z" fill="%23F2BABB"/><path d="M272.938 7.98669L280.99 -0.0133057H289.187L281.135 7.98669H272.938Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M410.251 7.98669L418.303 -0.0133057H426.5L418.448 7.98669H410.251Z" fill="%23F2BABB"/><path d="M393.313 7.98669L401.365 -0.0133057H409.562L401.51 7.98669H393.313Z" fill="%23F2BABB"/><path d="M376.376 7.98669L384.427 -0.0133057H392.624L384.573 7.98669H376.376Z" fill="%23F2BABB"/><path d="M359.438 7.98669L367.49 -0.0133057H375.687L367.635 7.98669H359.438Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M494.751 7.98669L502.803 -0.0133057H511L502.948 7.98669H494.751Z" fill="%23F2BABB"/><path d="M477.813 7.98669L485.865 -0.0133057H494.062L486.01 7.98669H477.813Z" fill="%23F2BABB"/><path d="M460.876 7.98669L468.927 -0.0133057H477.124L469.073 7.98669H460.876Z" fill="%23F2BABB"/><path d="M443.938 7.98669L451.99 -0.0133057H460.187L452.135 7.98669H443.938Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/></g><defs><clipPath id="clip0_3434_1157"><rect x="0.5" width="181.5" height="8" rx="4" fill="white"/></clipPath></defs></svg>') !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.after-needAttention:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.after-needAttention:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="182" height="8" viewBox="0 0 182 8" fill="none"><g clip-path="url(%23clip0_3434_1157)"><rect x="0.5" width="181.5" height="8" rx="4" fill="%23F2F2F2"/><path d="M68.2513 8.01319L76.3032 0.0131865H84.5L76.4482 8.01319H68.2513Z" fill="%23F2BABB"/><path d="M51.3135 8.01319L59.3653 0.0131865H67.5622L59.5103 8.01319H51.3135Z" fill="%23F2BABB"/><path d="M34.3757 8.01319L42.4275 0.0131865H50.6243L42.5725 8.01319H34.3757Z" fill="%23F2BABB"/><path d="M17.4378 8.01319L25.4897 0.0131865H33.6865L25.6347 8.01319H17.4378Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M0.5 8.01319L8.55184 0.0131865H17L8.94816 8.01319H0.5Z" fill="%23F2BABB"/><path d="M154.751 8.01319L162.803 0.0131865H171L162.948 8.01319H154.751Z" fill="%23F2BABB"/><path d="M137.813 8.01319L145.865 0.0131865H154.062L146.01 8.01319H137.813Z" fill="%23F2BABB"/><path d="M120.876 8.01319L128.927 0.0131865H137.124L129.073 8.01319H120.876Z" fill="%23F2BABB"/><path d="M103.938 8.01319L111.99 0.0131865H120.187L112.135 8.01319H103.938Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M87 8.01319L95.0518 0.0131865H103.5L95.4482 8.01319H87Z" fill="%23F2BABB"/><path d="M239.251 8.01319L247.303 0.0131865H255.5L247.448 8.01319H239.251Z" fill="%23F2BABB"/><path d="M222.313 8.01319L230.365 0.0131865H238.562L230.51 8.01319H222.313Z" fill="%23F2BABB"/><path d="M205.376 8.01319L213.427 0.0131865H221.624L213.573 8.01319H205.376Z" fill="%23F2BABB"/><path d="M188.438 8.01319L196.49 0.0131865H204.687L196.635 8.01319H188.438Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M171.5 8.01319L179.552 0.0131865H188L179.948 8.01319H171.5Z" fill="%23F2BABB"/><path d="M323.751 7.98669L331.803 -0.0133057H340L331.948 7.98669H323.751Z" fill="%23F2BABB"/><path d="M306.813 7.98669L314.865 -0.0133057H323.062L315.01 7.98669H306.813Z" fill="%23F2BABB"/><path d="M289.876 7.98669L297.927 -0.0133057H306.124L298.073 7.98669H289.876Z" fill="%23F2BABB"/><path d="M272.938 7.98669L280.99 -0.0133057H289.187L281.135 7.98669H272.938Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M256 7.98669L264.052 -0.0133057H272.5L264.448 7.98669H256Z" fill="%23F2BABB"/><path d="M410.251 7.98669L418.303 -0.0133057H426.5L418.448 7.98669H410.251Z" fill="%23F2BABB"/><path d="M393.313 7.98669L401.365 -0.0133057H409.562L401.51 7.98669H393.313Z" fill="%23F2BABB"/><path d="M376.376 7.98669L384.427 -0.0133057H392.624L384.573 7.98669H376.376Z" fill="%23F2BABB"/><path d="M359.438 7.98669L367.49 -0.0133057H375.687L367.635 7.98669H359.438Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M342.5 7.98669L350.552 -0.0133057H359L350.948 7.98669H342.5Z" fill="%23F2BABB"/><path d="M494.751 7.98669L502.803 -0.0133057H511L502.948 7.98669H494.751Z" fill="%23F2BABB"/><path d="M477.813 7.98669L485.865 -0.0133057H494.062L486.01 7.98669H477.813Z" fill="%23F2BABB"/><path d="M460.876 7.98669L468.927 -0.0133057H477.124L469.073 7.98669H460.876Z" fill="%23F2BABB"/><path d="M443.938 7.98669L451.99 -0.0133057H460.187L452.135 7.98669H443.938Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/><path d="M427 7.98669L435.052 -0.0133057H443.5L435.448 7.98669H427Z" fill="%23F2BABB"/></g><defs><clipPath id="clip0_3434_1157"><rect x="0.5" width="181.5" height="8" rx="4" fill="white"/></clipPath></defs></svg>') !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.after-processing:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.after-processing:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="211" height="8" viewBox="0 0 211 8" fill="none"><path d="M68.2513 8.01325L76.3032 0.0132475H84.5L76.4482 8.01325H68.2513Z" fill="%23A7A8AA"/><path d="M51.3135 8.01325L59.3653 0.0132475H67.5622L59.5103 8.01325H51.3135Z" fill="%23A7A8AA"/><path d="M34.3757 8.01325L42.4275 0.0132475H50.6243L42.5725 8.01325H34.3757Z" fill="%23A7A8AA"/><path d="M17.4378 8.01325L25.4897 0.0132475H33.6865L25.6347 8.01325H17.4378Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M154.751 8.01325L162.803 0.0132475H171L162.948 8.01325H154.751Z" fill="%23A7A8AA"/><path d="M137.813 8.01325L145.865 0.0132475H154.062L146.01 8.01325H137.813Z" fill="%23A7A8AA"/><path d="M120.876 8.01325L128.927 0.0132475H137.124L129.073 8.01325H120.876Z" fill="%23A7A8AA"/><path d="M103.938 8.01325L111.99 0.0132475H120.187L112.135 8.01325H103.938Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M239.251 8.01325L247.303 0.0132475H255.5L247.448 8.01325H239.251Z" fill="%23A7A8AA"/><path d="M222.313 8.01325L230.365 0.0132475H238.562L230.51 8.01325H222.313Z" fill="%23A7A8AA"/><path d="M205.376 8.01325L213.427 0.0132475H221.624L213.573 8.01325H205.376Z" fill="%23A7A8AA"/><path d="M188.438 8.01325L196.49 0.0132475H204.687L196.635 8.01325H188.438Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M323.751 7.98676L331.803 -0.0132446H340L331.948 7.98676H323.751Z" fill="%23A7A8AA"/><path d="M306.813 7.98676L314.865 -0.0132446H323.062L315.01 7.98676H306.813Z" fill="%23A7A8AA"/><path d="M289.876 7.98676L297.927 -0.0132446H306.124L298.073 7.98676H289.876Z" fill="%23A7A8AA"/><path d="M272.938 7.98676L280.99 -0.0132446H289.187L281.135 7.98676H272.938Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M410.251 7.98676L418.303 -0.0132446H426.5L418.448 7.98676H410.251Z" fill="%23A7A8AA"/><path d="M393.313 7.98676L401.365 -0.0132446H409.562L401.51 7.98676H393.313Z" fill="%23A7A8AA"/><path d="M376.376 7.98676L384.427 -0.0132446H392.624L384.573 7.98676H376.376Z" fill="%23A7A8AA"/><path d="M359.438 7.98676L367.49 -0.0132446H375.687L367.635 7.98676H359.438Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M494.751 7.98676L502.803 -0.0132446H511L502.948 7.98676H494.751Z" fill="%23A7A8AA"/><path d="M477.813 7.98676L485.865 -0.0132446H494.062L486.01 7.98676H477.813Z" fill="%23A7A8AA"/><path d="M460.876 7.98676L468.927 -0.0132446H477.124L469.073 7.98676H460.876Z" fill="%23A7A8AA"/><path d="M443.938 7.98676L451.99 -0.0132446H460.187L452.135 7.98676H443.938Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.after-pending:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.after-pending:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="211" height="8" viewBox="0 0 211 8" fill="none"><path d="M68.2513 8.01325L76.3032 0.0132475H84.5L76.4482 8.01325H68.2513Z" fill="%23A7A8AA"/><path d="M51.3135 8.01325L59.3653 0.0132475H67.5622L59.5103 8.01325H51.3135Z" fill="%23A7A8AA"/><path d="M34.3757 8.01325L42.4275 0.0132475H50.6243L42.5725 8.01325H34.3757Z" fill="%23A7A8AA"/><path d="M17.4378 8.01325L25.4897 0.0132475H33.6865L25.6347 8.01325H17.4378Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M154.751 8.01325L162.803 0.0132475H171L162.948 8.01325H154.751Z" fill="%23A7A8AA"/><path d="M137.813 8.01325L145.865 0.0132475H154.062L146.01 8.01325H137.813Z" fill="%23A7A8AA"/><path d="M120.876 8.01325L128.927 0.0132475H137.124L129.073 8.01325H120.876Z" fill="%23A7A8AA"/><path d="M103.938 8.01325L111.99 0.0132475H120.187L112.135 8.01325H103.938Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M239.251 8.01325L247.303 0.0132475H255.5L247.448 8.01325H239.251Z" fill="%23A7A8AA"/><path d="M222.313 8.01325L230.365 0.0132475H238.562L230.51 8.01325H222.313Z" fill="%23A7A8AA"/><path d="M205.376 8.01325L213.427 0.0132475H221.624L213.573 8.01325H205.376Z" fill="%23A7A8AA"/><path d="M188.438 8.01325L196.49 0.0132475H204.687L196.635 8.01325H188.438Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M323.751 7.98676L331.803 -0.0132446H340L331.948 7.98676H323.751Z" fill="%23A7A8AA"/><path d="M306.813 7.98676L314.865 -0.0132446H323.062L315.01 7.98676H306.813Z" fill="%23A7A8AA"/><path d="M289.876 7.98676L297.927 -0.0132446H306.124L298.073 7.98676H289.876Z" fill="%23A7A8AA"/><path d="M272.938 7.98676L280.99 -0.0132446H289.187L281.135 7.98676H272.938Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M410.251 7.98676L418.303 -0.0132446H426.5L418.448 7.98676H410.251Z" fill="%23A7A8AA"/><path d="M393.313 7.98676L401.365 -0.0132446H409.562L401.51 7.98676H393.313Z" fill="%23A7A8AA"/><path d="M376.376 7.98676L384.427 -0.0132446H392.624L384.573 7.98676H376.376Z" fill="%23A7A8AA"/><path d="M359.438 7.98676L367.49 -0.0132446H375.687L367.635 7.98676H359.438Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M494.751 7.98676L502.803 -0.0132446H511L502.948 7.98676H494.751Z" fill="%23A7A8AA"/><path d="M477.813 7.98676L485.865 -0.0132446H494.062L486.01 7.98676H477.813Z" fill="%23A7A8AA"/><path d="M460.876 7.98676L468.927 -0.0132446H477.124L469.073 7.98676H460.876Z" fill="%23A7A8AA"/><path d="M443.938 7.98676L451.99 -0.0132446H460.187L452.135 7.98676H443.938Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.after-underReview:not(:last-child):after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.after-underReview:not(:last-child):after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="211" height="8" viewBox="0 0 211 8" fill="none"><path d="M68.2513 8.01325L76.3032 0.0132475H84.5L76.4482 8.01325H68.2513Z" fill="%23A7A8AA"/><path d="M51.3135 8.01325L59.3653 0.0132475H67.5622L59.5103 8.01325H51.3135Z" fill="%23A7A8AA"/><path d="M34.3757 8.01325L42.4275 0.0132475H50.6243L42.5725 8.01325H34.3757Z" fill="%23A7A8AA"/><path d="M17.4378 8.01325L25.4897 0.0132475H33.6865L25.6347 8.01325H17.4378Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M0.5 8.01325L8.55184 0.0132475H17L8.94816 8.01325H0.5Z" fill="%23A7A8AA"/><path d="M154.751 8.01325L162.803 0.0132475H171L162.948 8.01325H154.751Z" fill="%23A7A8AA"/><path d="M137.813 8.01325L145.865 0.0132475H154.062L146.01 8.01325H137.813Z" fill="%23A7A8AA"/><path d="M120.876 8.01325L128.927 0.0132475H137.124L129.073 8.01325H120.876Z" fill="%23A7A8AA"/><path d="M103.938 8.01325L111.99 0.0132475H120.187L112.135 8.01325H103.938Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M87 8.01325L95.0518 0.0132475H103.5L95.4482 8.01325H87Z" fill="%23A7A8AA"/><path d="M239.251 8.01325L247.303 0.0132475H255.5L247.448 8.01325H239.251Z" fill="%23A7A8AA"/><path d="M222.313 8.01325L230.365 0.0132475H238.562L230.51 8.01325H222.313Z" fill="%23A7A8AA"/><path d="M205.376 8.01325L213.427 0.0132475H221.624L213.573 8.01325H205.376Z" fill="%23A7A8AA"/><path d="M188.438 8.01325L196.49 0.0132475H204.687L196.635 8.01325H188.438Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M171.5 8.01325L179.552 0.0132475H188L179.948 8.01325H171.5Z" fill="%23A7A8AA"/><path d="M323.751 7.98676L331.803 -0.0132446H340L331.948 7.98676H323.751Z" fill="%23A7A8AA"/><path d="M306.813 7.98676L314.865 -0.0132446H323.062L315.01 7.98676H306.813Z" fill="%23A7A8AA"/><path d="M289.876 7.98676L297.927 -0.0132446H306.124L298.073 7.98676H289.876Z" fill="%23A7A8AA"/><path d="M272.938 7.98676L280.99 -0.0132446H289.187L281.135 7.98676H272.938Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M256 7.98676L264.052 -0.0132446H272.5L264.448 7.98676H256Z" fill="%23A7A8AA"/><path d="M410.251 7.98676L418.303 -0.0132446H426.5L418.448 7.98676H410.251Z" fill="%23A7A8AA"/><path d="M393.313 7.98676L401.365 -0.0132446H409.562L401.51 7.98676H393.313Z" fill="%23A7A8AA"/><path d="M376.376 7.98676L384.427 -0.0132446H392.624L384.573 7.98676H376.376Z" fill="%23A7A8AA"/><path d="M359.438 7.98676L367.49 -0.0132446H375.687L367.635 7.98676H359.438Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M342.5 7.98676L350.552 -0.0132446H359L350.948 7.98676H342.5Z" fill="%23A7A8AA"/><path d="M494.751 7.98676L502.803 -0.0132446H511L502.948 7.98676H494.751Z" fill="%23A7A8AA"/><path d="M477.813 7.98676L485.865 -0.0132446H494.062L486.01 7.98676H477.813Z" fill="%23A7A8AA"/><path d="M460.876 7.98676L468.927 -0.0132446H477.124L469.073 7.98676H460.876Z" fill="%23A7A8AA"/><path d="M443.938 7.98676L451.99 -0.0132446H460.187L452.135 7.98676H443.938Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/><path d="M427 7.98676L435.052 -0.0132446H443.5L435.448 7.98676H427Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small:last-child:after,
.mldc-progress-container .wrapper .c-stepper-item .xs.small:last-child:after {
  top: 15px !important;
  height: 8px !important;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.completedSuccess:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.completedSuccess:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23528320"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.791 7.03462C19.3464 7.60388 19.3351 8.5156 18.7659 9.071L11.6299 16.0333C11.4275 16.2353 11.1881 16.3966 10.9247 16.5084C10.3976 16.732 9.80601 16.7511 9.26561 16.5619L9.2546 16.5581C8.97935 16.4592 8.72606 16.3075 8.50895 16.1115L8.46115 16.0684L5.18343 12.53C4.64295 11.9466 4.67779 11.0355 5.26124 10.495C5.84469 9.95451 6.75581 9.98935 7.29629 10.5728L10.0527 13.5484L16.7546 7.00954C17.3238 6.45413 18.2356 6.46536 18.791 7.03462Z" fill="white"/></svg>');
  width: 24px;
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.notStarted:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.notStarted:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23D9D9D6"/><circle cx="12.0003" cy="12.0008" r="8.0003" stroke="white" stroke-width="2"/></svg>');
  width: 24px;
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.processing:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.processing:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.04611 12.0007C7.04611 12.9523 6.27464 13.7238 5.32298 13.7238C4.37133 13.7238 3.59985 12.9523 3.59985 12.0007C3.59985 11.049 4.37133 10.2776 5.32298 10.2776C6.27464 10.2776 7.04611 11.049 7.04611 12.0007ZM13.7232 12.0007C13.7232 12.9523 12.9517 13.7238 12.0001 13.7238C11.0484 13.7238 10.2769 12.9523 10.2769 12.0007C10.2769 11.049 11.0484 10.2776 12.0001 10.2776C12.9517 10.2776 13.7232 11.049 13.7232 12.0007ZM18.6773 13.7238C19.6289 13.7238 20.4004 12.9523 20.4004 12.0007C20.4004 11.049 19.6289 10.2776 18.6773 10.2776C17.7256 10.2776 16.9542 11.049 16.9542 12.0007C16.9542 12.9523 17.7256 13.7238 18.6773 13.7238Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.actionRequired:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.actionRequired:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23B91D1F"/><path d="M5.26677 18.376C4.51184 18.376 4.02915 17.5715 4.38441 16.9054L11.118 4.27987C11.4945 3.57399 12.5063 3.57399 12.8827 4.27987L19.6163 16.9054C19.9716 17.5715 19.4889 18.376 18.734 18.376H5.26677ZM12.0004 14.9443C12.0004 14.9413 11.998 14.9389 11.995 14.9389C11.7868 14.94 11.5788 15.0042 11.4019 15.1209C11.2234 15.2387 11.0868 15.41 11.0133 15.6135C10.9293 15.8169 10.9083 16.0311 10.9503 16.2452C10.9923 16.4594 11.0973 16.6521 11.2444 16.802C11.3914 16.9519 11.5804 17.059 11.7904 17.1018C12.0004 17.1446 12.2104 17.1232 12.4099 17.0376C12.6094 16.9519 12.7774 16.8127 12.8929 16.6414C13.0084 16.4594 13.0714 16.2559 13.0714 16.0418C13.0714 15.9026 13.0399 15.7527 12.9874 15.6242C12.9349 15.4957 12.8509 15.3672 12.7564 15.2708C12.6619 15.1745 12.5359 15.0888 12.4099 15.0353C12.2855 14.9824 12.1407 14.9505 12.0057 14.9496C12.0028 14.9496 12.0004 14.9472 12.0004 14.9443ZM11.3704 7.87206C11.3704 7.87206 11.3704 7.87206 11.3704 7.87206C11.3704 7.87206 11.347 7.87206 11.321 7.8759C11.2824 7.88159 11.2479 7.8987 11.217 7.92246C11.1875 7.94511 11.1576 7.97128 11.1367 8.00202C11.0757 8.09192 11.0464 8.20295 11.0553 8.32177L11.2339 13.1829C11.2339 13.2793 11.2549 13.3756 11.3179 13.4506C11.3809 13.5255 11.4649 13.5791 11.5594 13.5898H12.4519C12.5464 13.5791 12.6304 13.5255 12.6934 13.4506C12.7564 13.3756 12.7774 13.2793 12.7774 13.1829L12.9664 8.32177C12.9664 8.19328 12.9244 8.05409 12.8404 7.95772C12.8194 7.9256 12.7774 7.90418 12.7459 7.89348C12.7144 7.88277 12.6724 7.87206 12.6409 7.87206H11.3809H11.3704Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.needAttention:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.needAttention:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23B91D1F"/><path d="M5.26677 18.376C4.51184 18.376 4.02915 17.5715 4.38441 16.9054L11.118 4.27987C11.4945 3.57399 12.5063 3.57399 12.8827 4.27987L19.6163 16.9054C19.9716 17.5715 19.4889 18.376 18.734 18.376H5.26677ZM12.0004 14.9443C12.0004 14.9413 11.998 14.9389 11.995 14.9389C11.7868 14.94 11.5788 15.0042 11.4019 15.1209C11.2234 15.2387 11.0868 15.41 11.0133 15.6135C10.9293 15.8169 10.9083 16.0311 10.9503 16.2452C10.9923 16.4594 11.0973 16.6521 11.2444 16.802C11.3914 16.9519 11.5804 17.059 11.7904 17.1018C12.0004 17.1446 12.2104 17.1232 12.4099 17.0376C12.6094 16.9519 12.7774 16.8127 12.8929 16.6414C13.0084 16.4594 13.0714 16.2559 13.0714 16.0418C13.0714 15.9026 13.0399 15.7527 12.9874 15.6242C12.9349 15.4957 12.8509 15.3672 12.7564 15.2708C12.6619 15.1745 12.5359 15.0888 12.4099 15.0353C12.2855 14.9824 12.1407 14.9505 12.0057 14.9496C12.0028 14.9496 12.0004 14.9472 12.0004 14.9443ZM11.3704 7.87206C11.3704 7.87206 11.3704 7.87206 11.3704 7.87206C11.3704 7.87206 11.347 7.87206 11.321 7.8759C11.2824 7.88159 11.2479 7.8987 11.217 7.92246C11.1875 7.94511 11.1576 7.97128 11.1367 8.00202C11.0757 8.09192 11.0464 8.20295 11.0553 8.32177L11.2339 13.1829C11.2339 13.2793 11.2549 13.3756 11.3179 13.4506C11.3809 13.5255 11.4649 13.5791 11.5594 13.5898H12.4519C12.5464 13.5791 12.6304 13.5255 12.6934 13.4506C12.7564 13.3756 12.7774 13.2793 12.7774 13.1829L12.9664 8.32177C12.9664 8.19328 12.9244 8.05409 12.8404 7.95772C12.8194 7.9256 12.7774 7.90418 12.7459 7.89348C12.7144 7.88277 12.6724 7.87206 12.6409 7.87206H11.3809H11.3704Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.pending:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.pending:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25C19.6274 25 25 19.6274 25 13Z" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.0006 14.3486L20.4179 14.1136C20.4537 13.873 20.4781 13.6279 20.4907 13.379C20.5032 13.1301 20.5036 12.8838 20.4922 12.6408L22.0905 12.5662C22.1042 12.8609 22.1038 13.1589 22.0887 13.4596C22.0735 13.7603 22.0439 14.0568 22.0006 14.3486ZM21.8326 10.8007L20.28 11.187C20.1605 10.7069 19.9945 10.2441 19.7865 9.80381L21.2332 9.12036C21.4857 9.65484 21.6875 10.2171 21.8326 10.8007ZM20.3167 7.58961L19.0308 8.54178C18.7381 8.14651 18.4073 7.78052 18.0435 7.44954L19.1202 6.26602C19.5611 6.66712 19.962 7.1106 20.3167 7.58961ZM17.6894 5.20014L16.8639 6.57072C16.4468 6.3195 16.003 6.10774 15.5374 5.94063L16.0779 4.43467C16.6439 4.63781 17.183 4.89514 17.6894 5.20014ZM14.3473 4.00053L14.1123 5.58318C13.8716 5.54745 13.6266 5.52297 13.3777 5.51042C13.1288 5.49787 12.8825 5.49757 12.6395 5.50891L12.5649 3.91064C12.8596 3.8969 13.1576 3.89729 13.4583 3.91245C13.759 3.92762 14.0555 3.95721 14.3473 4.00053ZM10.7995 4.16847L11.1856 5.72116C10.7056 5.84057 10.2428 6.00662 9.80254 6.2146L9.11909 4.76791C9.65357 4.51541 10.2159 4.31363 10.7995 4.16847ZM7.58834 5.68444L8.5405 6.97028C8.14524 7.26298 7.77925 7.59382 7.44827 7.95764L6.26475 6.88093C6.66585 6.44004 7.10933 6.03915 7.58834 5.68444ZM5.19886 8.31171L6.56945 9.13724C6.31823 9.55432 6.10646 9.99807 5.93935 10.4637L4.4334 9.92324C4.63654 9.35722 4.89387 8.81808 5.19886 8.31171ZM3.99926 11.6538C3.95594 11.9456 3.92634 12.2422 3.91118 12.5429C3.89601 12.8436 3.89562 13.1416 3.90937 13.4362L5.50763 13.3617C5.49629 13.1186 5.49659 12.8724 5.50915 12.6234C5.5217 12.3745 5.54618 12.1295 5.58191 11.8888L3.99926 11.6538ZM4.1672 15.2017L5.71988 14.8155C5.8393 15.2956 6.00535 15.7584 6.21333 16.1986L4.76664 16.8821C4.51414 16.3476 4.31236 15.7853 4.1672 15.2017ZM5.68317 18.4128L6.96901 17.4607C7.2617 17.8559 7.59255 18.2219 7.95636 18.5529L6.87966 19.7364C6.43877 19.3353 6.03788 18.8918 5.68317 18.4128ZM8.31044 20.8023L9.13597 19.4317C9.55305 19.6829 9.9968 19.8947 10.4624 20.0618L9.92197 21.5678C9.35595 21.3646 8.8168 21.1073 8.31044 20.8023ZM11.6525 22.0019L11.8875 20.4192C12.1282 20.455 12.3732 20.4795 12.6221 20.492C12.8711 20.5046 13.1173 20.5049 13.3603 20.4935L13.4349 22.0918C13.1403 22.1055 12.8422 22.1051 12.5415 22.09C12.2408 22.0748 11.9443 22.0452 11.6525 22.0019ZM15.2004 21.834L14.8142 20.2813C15.2943 20.1619 15.7571 19.9958 16.1973 19.7878L16.8808 21.2345C16.3463 21.487 15.784 21.6888 15.2004 21.834ZM18.4115 20.318L17.4593 19.0321C17.8546 18.7395 18.2206 18.4086 18.5516 18.0448L19.7351 19.1215C19.334 19.5624 18.8905 19.9633 18.4115 20.318ZM20.801 17.6907L19.4304 16.8652C19.6816 16.4481 19.8934 16.0044 20.0605 15.5387L21.5664 16.0792C21.3633 16.6452 21.106 17.1844 20.801 17.6907Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6186 5.52618C12.2002 5.40883 10.7777 5.69748 9.51718 6.35842C8.25668 7.01937 7.21027 8.02532 6.50015 9.25878C5.79003 10.4922 5.44553 11.9023 5.50688 13.3242C5.56822 14.7462 6.03289 16.1213 6.84661 17.289C7.66032 18.4568 8.78949 19.3688 10.1022 19.9188L9.48401 21.3945C7.89124 20.7273 6.52119 19.6206 5.53389 18.2038C4.54659 16.787 3.9828 15.1185 3.90836 13.3932C3.83393 11.6679 4.25192 9.95707 5.11353 8.46048C5.97513 6.9639 7.24477 5.74335 8.77416 4.94141C10.3036 4.13947 12.0295 3.78924 13.7506 3.93163C15.4716 4.07401 17.1165 4.70314 18.4933 5.74552C19.8701 6.7879 20.9219 8.20051 21.5259 9.81835C22.1298 11.4362 22.2609 13.1925 21.904 14.8821L20.3385 14.5513C20.6327 13.1588 20.5246 11.7113 20.0269 10.3779C19.5291 9.04451 18.6623 7.88027 17.5275 7.02116C16.3928 6.16204 15.037 5.64353 13.6186 5.52618Z" fill="white"/><path d="M13.241 13.2415V8.45068H11.8628V13.9196L16.6536 16.8291L17.3317 15.6697L13.241 13.2415Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.underReview:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.underReview:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M25 13C25 6.37258 19.6274 1 13 1C6.37258 1 1 6.37258 1 13C1 19.6274 6.37258 25 13 25C19.6274 25 25 19.6274 25 13Z" fill="%236E6E6E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.0006 14.3486L20.4179 14.1136C20.4537 13.873 20.4781 13.6279 20.4907 13.379C20.5032 13.1301 20.5036 12.8838 20.4922 12.6408L22.0905 12.5662C22.1042 12.8609 22.1038 13.1589 22.0887 13.4596C22.0735 13.7603 22.0439 14.0568 22.0006 14.3486ZM21.8326 10.8007L20.28 11.187C20.1605 10.7069 19.9945 10.2441 19.7865 9.80381L21.2332 9.12036C21.4857 9.65484 21.6875 10.2171 21.8326 10.8007ZM20.3167 7.58961L19.0308 8.54178C18.7381 8.14651 18.4073 7.78052 18.0435 7.44954L19.1202 6.26602C19.5611 6.66712 19.962 7.1106 20.3167 7.58961ZM17.6894 5.20014L16.8639 6.57072C16.4468 6.3195 16.003 6.10774 15.5374 5.94063L16.0779 4.43467C16.6439 4.63781 17.183 4.89514 17.6894 5.20014ZM14.3473 4.00053L14.1123 5.58318C13.8716 5.54745 13.6266 5.52297 13.3777 5.51042C13.1288 5.49787 12.8825 5.49757 12.6395 5.50891L12.5649 3.91064C12.8596 3.8969 13.1576 3.89729 13.4583 3.91245C13.759 3.92762 14.0555 3.95721 14.3473 4.00053ZM10.7995 4.16847L11.1856 5.72116C10.7056 5.84057 10.2428 6.00662 9.80254 6.2146L9.11909 4.76791C9.65357 4.51541 10.2159 4.31363 10.7995 4.16847ZM7.58834 5.68444L8.5405 6.97028C8.14524 7.26298 7.77925 7.59382 7.44827 7.95764L6.26475 6.88093C6.66585 6.44004 7.10933 6.03915 7.58834 5.68444ZM5.19886 8.31171L6.56945 9.13724C6.31823 9.55432 6.10646 9.99807 5.93935 10.4637L4.4334 9.92324C4.63654 9.35722 4.89387 8.81808 5.19886 8.31171ZM3.99926 11.6538C3.95594 11.9456 3.92634 12.2422 3.91118 12.5429C3.89601 12.8436 3.89562 13.1416 3.90937 13.4362L5.50763 13.3617C5.49629 13.1186 5.49659 12.8724 5.50915 12.6234C5.5217 12.3745 5.54618 12.1295 5.58191 11.8888L3.99926 11.6538ZM4.1672 15.2017L5.71988 14.8155C5.8393 15.2956 6.00535 15.7584 6.21333 16.1986L4.76664 16.8821C4.51414 16.3476 4.31236 15.7853 4.1672 15.2017ZM5.68317 18.4128L6.96901 17.4607C7.2617 17.8559 7.59255 18.2219 7.95636 18.5529L6.87966 19.7364C6.43877 19.3353 6.03788 18.8918 5.68317 18.4128ZM8.31044 20.8023L9.13597 19.4317C9.55305 19.6829 9.9968 19.8947 10.4624 20.0618L9.92197 21.5678C9.35595 21.3646 8.8168 21.1073 8.31044 20.8023ZM11.6525 22.0019L11.8875 20.4192C12.1282 20.455 12.3732 20.4795 12.6221 20.492C12.8711 20.5046 13.1173 20.5049 13.3603 20.4935L13.4349 22.0918C13.1403 22.1055 12.8422 22.1051 12.5415 22.09C12.2408 22.0748 11.9443 22.0452 11.6525 22.0019ZM15.2004 21.834L14.8142 20.2813C15.2943 20.1619 15.7571 19.9958 16.1973 19.7878L16.8808 21.2345C16.3463 21.487 15.784 21.6888 15.2004 21.834ZM18.4115 20.318L17.4593 19.0321C17.8546 18.7395 18.2206 18.4086 18.5516 18.0448L19.7351 19.1215C19.334 19.5624 18.8905 19.9633 18.4115 20.318ZM20.801 17.6907L19.4304 16.8652C19.6816 16.4481 19.8934 16.0044 20.0605 15.5387L21.5664 16.0792C21.3633 16.6452 21.106 17.1844 20.801 17.6907Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.6186 5.52618C12.2002 5.40883 10.7777 5.69748 9.51718 6.35842C8.25668 7.01937 7.21027 8.02532 6.50015 9.25878C5.79003 10.4922 5.44553 11.9023 5.50688 13.3242C5.56822 14.7462 6.03289 16.1213 6.84661 17.289C7.66032 18.4568 8.78949 19.3688 10.1022 19.9188L9.48401 21.3945C7.89124 20.7273 6.52119 19.6206 5.53389 18.2038C4.54659 16.787 3.9828 15.1185 3.90836 13.3932C3.83393 11.6679 4.25192 9.95707 5.11353 8.46048C5.97513 6.9639 7.24477 5.74335 8.77416 4.94141C10.3036 4.13947 12.0295 3.78924 13.7506 3.93163C15.4716 4.07401 17.1165 4.70314 18.4933 5.74552C19.8701 6.7879 20.9219 8.20051 21.5259 9.81835C22.1298 11.4362 22.2609 13.1925 21.904 14.8821L20.3385 14.5513C20.6327 13.1588 20.5246 11.7113 20.0269 10.3779C19.5291 9.04451 18.6623 7.88027 17.5275 7.02116C16.3928 6.16204 15.037 5.64353 13.6186 5.52618Z" fill="white"/><path d="M13.241 13.2415V8.45068H11.8628V13.9196L16.6536 16.8291L17.3317 15.6697L13.241 13.2415Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.completed:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.completed:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23528320"/><circle cx="12" cy="12" r="9" stroke="white" stroke-width="1.6" stroke-dasharray="1.6 1.6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5271 8.68962C16.8974 9.06913 16.8899 9.67694 16.5104 10.0472L11.7531 14.6887C11.6182 14.8234 11.4586 14.931 11.283 15.0055C10.9316 15.1545 10.5372 15.1673 10.1769 15.0412L10.1696 15.0386C9.98607 14.9727 9.81721 14.8715 9.67247 14.7409L9.64061 14.7121L7.45546 12.3532C7.09514 11.9643 7.11836 11.3569 7.50733 10.9965C7.8963 10.6362 8.50371 10.6594 8.86403 11.0484L10.7016 13.0321L15.1696 8.6729C15.5491 8.30263 16.1569 8.31012 16.5271 8.68962Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.error:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.error:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23B91D1F"/><path d="M11.0008 4.80017C10.9406 4.80116 10.8827 4.81457 10.828 4.83938C10.7732 4.8642 10.7221 4.89983 10.6817 4.94439C10.5468 5.09949 10.4784 5.30138 10.4903 5.50663L10.7775 13.0837C10.7664 13.2358 10.814 13.3862 10.9104 13.5044C11.0068 13.6225 11.1446 13.6993 11.2958 13.719H12.7181C12.868 13.6977 13.0035 13.6204 13.0983 13.5024C13.1931 13.3843 13.2401 13.2346 13.2285 13.0837L13.5236 5.50663C13.5321 5.29938 13.4619 5.09686 13.3243 4.94173C13.2832 4.89935 13.2322 4.8654 13.178 4.84204C13.1238 4.81868 13.0669 4.80625 13.0079 4.80549L11.0008 4.80017Z" fill="white"/><path d="M12.003 15.8085C11.6676 15.808 11.3384 15.9071 11.0592 16.0929C10.7801 16.2788 10.5634 16.543 10.4345 16.8526C10.3056 17.1622 10.2713 17.5031 10.3361 17.8322C10.4009 18.1612 10.5621 18.4639 10.7987 18.7015C11.0354 18.9391 11.3366 19.1012 11.6654 19.1674C11.9942 19.2335 12.3362 19.2006 12.6463 19.073C12.9565 18.9453 13.2224 18.728 13.4093 18.4496C13.5963 18.1712 13.6956 17.8439 13.6964 17.5085C13.6972 17.2851 13.6539 17.0639 13.5688 16.8572C13.4838 16.6506 13.3571 16.4625 13.1993 16.3043C13.0415 16.1461 12.8554 16.021 12.649 15.9354C12.4426 15.8499 12.2212 15.8057 11.9977 15.8058L12.003 15.8085Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.sm.small.canceled:before,
.mldc-progress-container .wrapper .c-stepper-item .xs.small.canceled:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" rx="12" fill="%23A7A8AA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M7.30869 5.81837C6.89705 5.40673 6.22965 5.40673 5.81801 5.81837C5.40637 6.23001 5.40637 6.89742 5.81801 7.30906L10.7825 12.2735L5.81813 17.2379C5.40649 17.6496 5.40649 18.317 5.81813 18.7286C6.22977 19.1402 6.89717 19.1402 7.30881 18.7286L12.2732 13.7642L17.2371 18.7282C17.6488 19.1398 18.3162 19.1398 18.7278 18.7282C19.1394 18.3165 19.1394 17.6491 18.7278 17.2375L13.7639 12.2735L18.7279 7.30949C19.1396 6.89785 19.1396 6.23045 18.7279 5.81881C18.3163 5.40716 17.6489 5.40716 17.2372 5.81881L12.2732 10.7829L7.30869 5.81837Z" fill="white"/></svg>');
  height: 24px;
}
.mldc-progress-container .wrapper .c-stepper-item.after-completed:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: #a4ce4e;
}
.mldc-progress-container .wrapper .c-stepper-item.after-processing:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="291" height="16" viewBox="0 0 291 16" fill="none"><path d="M115.363 15.9988L131.607 -0.0012207H145.786L129.543 15.9988H115.363Z" fill="%23A7A8AA"/><path d="M86.5225 15.9988L102.766 -0.0012207H116.945L100.702 15.9988H86.5225Z" fill="%23A7A8AA"/><path d="M57.6817 15.9988L73.9249 -0.0012207H88.1046L71.8613 15.9988H57.6817Z" fill="%23A7A8AA"/><path d="M28.8408 15.9988L45.0841 -0.0012207H59.2638L43.0205 15.9988H28.8408Z" fill="%23A7A8AA"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23A7A8AA"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23A7A8AA"/><path d="M259.7 15.9988L275.943 -0.0012207H290.123L273.88 15.9988H259.7Z" fill="%23A7A8AA"/><path d="M230.859 15.9988L247.103 -0.0012207H261.282L245.039 15.9988H230.859Z" fill="%23A7A8AA"/><path d="M202.018 15.9988L218.262 -0.0012207H232.441L216.198 15.9988H202.018Z" fill="%23A7A8AA"/><path d="M173.178 15.9988L189.421 -0.0012207H203.6L187.357 15.9988H173.178Z" fill="%23A7A8AA"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23A7A8AA"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23A7A8AA"/><path d="M404.577 15.9988L420.82 -0.0012207H435L418.757 15.9988H404.577Z" fill="%23A7A8AA"/><path d="M374.736 15.9988L390.98 -0.0012207H405.159L388.916 15.9988H374.736Z" fill="%23A7A8AA"/><path d="M345.895 15.9988L362.139 -0.0012207H376.318L360.075 15.9988H345.895Z" fill="%23A7A8AA"/><path d="M317.055 15.9988L333.298 -0.0012207H347.477L331.234 15.9988H317.055Z" fill="%23A7A8AA"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23A7A8AA"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23A7A8AA"/><path d="M432 16.0012L448.243 0.0012207H462.423L446.18 16.0012H432Z" fill="%23A7A8AA"/><path d="M576.877 16.0012L593.12 0.0012207H607.3L591.057 16.0012H576.877Z" fill="%23A7A8AA"/><path d="M547.036 16.0012L563.279 0.0012207H577.459L561.216 16.0012H547.036Z" fill="%23A7A8AA"/><path d="M518.195 16.0012L534.439 0.0012207H548.618L532.375 16.0012H518.195Z" fill="%23A7A8AA"/><path d="M489.355 16.0012L505.598 0.0012207H519.777L503.534 16.0012H489.355Z" fill="%23A7A8AA"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23A7A8AA"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.after-pending:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="291" height="16" viewBox="0 0 291 16" fill="none"><path d="M115.363 15.9988L131.607 -0.0012207H145.786L129.543 15.9988H115.363Z" fill="%23A7A8AA"/><path d="M86.5225 15.9988L102.766 -0.0012207H116.945L100.702 15.9988H86.5225Z" fill="%23A7A8AA"/><path d="M57.6817 15.9988L73.9249 -0.0012207H88.1046L71.8613 15.9988H57.6817Z" fill="%23A7A8AA"/><path d="M28.8408 15.9988L45.0841 -0.0012207H59.2638L43.0205 15.9988H28.8408Z" fill="%23A7A8AA"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23A7A8AA"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23A7A8AA"/><path d="M259.7 15.9988L275.943 -0.0012207H290.123L273.88 15.9988H259.7Z" fill="%23A7A8AA"/><path d="M230.859 15.9988L247.103 -0.0012207H261.282L245.039 15.9988H230.859Z" fill="%23A7A8AA"/><path d="M202.018 15.9988L218.262 -0.0012207H232.441L216.198 15.9988H202.018Z" fill="%23A7A8AA"/><path d="M173.178 15.9988L189.421 -0.0012207H203.6L187.357 15.9988H173.178Z" fill="%23A7A8AA"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23A7A8AA"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23A7A8AA"/><path d="M404.577 15.9988L420.82 -0.0012207H435L418.757 15.9988H404.577Z" fill="%23A7A8AA"/><path d="M374.736 15.9988L390.98 -0.0012207H405.159L388.916 15.9988H374.736Z" fill="%23A7A8AA"/><path d="M345.895 15.9988L362.139 -0.0012207H376.318L360.075 15.9988H345.895Z" fill="%23A7A8AA"/><path d="M317.055 15.9988L333.298 -0.0012207H347.477L331.234 15.9988H317.055Z" fill="%23A7A8AA"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23A7A8AA"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23A7A8AA"/><path d="M432 16.0012L448.243 0.0012207H462.423L446.18 16.0012H432Z" fill="%23A7A8AA"/><path d="M576.877 16.0012L593.12 0.0012207H607.3L591.057 16.0012H576.877Z" fill="%23A7A8AA"/><path d="M547.036 16.0012L563.279 0.0012207H577.459L561.216 16.0012H547.036Z" fill="%23A7A8AA"/><path d="M518.195 16.0012L534.439 0.0012207H548.618L532.375 16.0012H518.195Z" fill="%23A7A8AA"/><path d="M489.355 16.0012L505.598 0.0012207H519.777L503.534 16.0012H489.355Z" fill="%23A7A8AA"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23A7A8AA"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.after-underReview:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="291" height="16" viewBox="0 0 291 16" fill="none"><path d="M115.363 15.9988L131.607 -0.0012207H145.786L129.543 15.9988H115.363Z" fill="%23A7A8AA"/><path d="M86.5225 15.9988L102.766 -0.0012207H116.945L100.702 15.9988H86.5225Z" fill="%23A7A8AA"/><path d="M57.6817 15.9988L73.9249 -0.0012207H88.1046L71.8613 15.9988H57.6817Z" fill="%23A7A8AA"/><path d="M28.8408 15.9988L45.0841 -0.0012207H59.2638L43.0205 15.9988H28.8408Z" fill="%23A7A8AA"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23A7A8AA"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23A7A8AA"/><path d="M259.7 15.9988L275.943 -0.0012207H290.123L273.88 15.9988H259.7Z" fill="%23A7A8AA"/><path d="M230.859 15.9988L247.103 -0.0012207H261.282L245.039 15.9988H230.859Z" fill="%23A7A8AA"/><path d="M202.018 15.9988L218.262 -0.0012207H232.441L216.198 15.9988H202.018Z" fill="%23A7A8AA"/><path d="M173.178 15.9988L189.421 -0.0012207H203.6L187.357 15.9988H173.178Z" fill="%23A7A8AA"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23A7A8AA"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23A7A8AA"/><path d="M404.577 15.9988L420.82 -0.0012207H435L418.757 15.9988H404.577Z" fill="%23A7A8AA"/><path d="M374.736 15.9988L390.98 -0.0012207H405.159L388.916 15.9988H374.736Z" fill="%23A7A8AA"/><path d="M345.895 15.9988L362.139 -0.0012207H376.318L360.075 15.9988H345.895Z" fill="%23A7A8AA"/><path d="M317.055 15.9988L333.298 -0.0012207H347.477L331.234 15.9988H317.055Z" fill="%23A7A8AA"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23A7A8AA"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23A7A8AA"/><path d="M432 16.0012L448.243 0.0012207H462.423L446.18 16.0012H432Z" fill="%23A7A8AA"/><path d="M576.877 16.0012L593.12 0.0012207H607.3L591.057 16.0012H576.877Z" fill="%23A7A8AA"/><path d="M547.036 16.0012L563.279 0.0012207H577.459L561.216 16.0012H547.036Z" fill="%23A7A8AA"/><path d="M518.195 16.0012L534.439 0.0012207H548.618L532.375 16.0012H518.195Z" fill="%23A7A8AA"/><path d="M489.355 16.0012L505.598 0.0012207H519.777L503.534 16.0012H489.355Z" fill="%23A7A8AA"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23A7A8AA"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23A7A8AA"/></svg>') #F2F2F2;
}
.mldc-progress-container .wrapper .c-stepper-item.after-notStarted:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: #d9d9d6;
}
.mldc-progress-container .wrapper .c-stepper-item.after-needAttention:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="294" height="16" viewBox="0 0 294 16" fill="none"><g clip-path="url(%23clip0_3407_336)"><rect width="294" height="16" rx="8" fill="%23F2F2F2"/><path d="M115.363 15.9988L131.607 -0.0012207H145.786L129.543 15.9988H115.363Z" fill="%23F2BABB"/><path d="M86.5225 15.9988L102.766 -0.0012207H116.945L100.702 15.9988H86.5225Z" fill="%23F2BABB"/><path d="M57.6817 15.9988L73.9249 -0.0012207H88.1046L71.8613 15.9988H57.6817Z" fill="%23F2BABB"/><path d="M28.8408 15.9988L45.0841 -0.0012207H59.2638L43.0205 15.9988H28.8408Z" fill="%23F2BABB"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23F2BABB"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23F2BABB"/><path d="M259.7 15.9988L275.943 -0.0012207H290.123L273.88 15.9988H259.7Z" fill="%23F2BABB"/><path d="M230.859 15.9988L247.103 -0.0012207H261.282L245.039 15.9988H230.859Z" fill="%23F2BABB"/><path d="M202.018 15.9988L218.262 -0.0012207H232.441L216.198 15.9988H202.018Z" fill="%23F2BABB"/><path d="M173.178 15.9988L189.421 -0.0012207H203.6L187.357 15.9988H173.178Z" fill="%23F2BABB"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23F2BABB"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23F2BABB"/><path d="M404.577 15.9988L420.82 -0.0012207H435L418.757 15.9988H404.577Z" fill="%23F2BABB"/><path d="M374.736 15.9988L390.98 -0.0012207H405.159L388.916 15.9988H374.736Z" fill="%23F2BABB"/><path d="M345.895 15.9988L362.139 -0.0012207H376.318L360.075 15.9988H345.895Z" fill="%23F2BABB"/><path d="M317.055 15.9988L333.298 -0.0012207H347.477L331.234 15.9988H317.055Z" fill="%23F2BABB"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23F2BABB"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23F2BABB"/><path d="M432 16.0012L448.243 0.0012207H462.423L446.18 16.0012H432Z" fill="%23F2BABB"/><path d="M576.877 16.0012L593.12 0.0012207H607.3L591.057 16.0012H576.877Z" fill="%23F2BABB"/><path d="M547.036 16.0012L563.279 0.0012207H577.459L561.216 16.0012H547.036Z" fill="%23F2BABB"/><path d="M518.195 16.0012L534.439 0.0012207H548.618L532.375 16.0012H518.195Z" fill="%23F2BABB"/><path d="M489.355 16.0012L505.598 0.0012207H519.777L503.534 16.0012H489.355Z" fill="%23F2BABB"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23F2BABB"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23F2BABB"/></g><defs><clipPath id="clip0_3407_336"><rect width="294" height="16" rx="8" fill="white"/></clipPath></defs></svg>');
}
.mldc-progress-container .wrapper .c-stepper-item.after-actionRequired:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="294" height="16" viewBox="0 0 294 16" fill="none"><g clip-path="url(%23clip0_3407_336)"><rect width="294" height="16" rx="8" fill="%23F2F2F2"/><path d="M115.363 15.9988L131.607 -0.0012207H145.786L129.543 15.9988H115.363Z" fill="%23F2BABB"/><path d="M86.5225 15.9988L102.766 -0.0012207H116.945L100.702 15.9988H86.5225Z" fill="%23F2BABB"/><path d="M57.6817 15.9988L73.9249 -0.0012207H88.1046L71.8613 15.9988H57.6817Z" fill="%23F2BABB"/><path d="M28.8408 15.9988L45.0841 -0.0012207H59.2638L43.0205 15.9988H28.8408Z" fill="%23F2BABB"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23F2BABB"/><path d="M0 15.9988L16.2433 -0.0012207H30.8577L14.6144 15.9988H0Z" fill="%23F2BABB"/><path d="M259.7 15.9988L275.943 -0.0012207H290.123L273.88 15.9988H259.7Z" fill="%23F2BABB"/><path d="M230.859 15.9988L247.103 -0.0012207H261.282L245.039 15.9988H230.859Z" fill="%23F2BABB"/><path d="M202.018 15.9988L218.262 -0.0012207H232.441L216.198 15.9988H202.018Z" fill="%23F2BABB"/><path d="M173.178 15.9988L189.421 -0.0012207H203.6L187.357 15.9988H173.178Z" fill="%23F2BABB"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23F2BABB"/><path d="M144.337 15.9988L160.58 -0.0012207H175.194L158.951 15.9988H144.337Z" fill="%23F2BABB"/><path d="M404.577 15.9988L420.82 -0.0012207H435L418.757 15.9988H404.577Z" fill="%23F2BABB"/><path d="M374.736 15.9988L390.98 -0.0012207H405.159L388.916 15.9988H374.736Z" fill="%23F2BABB"/><path d="M345.895 15.9988L362.139 -0.0012207H376.318L360.075 15.9988H345.895Z" fill="%23F2BABB"/><path d="M317.055 15.9988L333.298 -0.0012207H347.477L331.234 15.9988H317.055Z" fill="%23F2BABB"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23F2BABB"/><path d="M288.214 15.9988L304.457 -0.0012207H319.071L302.828 15.9988H288.214Z" fill="%23F2BABB"/><path d="M432 16.0012L448.243 0.0012207H462.423L446.18 16.0012H432Z" fill="%23F2BABB"/><path d="M576.877 16.0012L593.12 0.0012207H607.3L591.057 16.0012H576.877Z" fill="%23F2BABB"/><path d="M547.036 16.0012L563.279 0.0012207H577.459L561.216 16.0012H547.036Z" fill="%23F2BABB"/><path d="M518.195 16.0012L534.439 0.0012207H548.618L532.375 16.0012H518.195Z" fill="%23F2BABB"/><path d="M489.355 16.0012L505.598 0.0012207H519.777L503.534 16.0012H489.355Z" fill="%23F2BABB"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23F2BABB"/><path d="M460.514 16.0012L476.757 0.0012207H491.371L475.128 16.0012H460.514Z" fill="%23F2BABB"/></g><defs><clipPath id="clip0_3407_336"><rect width="294" height="16" rx="8" fill="white"/></clipPath></defs></svg>');
}
.mldc-progress-container .wrapper .c-stepper-item.after-error:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  order: -1;
  background: #f2babb;
}
.mldc-progress-container .wrapper .c-stepper-item.after-completedSuccess:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  order: -1;
  background: #a4ce4e;
}
.mldc-progress-container .wrapper .c-stepper-item.after-canceled:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  order: -1;
  background: #a7a8aa;
}
.mldc-progress-container .wrapper .c-stepper-item.completedSuccess:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2.75em" height="2.75em" viewBox="0 0 49 49" aria-labelledby="check-svg-icon" role="img"><title id="check-svg-icon">Claim Started</title><circle data-name="Ellipse 1756" cx="24.5" cy="24.5" r="24.5" fill="%23528320"></circle><g data-name="Check" fill="none" stroke="%23fff"><path data-name="Check" d="m32.563 19.2-9.024 10.225a1.01 1.01 0 0 1-.322.254.948.948 0 0 1-.785.029 1 1 0 0 1-.338-.229l-5.012-4.905" stroke-linecap="round" stroke-width="3"></path><g data-name="Ellipse 1757" transform="translate(6 6.002)" stroke-width="4"><circle cx="18.5" cy="18.5" r="18.5" stroke="none"></circle><circle cx="18.5" cy="18.5" r="16.5"></circle></g></g></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.notStarted:before {
  content: url('data:image/svg+xml,<svg width="2.75em" height="2.75em" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="check-svg-icon" role="img"><title id="check-svg-icon">Form Submitted</title><rect width="48" height="48" rx="24" fill="%23D9D9D6"></rect><circle cx="24" cy="24" r="18" stroke="%23F2F2F2" stroke-width="4"></circle></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.processing:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2.75em" height="2.75em" viewBox="0 0 49 49" aria-labelledby="check-svg-icon" role="img"><title id="check-svg-icon">Form Submitted</title><path data-name="Path 33422" d="M24.5 0A24.5 24.5 0 1 1 0 24.5 24.5 24.5 0 0 1 24.5 0Z" fill="%236e6e6e"></path><g data-name="Ellipse 1757" transform="translate(6 6.002)" fill="none" stroke="%23fff" stroke-width="4"><circle cx="18.5" cy="18.5" r="18.5" stroke="none"></circle><circle cx="18.5" cy="18.5" r="16.5"></circle></g><circle data-name="Ellipse 1761" cx="2.5" cy="2.5" r="2.5" transform="rotate(180 9.5 13.5)" fill="%23fff"></circle><circle data-name="Ellipse 1762" cx="2.5" cy="2.5" r="2.5" transform="rotate(180 13.5 13.5)" fill="%23fff"></circle><circle data-name="Ellipse 1763" cx="2.5" cy="2.5" r="2.5" transform="rotate(180 17.5 13.5)" fill="%23fff"></circle></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.actionRequired:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><rect width="44" height="44" rx="22" fill="%23B91D1F"/><circle cx="22" cy="22" r="16" stroke="white" stroke-width="3.2"/><path d="M13.8669 29.4386C13.1119 29.4386 12.6293 28.6341 12.9845 27.968L21.1182 12.7174C21.4946 12.0115 22.5064 12.0115 22.8829 12.7174L31.0165 27.968C31.3718 28.6341 30.8891 29.4386 30.1342 29.4386H13.8669ZM22.0005 25.435C22.0005 25.4315 21.9977 25.4287 21.9943 25.4287C21.7514 25.43 21.5087 25.5048 21.3022 25.6411C21.094 25.7785 20.9347 25.9784 20.849 26.2157C20.751 26.4531 20.7265 26.7029 20.7755 26.9527C20.8245 27.2026 20.947 27.4274 21.1185 27.6023C21.29 27.7772 21.5105 27.9021 21.7555 27.9521C22.0005 28.0021 22.2455 27.9771 22.4783 27.8771C22.711 27.7772 22.9071 27.6148 23.0418 27.4149C23.1766 27.2026 23.2501 26.9652 23.2501 26.7154C23.2501 26.553 23.2133 26.3781 23.1521 26.2282C23.0908 26.0783 22.9928 25.9284 22.8826 25.816C22.7723 25.7035 22.6253 25.6036 22.4783 25.5412C22.3332 25.4795 22.1642 25.4422 22.0068 25.4412C22.0033 25.4412 22.0005 25.4384 22.0005 25.435ZM21.2655 17.1841C21.2655 17.1841 21.2382 17.1841 21.2079 17.1885C21.1629 17.1952 21.1226 17.2151 21.0865 17.2429C21.0522 17.2693 21.0172 17.2998 20.9929 17.3357C20.9217 17.4406 20.8875 17.5701 20.898 17.7087L21.1062 23.3801C21.1062 23.4925 21.1307 23.6049 21.2042 23.6923C21.2777 23.7798 21.3758 23.8423 21.486 23.8547H22.5273C22.6375 23.8423 22.7355 23.7798 22.809 23.6923C22.8826 23.6049 22.9071 23.4925 22.9071 23.3801L23.1276 17.7087C23.1276 17.5588 23.0786 17.3964 22.9806 17.284C22.9561 17.2465 22.9071 17.2215 22.8703 17.209C22.8336 17.1966 22.7845 17.1841 22.7478 17.1841H21.2777H21.2655Z" fill="white"/></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.needAttention:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><rect width="44" height="44" rx="22" fill="%23B91D1F"/><circle cx="22" cy="22" r="16" stroke="white" stroke-width="3.2"/><path d="M13.8669 29.4386C13.1119 29.4386 12.6293 28.6341 12.9845 27.968L21.1182 12.7174C21.4946 12.0115 22.5064 12.0115 22.8829 12.7174L31.0165 27.968C31.3718 28.6341 30.8891 29.4386 30.1342 29.4386H13.8669ZM22.0005 25.435C22.0005 25.4315 21.9977 25.4287 21.9943 25.4287C21.7514 25.43 21.5087 25.5048 21.3022 25.6411C21.094 25.7785 20.9347 25.9784 20.849 26.2157C20.751 26.4531 20.7265 26.7029 20.7755 26.9527C20.8245 27.2026 20.947 27.4274 21.1185 27.6023C21.29 27.7772 21.5105 27.9021 21.7555 27.9521C22.0005 28.0021 22.2455 27.9771 22.4783 27.8771C22.711 27.7772 22.9071 27.6148 23.0418 27.4149C23.1766 27.2026 23.2501 26.9652 23.2501 26.7154C23.2501 26.553 23.2133 26.3781 23.1521 26.2282C23.0908 26.0783 22.9928 25.9284 22.8826 25.816C22.7723 25.7035 22.6253 25.6036 22.4783 25.5412C22.3332 25.4795 22.1642 25.4422 22.0068 25.4412C22.0033 25.4412 22.0005 25.4384 22.0005 25.435ZM21.2655 17.1841C21.2655 17.1841 21.2382 17.1841 21.2079 17.1885C21.1629 17.1952 21.1226 17.2151 21.0865 17.2429C21.0522 17.2693 21.0172 17.2998 20.9929 17.3357C20.9217 17.4406 20.8875 17.5701 20.898 17.7087L21.1062 23.3801C21.1062 23.4925 21.1307 23.6049 21.2042 23.6923C21.2777 23.7798 21.3758 23.8423 21.486 23.8547H22.5273C22.6375 23.8423 22.7355 23.7798 22.809 23.6923C22.8826 23.6049 22.9071 23.4925 22.9071 23.3801L23.1276 17.7087C23.1276 17.5588 23.0786 17.3964 22.9806 17.284C22.9561 17.2465 22.9071 17.2215 22.8703 17.209C22.8336 17.1966 22.7845 17.1841 22.7478 17.1841H21.2777H21.2655Z" fill="white"/></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.underReview:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 48 48" fill="none"><path d="M46 24C46 11.8497 36.1503 2 24 2C11.8497 2 2 11.8497 2 24C2 36.1503 11.8497 46 24 46C36.1503 46 46 36.1503 46 24Z" fill="%236E6E6E"/><path d="M23.1808 39.127C31.5649 39.5498 38.7043 33.096 39.1272 24.7119C39.55 16.3278 33.0961 9.18845 24.7121 8.76562C16.328 8.34279 9.18857 14.7966 8.76574 23.1807C8.34291 31.5648 14.7968 38.7042 23.1808 39.127Z" stroke="white" stroke-width="3.2" stroke-dasharray="3.2 3.2"/><path d="M18.1276 38.0204C15.4671 36.9059 13.1787 35.0575 11.5296 32.691C9.88047 30.3245 8.93875 27.5377 8.81442 24.656C8.69009 21.7743 9.38828 18.9167 10.8274 16.417C12.2666 13.9173 14.3873 11.8786 16.9419 10.5392C19.4965 9.19971 22.3795 8.61472 25.2542 8.85255C28.1289 9.09038 30.8765 10.1412 33.1762 11.8823C35.4759 13.6233 37.2328 15.9828 38.2415 18.685C39.2503 21.3873 39.4694 24.3207 38.8731 27.1428" stroke="white" stroke-width="3.2" stroke-miterlimit="16"/><path d="M24.4447 24.4451V15.6008H21.9004V25.697L30.7449 31.0682L31.9969 28.9278L24.4447 24.4451Z" fill="white"/></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.pending:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 48 48" fill="none"><path d="M46 24C46 11.8497 36.1503 2 24 2C11.8497 2 2 11.8497 2 24C2 36.1503 11.8497 46 24 46C36.1503 46 46 36.1503 46 24Z" fill="%236E6E6E"/><path d="M23.1808 39.127C31.5649 39.5498 38.7043 33.096 39.1272 24.7119C39.55 16.3278 33.0961 9.18845 24.7121 8.76562C16.328 8.34279 9.18857 14.7966 8.76574 23.1807C8.34291 31.5648 14.7968 38.7042 23.1808 39.127Z" stroke="white" stroke-width="3.2" stroke-dasharray="3.2 3.2"/><path d="M18.1276 38.0204C15.4671 36.9059 13.1787 35.0575 11.5296 32.691C9.88047 30.3245 8.93875 27.5377 8.81442 24.656C8.69009 21.7743 9.38828 18.9167 10.8274 16.417C12.2666 13.9173 14.3873 11.8786 16.9419 10.5392C19.4965 9.19971 22.3795 8.61472 25.2542 8.85255C28.1289 9.09038 30.8765 10.1412 33.1762 11.8823C35.4759 13.6233 37.2328 15.9828 38.2415 18.685C39.2503 21.3873 39.4694 24.3207 38.8731 27.1428" stroke="white" stroke-width="3.2" stroke-miterlimit="16"/><path d="M24.4447 24.4451V15.6008H21.9004V25.697L30.7449 31.0682L31.9969 28.9278L24.4447 24.4451Z" fill="white"/></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.completed:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><rect width="44" height="44" rx="22" fill="%23528320"/><circle cx="22" cy="22" r="16" stroke="white" stroke-width="3.2" stroke-dasharray="3.2 3.2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.9229 16.2071C30.5708 16.8712 30.5577 17.9349 29.8936 18.5828L21.5683 26.7055C21.3322 26.9412 21.0528 27.1294 20.7456 27.2598C20.1306 27.5207 19.4404 27.543 18.81 27.3223L18.7971 27.3178C18.476 27.2024 18.1805 27.0254 17.9272 26.7968L17.8714 26.7465L14.0474 22.6184C13.4169 21.9377 13.4575 20.8747 14.1382 20.2441C14.8189 19.6136 15.8819 19.6542 16.5124 20.3349L19.7282 23.8064L27.5471 16.1778C28.2112 15.5298 29.2749 15.5429 29.9229 16.2071Z" fill="white"/></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.error:before {
  content: url('data:image/svg+xml,<svg data-name="Action Needed" xmlns="http://www.w3.org/2000/svg" width="2.75em" height="2.75em" viewBox="0 0 49 49" aria-labelledby="action-svg-icon" role="img"><title id="action-svg-icon">Processing Paused</title><circle data-name="Ellipse 1756" cx="24.5" cy="24.5" r="24.5" fill="%23B91D1F"></circle><g data-name="Ellipse 1757" transform="translate(6 6.002)" fill="none" stroke="%23fff" stroke-width="4"><circle cx="18.5" cy="18.5" r="18.5" stroke="none"></circle><circle cx="18.5" cy="18.5" r="16.5"></circle></g><path data-name="Exclamation Mark" d="M26.286 15.363v10.726h-3.573V15.363Zm.3 15.171a2.085 2.085 0 1 1-2.1-2.061h.016a2.085 2.085 0 0 1 2.084 2.061Z" fill="%23fff"></path></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item.canceled:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none"><rect width="44" height="44" rx="22" fill="%23A7A8AA"/><circle cx="22" cy="22" r="16" stroke="white" stroke-width="3.2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5268 14.788C16.0466 14.3078 15.2679 14.3078 14.7877 14.788C14.3074 15.2683 14.3074 16.0469 14.7877 16.5272L20.5796 22.3191L14.7878 28.1108C14.3076 28.5911 14.3076 29.3697 14.7878 29.85C15.2681 30.3302 16.0467 30.3302 16.5269 29.85L22.3187 24.0582L28.11 29.8495C28.5902 30.3297 29.3689 30.3297 29.8491 29.8495C30.3294 29.3692 30.3294 28.5906 29.8491 28.1103L24.0578 22.3191L29.8492 16.5277C30.3295 16.0474 30.3295 15.2688 29.8492 14.7885C29.369 14.3083 28.5904 14.3083 28.1101 14.7885L22.3187 20.5799L16.5268 14.788Z" fill="white"/></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2.75em" height="2.75em" viewBox="0 0 49 49" aria-labelledby="check-svg-icon" role="img"><title id="check-svg-icon">Claim Started</title><circle data-name="Ellipse 1756" cx="24.5" cy="24.5" r="24.5" fill="%23627c2f"></circle><g data-name="Check" fill="none" stroke="%23fff"><path data-name="Check" d="m32.563 19.2-9.024 10.225a1.01 1.01 0 0 1-.322.254.948.948 0 0 1-.785.029 1 1 0 0 1-.338-.229l-5.012-4.905" stroke-linecap="round" stroke-width="3"></path><g data-name="Ellipse 1757" transform="translate(6 6.002)" stroke-width="4"><circle cx="18.5" cy="18.5" r="18.5" stroke="none"></circle><circle cx="18.5" cy="18.5" r="16.5"></circle></g></g></svg>');
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  z-index: 1000;
  margin: 0 auto;
}
.mldc-progress-container .wrapper .c-stepper-item:not(:last-child):after {
  content: "";
  position: relative;
  top: 30px;
  left: 50%;
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: repeating-linear-gradient(-70deg, #a3ce4d 0px, #a3ce4d 16px, #f2f2f2 16px, #f2f2f2 32px);
}
.mldc-progress-container .wrapper .c-stepper-item:last-child:after {
  content: "";
  position: relative;
  top: 30px;
  width: calc(100% - 50px - 0px);
  left: calc(50% + 25px);
  height: 16px;
  background-color: #e0e0e0;
  order: -1;
  background: none;
}
.mldc-progress-container .wrapper .c-stepper-title-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 8px;
}
.mldc-progress-container .wrapper .c-stepper-title-wrapper .c-stepper-title {
  width: 120px;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
  letter-spacing: 0px;
  /*   
  font-weight: bold;
  font-size: clamp(1rem, 4vw, 1.25rem);
  margin-bottom: 0.5rem;
  */
}
.mldc-progress-container .wrapper .c-stepper-desc {
  color: grey;
  font-size: clamp(0.85rem, 2vw, 1rem);
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-progress-container .tooltip-text-link {
  display: inline-block;
}
.mldc-progress-container .tooltip-text-link a {
  text-decoration-line: underline;
  font-weight: 400;
}
.mldc-progress-container .labelTop {
  height: auto !important;
}
.mldc-progress-container .labelTop.tab-horizontal-stepper li:nth-of-type(1n + 2) {
  display: none;
}
.mldc-progress-container .labelTop.mobile-horizontal-stepper {
  margin-bottom: 4px;
}
.mldc-progress-container .labelTop.mobile-horizontal-stepper li:nth-of-type(1n + 2) {
  display: none;
}
.mldc-progress-container .tooltip {
  margin-bottom: 8px !important;
}
.mldc-progress-container .tooltip.tab-horizontal-stepper {
  margin: 0;
  margin-top: 5px;
}
.mldc-progress-container .tooltip.mobile-horizontal-stepper {
  margin-left: 12px;
  margin-top: 5px;
}
.mldc-progress-container .tooltip.mobile-horizontal-stepper .tooltip-wrapper {
  min-width: unset;
}
.mldc-progress-container .tooltip-wrapper {
  display: flex;
  padding: 24px;
  min-width: 288px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  background-color: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-primary-ml-blue3);
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-radius: 8px;
  position: relative;
  margin-top: 8px;
}
.mldc-progress-container .tooltip-wrapper.completed {
  border: 2px solid #528320;
}
.mldc-progress-container .tooltip-wrapper.completed .triangle {
  border-bottom: 10px solid #528320;
}
.mldc-progress-container .tooltip-wrapper.completed .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.completedSuccess {
  border: 2px solid #528320;
}
.mldc-progress-container .tooltip-wrapper.completedSuccess .triangle {
  border-bottom: 10px solid #528320;
}
.mldc-progress-container .tooltip-wrapper.completedSuccess .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.notStarted {
  border: 2px solid #d9d9d6;
}
.mldc-progress-container .tooltip-wrapper.notStarted .triangle {
  border-bottom: 10px solid #d9d9d6;
}
.mldc-progress-container .tooltip-wrapper.notStarted .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="%D9D9D6"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%D9D9D6"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.needAttention {
  border: 2px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.needAttention .triangle {
  border-bottom: 10px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.needAttention .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%23D42123"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.actionNeeded {
  border: 2px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.actionNeeded .triangle {
  border-bottom: 10px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.actionNeeded .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%23D42123"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.actionRequired {
  border: 2px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.actionRequired .triangle {
  border-bottom: 10px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.actionRequired .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%23D42123"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.inProgress {
  border: 2px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.inProgress .triangle {
  border-bottom: 10px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.inProgress .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.error {
  border: 2px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.error .triangle {
  border-bottom: 10px solid #B91D1F;
}
.mldc-progress-container .tooltip-wrapper.error .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%23D42123"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.pending {
  border: 2px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.pending .triangle {
  border-bottom: 10px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.pending .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.processing {
  border: 2px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.processing .triangle {
  border-bottom: 10px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.processing .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.underReview {
  border: 2px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.underReview .triangle {
  border-bottom: 10px solid #6e6e6e;
}
.mldc-progress-container .tooltip-wrapper.underReview .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper.canceled {
  border: 2px solid #A7A8AA;
}
.mldc-progress-container .tooltip-wrapper.canceled .triangle {
  border-bottom: 10px solid #A7A8AA;
}
.mldc-progress-container .tooltip-wrapper.canceled .triangle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="13" viewBox="0 0 17 13" fill="none"><path d="M3.25452 7.99226C2.47675 9.32557 3.43849 11 4.98207 11L12.0179 11C13.5615 11 14.5233 9.32557 13.7455 7.99226L10.2276 1.96153C9.4558 0.638517 7.5442 0.638513 6.77244 1.96152L3.25452 7.99226Z" fill="%236E6E6E"/><path d="M3.30665 11.5211C2.94317 12.1875 3.42548 13 4.18454 13L12.8155 13C13.5745 13 14.0568 12.1875 13.6934 11.5211L9.3779 3.60948C8.99888 2.91461 8.00112 2.91461 7.62211 3.60947L3.30665 11.5211Z" fill="white"/></svg>');
}
.mldc-progress-container .tooltip-wrapper .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  box-shadow: -3px 3px 18px var(--color-box-shadow-3);
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-primary-ml-blue3);
  top: -5px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mldc-progress-container .tooltip-wrapper .triangle:before {
  content: "";
  position: absolute;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid var(--color-brand-neutrals-white);
  top: 12px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mldc-progress-container .tooltip-wrapper .tooltip-label {
  font-size: 1.25rem;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
  margin: 0 0px 16px 0;
}
.mldc-progress-container .tooltip-wrapper .tooltip-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px; /* 150% */
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-progress-container .horizontal-stepper {
  display: flex;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 1222px;
  height: 120px;
}
.mldc-progress-container .horizontal-stepper.top {
  height: auto !important;
}
.mldc-progress-container .horizontal-stepper.top .stepper-items .step-circle svg {
  margin-top: 8px;
}
.mldc-progress-container .horizontal-stepper .stepper-items-label {
  position: relative;
  flex: 0 0 212px;
}
.mldc-progress-container .horizontal-stepper .stepper-items-label .step-circle {
  display: none;
}
.mldc-progress-container .horizontal-stepper .stepper-items-label .label {
  margin-right: -75px;
  margin-left: 100px;
  display: block;
  text-align: center;
  color: var(--color-brand-neutrals-gray-darkest);
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  opacity: 1;
}
.mldc-progress-container .horizontal-stepper .stepper-items {
  position: relative;
  flex: 0 0 166px;
}
.mldc-progress-container .horizontal-stepper .stepper-items.completed:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: #a3ce4d 0% 0% no-repeat padding-box;
}
.mldc-progress-container .horizontal-stepper .stepper-items.inProgress:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: repeating-linear-gradient(-70deg, #a3ce4d 0px, #a3ce4d 16px, var(--color-brand-neutrals-gray-lightest) 16px, var(--color-brand-neutrals-gray-lightest) 32px);
}
.mldc-progress-container .horizontal-stepper .stepper-items.actionNeeded:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: repeating-linear-gradient(-70deg, var(--color-brand-neutrals-gray-lightest) 0px, var(--color-brand-neutrals-gray-lightest) 15px, #c17d7f 15px, #c17d7f 30px);
}
.mldc-progress-container .horizontal-stepper .stepper-items.error:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: #c17d7f 0% 0% no-repeat padding-box;
}
.mldc-progress-container .horizontal-stepper .stepper-items:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-progress-container .horizontal-stepper .stepper-items .step-circle {
  opacity: 1;
  display: flex;
  margin-bottom: 8px;
  margin-left: 166px;
}
.mldc-progress-container .horizontal-stepper .stepper-items .step-circle.completed svg circle[data-name="Ellipse 1756"], .mldc-progress-container .horizontal-stepper .stepper-items .step-circle.inProgress svg circle[data-name="Ellipse 1756"] {
  fill: #627c2f;
}
.mldc-progress-container .horizontal-stepper .stepper-items .step-circle.completed path[data-name=Check], .mldc-progress-container .horizontal-stepper .stepper-items .step-circle.inProgress path[data-name=Check] {
  stroke: white;
}
.mldc-progress-container .horizontal-stepper .stepper-items .step-circle svg.progressCompleted path {
  fill: #627c2f;
}
.mldc-progress-container .horizontal-stepper .stepper-items .step-circle svg {
  width: 49px;
  height: 49px;
  margin-top: 20px;
  margin-right: -6px;
}
.mldc-progress-container .horizontal-stepper .stepper-items .label {
  margin-right: -75px;
  margin-left: 100px;
  display: block;
  text-align: center;
  color: var(--color-brand-neutrals-gray-darkest);
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  opacity: 1;
}
.mldc-progress-container .horizontal-stepper .tooltip-wrapper {
  margin: 0px;
}
.mldc-progress-container .tab-horizontal-stepper {
  display: flex;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 690px;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper-label {
  position: relative;
  flex: auto;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper-label .tab-step-circle {
  display: none;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper-label .label {
  display: block;
  text-align: center;
  color: var(--color-brand-neutrals-gray-darkest);
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  opacity: 1;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper {
  position: relative;
  flex: 0 0 326px;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper.completed:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: #a3ce4d 0% 0% no-repeat padding-box;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper.inProgress:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: repeating-linear-gradient(-65deg, #a3ce4d 0px, #a3ce4d 15px, var(--color-brand-neutrals-gray-lightest) 15px, var(--color-brand-neutrals-gray-lightest) 30px);
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper.actionNeeded:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: repeating-linear-gradient(-65deg, #c17d7f 0px, #c17d7f 15px, var(--color-brand-neutrals-gray-lightest) 15px, var(--color-brand-neutrals-gray-lightest) 30px);
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper.error:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: #c17d7f 0% 0% no-repeat padding-box;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 30px;
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle {
  opacity: 1;
  display: flex;
  margin-bottom: 8px;
  margin-left: 321px;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle.completed svg circle[data-name="Ellipse 1756"], .mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle.inProgress svg circle[data-name="Ellipse 1756"] {
  fill: #627c2f;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle.completed path[data-name=Check], .mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle.inProgress path[data-name=Check] {
  stroke: white;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle svg.progressCompleted path {
  fill: #627c2f;
}
.mldc-progress-container .tab-horizontal-stepper .tab-stepper .tab-step-circle svg {
  width: 49px;
  height: 49px;
  margin-top: 5px;
  margin-right: -6px;
}
.mldc-progress-container .mobile-horizontal-stepper {
  display: flex;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 305px;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper-label {
  position: relative;
  flex: auto;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper-label .mobile-step-circle {
  display: none;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper-label .label {
  display: block;
  text-align: center;
  color: var(--color-brand-neutrals-gray-darkest);
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  opacity: 1;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper {
  position: relative;
  flex: 0 0 144px;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper.completed:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 14px;
  background: #a3ce4d 0% 0% no-repeat padding-box;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper.inProgress:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 14px;
  background: repeating-linear-gradient(-65deg, #a3ce4d 0px, #a3ce4d 8px, var(--color-brand-neutrals-gray-lightest) 8px, var(--color-brand-neutrals-gray-lightest) 16px);
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper.actionNeeded:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 14px;
  background: repeating-linear-gradient(-65deg, #c17d7f 0px, #c17d7f 8px, var(--color-brand-neutrals-gray-lightest) 8px, var(--color-brand-neutrals-gray-lightest) 16px);
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper.error:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 14px;
  background: #c17d7f 0% 0% no-repeat padding-box;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper:after {
  content: "";
  position: absolute;
  width: 100%;
  z-index: -1;
  top: 25%;
  left: 0;
  height: 14px;
  background: var(--color-brand-neutrals-gray-lightest) 0% 0% no-repeat padding-box;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle {
  opacity: 1;
  display: flex;
  margin-bottom: 8px;
  margin-left: 139px;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle.completed svg circle[data-name="Ellipse 1756"], .mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle.inProgress svg circle[data-name="Ellipse 1756"] {
  fill: #627c2f;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle.completed path[data-name=Check], .mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle.inProgress path[data-name=Check] {
  stroke: white;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle svg.progressCompleted path {
  fill: #627c2f;
}
.mldc-progress-container .mobile-horizontal-stepper .mobile-stepper .mobile-step-circle svg {
  width: 28px;
  height: 28px;
  margin-right: -6px;
}
.mldc-progress-container ul.horizontal-stepper.custom li:first-child span.step-circle {
  margin-left: 179px;
}
.mldc-progress-container ul.custom li:last-child:after {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mldc-progress-container ul.custom li:first-child:after {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.mldc-progress-container .action-required {
  color: var(--color-brand-primary-ml-blue2);
  cursor: pointer;
}
.mldc-progress-container .action-required svg {
  width: 8px;
  height: 11px;
  margin-left: 8px;
  margin-bottom: -2px;
}
.mldc-progress-container .action-required.mobile {
  margin-left: 20px;
}
.mldc-progress-container .tracker-label {
  padding-top: 24px;
  text-align: left;
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-gray-darkest);
  opacity: 1;
}
.mldc-progress-container .tracker-label-mobile {
  padding-top: 16px;
  color: var(--color-brand-neutrals-gray-darkest);
  text-align: left;
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  opacity: 1;
}
.mldc-progress-container .tracker-label-tab {
  padding-top: 32px;
  text-align: left;
  font: normal normal var(--typography-weight-bold) 16px/24px var(--typography-family-noto);
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-gray-darkest);
  opacity: 1;
}
.mldc-progress-container .tracker-message {
  padding-top: 8px;
  font: normal normal var(--typography-weight-normal) 14px/21px var(--typography-family-noto);
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-gray-darkest);
  opacity: 1;
}
.mldc-progress-container .tracker-message-tab {
  text-align: left;
  font: normal normal var(--typography-weight-normal) 14px/18px var(--typography-family-noto);
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-gray-darkest);
  opacity: 1;
}
.mldc-progress-container .tracker-message-mobile {
  text-align: left;
  font: normal normal var(--typography-weight-normal) 14px/18px var(--typography-family-noto);
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-gray-darkest);
  opacity: 1;
}
.mldc-progress-container .content {
  color: var(--color-brand-primary-ml-blue2);
  text-align: right;
  font: normal normal 600 12px/18px var(--typography-family-noto);
  letter-spacing: 0px;
}
.mldc-progress-container .highlight {
  color: var(--color-brand-primary-ml-blue2);
  text-align: left;
  text-decoration: underline;
  font: normal normal 600 14px/18px var(--typography-family-noto);
  letter-spacing: 0px;
  cursor: pointer;
}
.mldc-progress-container .c-stepper-title-mobile {
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: 1rem;
  letter-spacing: 0px;
}
.mldc-progress-container .c-stepper-link-mobile {
  display: block;
}
.mldc-progress-container .custom-message {
  margin-bottom: 10px;
}

@media screen and (max-width: 321px) {
  .mldc-progress-container {
    padding: 0px;
  }
}
/***** @metlife/mldc-breadcrumb *****/
.mldc-breadcrumb-container {
  width: max-content;
}
.mldc-breadcrumb-container .breadcrumb {
  display: flex;
  list-style-type: none;
  padding: 0px;
  height: 30px;
  background: var(--color-brand-neutrals-white) 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1607843137);
  border-radius: 20px;
  opacity: 1;
  padding: 8px 12px;
}
.mldc-breadcrumb-container .breadcrumb.dark-bg {
  background: var(--color-brand-neutrals-gray-darkest) 0% 0% no-repeat padding-box;
}
.mldc-breadcrumb-container .breadcrumb .items {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mldc-breadcrumb-container .breadcrumb .items .label {
  height: 14px;
  cursor: pointer;
  padding: 0px 4px;
  text-align: left;
  letter-spacing: 0.05px;
  color: var(--color-brand-neutrals-black);
  opacity: 1;
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
  font-size: 0.625rem;
  border: 0px;
}
.mldc-breadcrumb-container .breadcrumb .items .label.active {
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-breadcrumb-container .breadcrumb .items .label:focus {
  outline: 1px solid var(--color-brand-primary-ml-blue3);
}
.mldc-breadcrumb-container .breadcrumb .items .label:focus.active {
  outline: 0px;
}
.mldc-breadcrumb-container .breadcrumb .items .label:focus:not(:focus-visible) {
  outline: 0px;
}
.mldc-breadcrumb-container .breadcrumb .items.dark-bg .label {
  height: 14px;
  cursor: pointer;
  padding: 0px 4px;
  text-align: left;
  letter-spacing: 0.05px;
  color: var(--color-brand-neutrals-white);
  opacity: 1;
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
  font-size: 0.625rem;
  border: 0px;
}
.mldc-breadcrumb-container .breadcrumb .items.dark-bg .label.active {
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-breadcrumb-container .breadcrumb .items.dark-bg .label:focus {
  outline: 1px solid var(--color-brand-neutrals-white);
}
.mldc-breadcrumb-container .breadcrumb .items.dark-bg .label:focus.active {
  outline: 0px;
}
.mldc-breadcrumb-container .breadcrumb .items.dark-bg .label:focus:not(:focus-visible) {
  outline: 0px;
}
.mldc-breadcrumb-container .breadcrumb .items .chevron-icon {
  transform: rotate(-90deg);
  font-size: 0.5rem;
}
.mldc-breadcrumb-container .breadcrumb .items .chevron-icon path {
  stroke: var(--color-brand-neutrals-gray-darkest);
  border: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-breadcrumb-container .breadcrumb .items .chevron-icon.dark-bg {
  transform: rotate(-90deg);
  font-size: 0.5rem;
}
.mldc-breadcrumb-container .breadcrumb .items .chevron-icon.dark-bg path {
  stroke: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-neutrals-white);
}
.mldc-breadcrumb-container ul li:last-child .chevron-icon {
  display: none;
}

.mldc-rtl .mldc-breadcrumb-container .breadcrumb .items .chevron-icon,
html[dir=rtl] .mldc-breadcrumb-container .breadcrumb .items .chevron-icon,
body[dir=rtl] .mldc-breadcrumb-container .breadcrumb .items .chevron-icon {
  transform: rotate(90deg);
}

/***** @metlife/mldc-message-card *****/
.mldc-message-card.sm .message-wrap {
  margin-bottom: 20px;
}
.mldc-message-card.sm .message-wrap .message {
  height: 169px;
}
.mldc-message-card.sm .message-wrap .message .from .from-title {
  width: 70%;
}
.mldc-message-card.sm .message-wrap .message .content {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.mldc-message-card.md .message-wrap {
  padding-left: 15px;
  padding-right: 15px;
}
.mldc-message-card.md .message-wrap .message {
  height: 169px;
}
.mldc-message-card.md .message-wrap .message .from .from-title {
  width: 70%;
}
.mldc-message-card.md .message-wrap .message .content {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.mldc-message-card.xl .message-wrap .message {
  height: 145px;
}
.mldc-message-card.lg .message-wrap .message {
  height: 145px;
}
.mldc-message-card .message-wrap .message {
  position: relative;
  padding: 8px 8px 16px 8px;
  border: 1px solid var(--color-brand-neutrals-gray-light);
  border-radius: 8px;
  background-color: var(--color-brand-neutrals-white);
  display: flex;
  flex-flow: column;
  gap: 12px;
  justify-content: space-between;
}
.mldc-message-card .message-wrap .message .from {
  display: flex;
  justify-content: space-between;
}
.mldc-message-card .message-wrap .message .from .from-title {
  width: 85%;
}
.mldc-message-card .message-wrap .message .from .from-title h3 {
  font-family: var(--typography-family-noto);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  white-space: nowrap;
  justify-content: space-between;
  font-size: 0.875rem;
  width: 85%;
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-message-card .message-wrap .message .from .time {
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-dark);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mldc-message-card .message-wrap .message .content {
  font-size: 1rem;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-message-card .message-wrap .message .content .subject {
  font-weight: var(--typography-weight-bold);
}
.mldc-message-card .message-wrap .message .cta {
  font-size: 1rem;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 63px;
}
.mldc-message-card .message-wrap .message .cta svg {
  transform: rotate(-90deg) scale(1.5) !important;
  width: 11px !important;
  height: 16px !important;
  stroke-width: 2.5 !important;
}
.mldc-message-card .message-wrap .message .title {
  font-size: 1rem;
  line-height: 24px;
  font-weight: var(--typography-weight-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
}

/***** @metlife/mldc-product-details *****/
.mldc-product-details {
  display: flex;
  gap: 20px;
}
.mldc-product-details.sm .product-details-wrap,
.mldc-product-details .xs .product-details-wrap {
  margin-bottom: 20px;
}
.mldc-product-details.sm .product-details-wrap .product,
.mldc-product-details .xs .product-details-wrap .product {
  margin-top: -4px;
  z-index: 0;
  padding: 16px 8px;
  min-height: 60px;
}
.mldc-product-details.sm .product-details-wrap .product .links,
.mldc-product-details .xs .product-details-wrap .product .links {
  border-left: 0px;
  border-top: 1px solid var(--color-brand-neutrals-gray-light);
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-product-details.sm .product-details-wrap .product .product-right,
.mldc-product-details .xs .product-details-wrap .product .product-right {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mldc-product-details.sm .product-details-wrap .product .product-right .show-less,
.mldc-product-details.sm .product-details-wrap .product .product-right .show-more,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-less,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-more {
  margin-left: auto;
}
.mldc-product-details.sm .product-details-wrap .product .product-right .show-more .tailing,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-more .tailing {
  transform: rotate(90deg);
}
.mldc-product-details.sm .product-details-wrap .product .product-right .show-more .tailing svg,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-more .tailing svg {
  stroke-width: 3 !important;
}
.mldc-product-details.sm .product-details-wrap .product .product-right .show-less,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-less {
  margin-top: 10px;
}
.mldc-product-details.sm .product-details-wrap .product .product-right .show-less .tailing,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-less .tailing {
  transform: rotate(-90deg);
}
.mldc-product-details.sm .product-details-wrap .product .product-right .show-less .tailing svg,
.mldc-product-details .xs .product-details-wrap .product .product-right .show-less .tailing svg {
  stroke-width: 3 !important;
}
.mldc-product-details.sm .product-details-wrap .product .product-right .product-detials-content,
.mldc-product-details .xs .product-details-wrap .product .product-right .product-detials-content {
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-product-details.sm .product-details-wrap .product .product-content,
.mldc-product-details .xs .product-details-wrap .product .product-content {
  overflow: hidden;
  max-height: 0px;
  transition: all 1s ease-in-out;
}
.mldc-product-details.sm .product-details-wrap .product .product-content.open,
.mldc-product-details .xs .product-details-wrap .product .product-content.open {
  max-height: 650px;
  transition: all 1s ease-in-out;
}
.mldc-product-details.sm .product-details-wrap .product .product-content .content-column,
.mldc-product-details .xs .product-details-wrap .product .product-content .content-column {
  display: flex;
  flex-flow: column;
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-product-details.sm .product-details-wrap .product .product-content .links .content-inner,
.mldc-product-details .xs .product-details-wrap .product .product-content .links .content-inner {
  gap: 15px;
  flex-flow: column;
  margin-top: 17px;
}
.mldc-product-details.sm .product-details-wrap .product .content-inner,
.mldc-product-details .xs .product-details-wrap .product .content-inner {
  display: flex;
  flex-flow: row;
  margin-bottom: 17px;
}
.mldc-product-details.sm .product-details-wrap .product .content-inner .content-div,
.mldc-product-details .xs .product-details-wrap .product .content-inner .content-div {
  display: inline-block;
  width: 50%;
}
.mldc-product-details.sm .product-details-wrap .product .content-inner .content-div .content-title,
.mldc-product-details.sm .product-details-wrap .product .content-inner .content-div .content-desc,
.mldc-product-details .xs .product-details-wrap .product .content-inner .content-div .content-title,
.mldc-product-details .xs .product-details-wrap .product .content-inner .content-div .content-desc {
  text-wrap: wrap;
}
.mldc-product-details.sm .product-details-wrap .product-required,
.mldc-product-details .xs .product-details-wrap .product-required {
  position: relative;
  margin-bottom: 2px;
  top: 0px;
  width: 100%;
}
.mldc-product-details.sm .product-details-wrap .product-required .mldc-notification .content .heading-text,
.mldc-product-details .xs .product-details-wrap .product-required .mldc-notification .content .heading-text {
  font-weight: var(--typography-weight-bold);
}
.mldc-product-details.md {
  gap: 40px;
}
.mldc-product-details.md .product-details-wrap {
  padding-left: 15px;
  padding-right: 15px;
  min-height: 230px;
}
.mldc-product-details.md .product-details-wrap .product {
  padding-left: 1px;
  padding-right: 1px;
  display: block;
  margin-top: -42px;
}
.mldc-product-details.md .product-details-wrap .product .product-right .show-more,
.mldc-product-details.md .product-details-wrap .product .product-right .show-less {
  display: none;
}
.mldc-product-details.md .product-details-wrap .product .mobile-view-more {
  display: none;
}
.mldc-product-details.md .product-details-wrap .product .mobile-view-less {
  display: none;
}
.mldc-product-details.md .product-details-wrap .product .product-content {
  margin-top: 42px;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
}
.mldc-product-details.md .product-details-wrap .product .product-content .links .content-inner {
  gap: 25px;
}
.mldc-product-details.md .product-details-wrap .product .product-content .content-column {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.mldc-product-details.md .product-details-wrap .product .product-content .content-column .content-title {
  min-height: 26px;
}
.mldc-product-details.md .product-details-wrap .product-required {
  top: -34px;
  width: 370px;
  left: 15px;
}
.mldc-product-details.xl {
  gap: 40px;
  padding-left: 16px;
}
.mldc-product-details.xl .product-details-wrap {
  min-height: 230px;
}
.mldc-product-details.xl .product-details-wrap .product {
  padding: 32px 32px 32px 0px;
  margin-left: 103px;
}
.mldc-product-details.xl .product-details-wrap .product .product-left {
  min-width: 300px;
}
.mldc-product-details.xl .product-details-wrap .product .product-left,
.mldc-product-details.xl .product-details-wrap .product .product-right {
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-product-details.xl .product-details-wrap .product .product-right {
  width: 100%;
}
.mldc-product-details.xl .product-details-wrap .product .product-right .show-more,
.mldc-product-details.xl .product-details-wrap .product .product-right .show-less {
  display: none;
}
.mldc-product-details.xl .product-details-wrap .product .product-offset {
  width: 402px;
}
.mldc-product-details.xl .product-details-wrap .product .mobile-view-more {
  display: none !important;
}
.mldc-product-details.xl .product-details-wrap .product .mobile-view-less {
  display: none !important;
}
.mldc-product-details.xl .product-details-wrap .product .product-content {
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-product-details.xl .product-details-wrap .product .product-content .links .content-inner {
  gap: 25px;
}
.mldc-product-details.xl .product-details-wrap .product .product-content .content-column {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.mldc-product-details.xl .product-details-wrap .product .product-content .content-column .content-title {
  min-height: 26px;
}
.mldc-product-details.lg {
  gap: 40px;
  padding-left: 16px;
}
.mldc-product-details.lg .product-details-wrap {
  min-height: 230px;
}
.mldc-product-details.lg .product-details-wrap .product {
  padding: 32px 32px 32px 0px;
  margin-left: 96px;
}
.mldc-product-details.lg .product-details-wrap .product .product-left {
  min-width: 300px;
}
.mldc-product-details.lg .product-details-wrap .product .product-left,
.mldc-product-details.lg .product-details-wrap .product .product-right {
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-product-details.lg .product-details-wrap .product .product-right {
  width: 100%;
}
.mldc-product-details.lg .product-details-wrap .product .product-right .show-more,
.mldc-product-details.lg .product-details-wrap .product .product-right .show-less {
  display: none;
}
.mldc-product-details.lg .product-details-wrap .product .product-offset {
  width: 402px;
}
.mldc-product-details.lg .product-details-wrap .product .mobile-view-more {
  display: none;
}
.mldc-product-details.lg .product-details-wrap .product .mobile-view-less {
  display: none;
}
.mldc-product-details.lg .product-details-wrap .product .product-content {
  display: flex;
  padding-left: 0px;
  padding-right: 0px;
}
.mldc-product-details.lg .product-details-wrap .product .product-content .links .content-inner {
  gap: 25px;
}
.mldc-product-details.lg .product-details-wrap .product .product-content .content-column {
  display: flex;
  flex-flow: column;
  gap: 32px;
}
.mldc-product-details.lg .product-details-wrap .product .product-content .content-column .content-title {
  min-height: 26px;
}
.mldc-product-details .product-details-wrap .product-required {
  position: absolute;
  top: -18px;
  left: 0px;
  width: 402px;
  z-index: 3;
}
.mldc-product-details .product-details-wrap .product-required .mldc-notification {
  padding: 4px;
}
.mldc-product-details .product-details-wrap .product-required .mldc-notification .content {
  flex-flow: unset;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .product-required .mldc-notification .content .heading-text {
  font-weight: var(--typography-weight-bold);
}
.mldc-product-details .product-details-wrap .product-required .mldc-notification .content .description-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .product-required .mldc-notification.error {
  background-color: var(--color-swatches-beta-red-base);
}
.mldc-product-details .product-details-wrap .product-required .mldc-icon-button {
  display: none;
}
.mldc-product-details .product-details-wrap .mldc-product-banner {
  padding: 16px 16px 0px 16px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/public/cd830074d1dea5ac3da4.png), linear-gradient(295deg, #005288 0%, #002741 100%);
  background-color: var(--color-background-hero-banner-default);
}
.mldc-product-details .product-details-wrap .mldc-product-banner.home-page {
  min-height: 280px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.primary-page {
  min-height: 240px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.secondary-page {
  min-height: 202px;
  padding: 24px 0;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.secondary-page .heading {
  margin-top: 24px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.secondary-page .description {
  margin-top: 8px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner,
.mldc-product-details .product-details-wrap .mldc-product-banner .content-box,
.mldc-product-details .product-details-wrap .mldc-product-banner .content {
  display: flex;
  flex: 1;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner .content-box .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner .content .product-icon {
  width: 40px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-icon svg,
.mldc-product-details .product-details-wrap .mldc-product-banner .content-box .product-icon svg,
.mldc-product-details .product-details-wrap .mldc-product-banner .content .product-icon svg {
  width: 32px;
  height: 32px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .description {
  margin-top: 16px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  position: relative;
  gap: 0px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-brand-neutrals-white);
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-category {
  font-family: MetLifeCircular;
  font-size: 0.875rem;
  line-height: 21px;
  letter-spacing: 1.75px;
  color: var(--color-brand-neutrals-white);
  font-weight: var(--typography-weight-medium);
  height: 17px;
  margin-bottom: 10px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-category h3 {
  font-family: MetLifeCircular;
  font-size: 0.875rem;
  line-height: 21px;
  letter-spacing: 1.75px;
  color: var(--color-brand-neutrals-white);
  font-weight: var(--typography-weight-medium);
  height: 17px;
  margin-bottom: 10px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-name {
  font-family: MetLifeCircular;
  font-size: 1.5rem;
  line-height: 24px;
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-white);
  font-weight: var(--typography-weight-medium);
  height: 30px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-code {
  font-family: var(--typography-family-noto);
  font-size: 0.875rem;
  line-height: 21px;
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-white);
  font-weight: var(--typography-weight-normal);
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-cta {
  margin-top: auto;
  overflow: visible;
  margin-bottom: 16px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-cta button {
  line-height: 19px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner .product-banner-content-wrap .product-cta button span {
  line-height: 19px;
  max-width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.xl, .mldc-product-details .product-details-wrap .mldc-product-banner.lg {
  display: flex;
  width: 402px;
  height: 209px;
  position: absolute;
  left: 0px;
  top: 16px;
  z-index: 2;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.xl.primary-page.without-description, .mldc-product-details .product-details-wrap .mldc-product-banner.lg.primary-page.without-description {
  display: flex;
  align-items: center;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.xl.primary-page.without-description .content, .mldc-product-details .product-details-wrap .mldc-product-banner.lg.primary-page.without-description .content {
  margin-top: -24px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.xl .content-box,
.mldc-product-details .product-details-wrap .mldc-product-banner.xl .content, .mldc-product-details .product-details-wrap .mldc-product-banner.lg .content-box,
.mldc-product-details .product-details-wrap .mldc-product-banner.lg .content {
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.xl .content-box .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner.xl .content .product-icon, .mldc-product-details .product-details-wrap .mldc-product-banner.lg .content-box .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner.lg .content .product-icon {
  width: 40px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.md {
  width: 370px;
  height: 209px;
  position: relative;
  background-image: url(/public/cd830074d1dea5ac3da4.png), linear-gradient(295deg, #005288 0%, #002741 100%);
  background-color: var(--color-background-hero-banner-default);
  z-index: 2;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.md .content-box,
.mldc-product-details .product-details-wrap .mldc-product-banner.md .content {
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.md .content-box .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner.md .content .product-icon {
  width: 40px;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.sm, .mldc-product-details .product-details-wrap .mldc-product-banner.xs {
  height: 209px;
  position: sticky;
  z-index: 2;
  background-image: url(/public/cd830074d1dea5ac3da4.png), linear-gradient(295deg, #005288 0%, #002741 100%);
  background-color: var(--color-background-hero-banner-default);
}
.mldc-product-details .product-details-wrap .mldc-product-banner.sm .content-box,
.mldc-product-details .product-details-wrap .mldc-product-banner.sm .content, .mldc-product-details .product-details-wrap .mldc-product-banner.xs .content-box,
.mldc-product-details .product-details-wrap .mldc-product-banner.xs .content {
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .mldc-product-banner.sm .content-box .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner.sm .content .product-icon, .mldc-product-details .product-details-wrap .mldc-product-banner.xs .content-box .product-icon,
.mldc-product-details .product-details-wrap .mldc-product-banner.xs .content .product-icon {
  width: 40px;
}
.mldc-product-details .product-details-wrap .product {
  position: relative;
  padding: 8px 8px 16px 8px;
  border: 1px solid var(--color-brand-neutrals-gray-light);
  border-radius: 8px;
  box-shadow: 0px 0px 5px var(--color-box-shadow-3);
  background-color: var(--color-brand-neutrals-white);
  display: flex;
  justify-content: space-between;
  min-height: 140px;
}
.mldc-product-details .product-details-wrap .product .links {
  padding-right: 0px;
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-product-details .product-details-wrap .product .content-inner {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 8px;
}
.mldc-product-details .product-details-wrap .product .content-inner .content-inner-title .content-inner-title-alert {
  text-wrap: wrap;
  text-overflow: unset;
  white-space: unset;
}
.mldc-product-details .product-details-wrap .product .content-inner .content-inner-title .mldc-text-link {
  font-weight: normal;
}
.mldc-product-details .product-details-wrap .product .content-inner .content-div {
  display: flex;
  flex-flow: column;
}
.mldc-product-details .product-details-wrap .product .content-inner span {
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-darkest);
  text-overflow: ellipsis;
  overflow: hidden;
}
.mldc-product-details .product-details-wrap .product .content-inner .content-title .tooltip-wrap {
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
}
.mldc-product-details .product-details-wrap .product .content-inner .content-desc {
  display: flex;
  flex-flow: column;
  font-size: 1rem;
  line-height: 24px;
  font-weight: var(--typography-weight-bold);
}
.mldc-product-details .product-details-wrap .product .content-inner .content-desc.show-more-desc svg {
  transform: rotate(360deg) !important;
  stroke-width: 3 !important;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-product-details .product-details-wrap .product .content-inner .content-desc.show-less-desc .tailing {
  margin-left: 5px;
}
.mldc-product-details .product-details-wrap .product .content-inner .content-desc.show-less-desc svg {
  transform: rotate(-180deg) !important;
  stroke-width: 3 !important;
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-product-details .product-details-wrap .product .content {
  font-size: 1rem;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-product-details .product-details-wrap .product .content .subject {
  font-weight: var(--typography-weight-bold);
}
.mldc-product-details .product-details-wrap .product .cta {
  font-size: 1rem;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 63px;
}
.mldc-product-details .product-details-wrap .product .cta svg {
  transform: rotate(-90deg) scale(1.5) !important;
  width: 11px !important;
  height: 16px !important;
  stroke-width: 2.5 !important;
}
.mldc-product-details .product-details-wrap .product .title {
  font-size: 1rem;
  line-height: 24px;
  font-weight: var(--typography-weight-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
}
.mldc-product-details .product-details-wrap .product .tooltip-wrapper button {
  width: 24px;
  height: 24px;
}
.mldc-product-details .product-details-wrap .product .tooltip-wrapper svg {
  width: 24px;
  height: 24px;
}

/***** @metlife/mldc-status-stickers *****/
.mldc-status-stickers {
  display: block;
  border-radius: 54px;
  opacity: 1;
  width: fit-content;
  height: auto;
  color: var(--color-brand-neutrals-white);
}
.mldc-status-stickers.completed {
  background-color: var(--color-swatches-beta-green-darkest);
}
.mldc-status-stickers.on-track {
  background-color: var(--color-brand-primary-ml-green-base);
  color: var(--color-brand-neutrals-black);
}
.mldc-status-stickers.need-attention {
  background-color: var(--color-brand-secondary-ml-yellow-base);
  color: var(--color-brand-neutrals-black);
}
.mldc-status-stickers.rejected {
  background-color: var(--color-swatches-beta-red-base);
}
.mldc-status-stickers.inactive {
  background-color: var(--color-brand-neutrals-gray-lightest);
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-status-stickers.inactive-dark {
  background-color: var(--color-brand-neutrals-gray-darkest);
  color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-status-stickers.pending {
  background-color: var(--color-swatches-beta-orange-base);
  color: var(--color-brand-neutrals-black);
}
.mldc-status-stickers.feature-highlight-1 {
  background-color: var(--color-brand-secondary-ml-purple-base);
}
.mldc-status-stickers.feature-highlight-2 {
  background-color: var(--color-brand-secondary-ml-teal-base-darkest);
}
.mldc-status-stickers.feature-highlight-3 {
  background-color: var(--color-brand-secondary-ml-berry-base);
}
.mldc-status-stickers .content {
  display: block;
  padding: 2px 8px;
  font-family: var(--typography-family-noto);
  text-align: left;
  font-size: 0.75rem;
  line-height: 18px;
  font-weight: var(--typography-weight-semi-bold);
  width: fit-content;
}

/***** @metlife/mldc-show-hide-more-panel *****/
/* Safari */
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes swingViewport {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(100vw - 131%));
  }
}
@keyframes swingViewportS {
  to {
    transform: translateX(0);
  }
  from {
    transform: translateX(calc(100vw - 100%));
  }
}
.mldc-show-hide-more-panel .skeleton-wrap-sample-1 {
  display: block;
}
.mldc-show-hide-more-panel .show-hide-content {
  background: transparent linear-gradient(0deg, var(--color-brand-neutrals-white) 50%, var(--color-brand-neutrals-gray-lightest) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 16px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-medium);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
  display: flex;
}
.mldc-show-hide-more-panel .show-hide-content.slide-up {
  padding: 13px;
  transition: 0.3s all ease;
}
.mldc-show-hide-more-panel .show-hide-content.slide-default {
  padding: 13px;
}
.mldc-show-hide-more-panel .show-hide-content .show-hide-body {
  height: auto;
  max-height: 9999px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  opacity: 1;
}
.mldc-show-hide-more-panel .show-hide-content .show-hide-body .skeleton-card-sample {
  box-shadow: none;
}
.mldc-show-hide-more-panel .show-hide-content .show-hide-body.slide-up {
  overflow: hidden;
  animation: slide-up-panel 0.8s linear both;
}
.mldc-show-hide-more-panel .show-hide-content .show-hide-body.slide-collapsed {
  height: 0;
  max-height: 0;
  overflow: hidden;
}
.mldc-show-hide-more-panel .show-hide-content .show-hide-body.slide-expanded {
  height: auto;
  max-height: 9999px;
}
.mldc-show-hide-more-panel .show-hide-content .show-hide-body.slide-down {
  overflow: hidden;
  animation: slide-down-panel 0.8s linear both;
}
.mldc-show-hide-more-panel .show-hide-footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.mldc-show-hide-more-panel .show-hide-footer.left {
  justify-content: start;
  padding-left: 30px;
}
.mldc-show-hide-more-panel .show-hide-footer.center {
  justify-content: center;
}
.mldc-show-hide-more-panel .show-hide-footer.right {
  justify-content: end;
  padding-right: 30px;
}
.mldc-show-hide-more-panel .show-hide-footer .show-hide-button {
  background-color: var(--color-brand-neutrals-white);
  margin-top: -1px;
  display: flex;
  width: 64px;
  height: 24px;
  box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.1607843137);
  border: 1px solid var(--color-brand-neutrals-gray-medium);
  border-radius: 0px 0px 8px 8px;
  border-top: 0px;
  justify-content: center;
  opacity: 1;
}
.mldc-show-hide-more-panel .show-hide-footer .show-hide-button .mldc-icon-button {
  width: 16px;
  height: 16px;
}
.mldc-show-hide-more-panel .show-hide-footer .show-hide-button .mldc-icon-button svg {
  transform: rotate(180deg);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-show-hide-more-panel .show-hide-footer .show-hide-button.slide-up .mldc-icon-button svg {
  transform: rotate(0deg);
  transition: 0.8s transform ease-in-out;
}
.mldc-show-hide-more-panel .show-hide-footer .show-hide-button.slide-down .mldc-icon-button svg {
  transform: rotate(180deg);
  transition: 0.8s transform ease-in-out;
}

.mldc-show-hide-more-panel-bottom-up {
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
}
.mldc-show-hide-more-panel-bottom-up .skeleton-wrap-sample-1 {
  display: block;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content {
  background: linear-gradient(180deg, #FFF 72.69%, #F3F3F3 100%);
  opacity: 1;
  padding: 16px;
  border-top: 1px solid var(--color-brand-neutrals-gray-medium);
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.15);
  display: flex;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content.slide-up {
  padding: 13px;
  transition: 0.3s all ease;
  background: linear-gradient(180deg, #FFF 52%, #F3F3F3 100%);
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content.slide-default {
  padding: 13px;
  background: linear-gradient(180deg, #FFF 52%, #F3F3F3 100%);
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content .show-hide-body {
  height: auto;
  max-height: 9999px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  opacity: 1;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content .show-hide-body .skeleton-card-sample {
  box-shadow: none;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content .show-hide-body.slide-up {
  overflow: hidden;
  animation: slide-up-panel 0.8s linear both;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content .show-hide-body.slide-collapsed {
  height: 0;
  max-height: 0;
  overflow: hidden;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content .show-hide-body.slide-expanded {
  height: auto;
  max-height: 9999px;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-content .show-hide-body.slide-down {
  overflow: hidden;
  animation: slide-down-panel 0.8s linear both;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer.left {
  justify-content: start;
  padding-left: 30px;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer.center {
  justify-content: center;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer.right {
  justify-content: end;
  padding-right: 30px;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer .show-hide-button {
  background-color: var(--color-brand-neutrals-white);
  margin-bottom: -1px;
  display: flex;
  width: 64px;
  height: 24px;
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-brand-neutrals-gray-medium);
  border-radius: 8px 8px 0px 0px;
  border-bottom: 0px;
  flex-shrink: 0;
  justify-content: center;
  opacity: 1;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer .show-hide-button .mldc-icon-button {
  width: 16px;
  height: 16px;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer .show-hide-button .mldc-icon-button svg {
  transform: rotate(0deg);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer .show-hide-button.slide-down .mldc-icon-button svg {
  transform: rotate(0deg);
  transition: 0.8s transform ease-in-out;
}
.mldc-show-hide-more-panel-bottom-up .show-hide-footer .show-hide-button.slide-up .mldc-icon-button svg {
  transform: rotate(180deg);
  transition: 0.8s transform ease-in-out;
}

.mldc-show-hide-more-panel-bottom {
  position: fixed;
  bottom: 0px;
  right: 0px;
}
.mldc-show-hide-more-panel-bottom .skeleton-wrap-sample-1 {
  display: block;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom {
  display: flex;
  background: transparent linear-gradient(0deg, var(--color-brand-neutrals-white) 50%, var(--color-brand-neutrals-gray-lightest) 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  padding: 24px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-medium);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1607843137);
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom.slide-up {
  padding: 13px;
  transition: 0.3s all ease;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom.slide-default {
  padding: 13px;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom .show-hide-body {
  height: auto;
  max-height: 9999px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  opacity: 1;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom .show-hide-body .skeleton-card-sample {
  box-shadow: none;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom .show-hide-body.slide-up {
  overflow: hidden;
  animation: slide-up-panel 0.8s linear both;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom .show-hide-body.slide-collapsed {
  height: 0;
  max-height: 0;
  overflow: hidden;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom .show-hide-body.slide-expanded {
  height: auto;
  max-height: 9999px;
}
.mldc-show-hide-more-panel-bottom .show-hide-content-bottom .show-hide-body.slide-down {
  overflow: hidden;
  animation: slide-down-panel 0.8s linear both;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom {
  cursor: pointer;
  width: 100%;
  align-items: center;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom.left {
  justify-content: start;
  padding-left: 30px;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom.center {
  justify-content: center;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom:focus {
  outline: none;
  border: 0px;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom:focus::after {
  outline: none;
  content: "";
  display: block;
  position: absolute;
  border: 0px;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  padding-left: 24px;
  background: var(--color-brand-primary-ml-blue2) 0% 0% no-repeat padding-box;
  margin-top: -1px;
  display: flex;
  height: 54px;
  border: 1px solid var(--color-brand-neutrals-gray-medium);
  border-radius: 16px 0px 0px 0px;
  border-top: 0px;
  opacity: 1;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button {
  width: 16px;
  height: 16px;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button svg {
  transform: rotate(180deg);
  color: var(--color-brand-neutrals-white);
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button:focus {
  outline: none;
  box-shadow: none;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-neutrals-white);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -2px;
  top: -2px;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button.bottom-close:focus {
  outline: none;
  box-shadow: none;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button.bottom-close:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-neutrals-white);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -2px;
  top: -2px;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .mldc-icon-button.bottom-close:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .show-hide-button-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  animation: 0.5s ease-in-out swingViewportS;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .show-hide-button-wrapper.slide-up {
  animation: 0.5s swingViewportS;
  animation-fill-mode: both;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .show-hide-button-wrapper.slide-up .bottom-icon-button svg {
  transform: rotate(-360deg);
  color: var(--color-brand-neutrals-white);
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .show-hide-button-wrapper.slide-down {
  animation: 0.00001s swingViewport;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .show-hide-button-wrapper.slide-down .button-text h2 {
  width: 215px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .button-text h2 {
  font-family: NotoSans;
  font-weight: 600;
  font-size: 1rem;
  line-height: 24px;
  color: var(--color-brand-neutrals-white);
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .close-icon {
  display: flex;
  align-items: flex-end;
  right: 24px;
  position: absolute;
}
.mldc-show-hide-more-panel-bottom .show-hide-footer-bottom .show-hide-button .close-icon.hide {
  display: none;
}

.mldc-show-hide-more-panel-bottom {
  position: fixed;
  bottom: 0px;
  height: 54px;
  right: 0px;
  display: flex;
  width: 284px;
  flex-direction: column;
}
.mldc-show-hide-more-panel-bottom.slide-down {
  width: 284px;
  height: 54px;
  transition: height 0.7s, width 0.75s;
}
.mldc-show-hide-more-panel-bottom.slide-down.top-left {
  left: 0px;
}
.mldc-show-hide-more-panel-bottom.slide-down.bottom-left {
  left: 0px;
}
.mldc-show-hide-more-panel-bottom.slide-down .top-left .show-hide-button {
  border-radius: 0px 16px 0px 0px;
}
.mldc-show-hide-more-panel-bottom.slide-down .bottom-left .show-hide-button {
  border-radius: 0px 16px 0px 0px;
}
.mldc-show-hide-more-panel-bottom.slide-down .bottom-left .show-hide-button .bottom-icon-button {
  order: 2;
}
.mldc-show-hide-more-panel-bottom.slide-up {
  border-radius: 16px 16px 0px 0px;
  width: 100%;
  transition: width 0.05s, height 0.75s;
}
.mldc-show-hide-more-panel-bottom.slide-up .show-hide-button {
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 16px 16px 0px 0px;
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .show-hide-button-wrapper.slide-up .bottom-icon-button svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button:focus {
  outline: none;
  box-shadow: none;
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button:focus::after {
  border: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button.bottom-close:focus {
  outline: none;
  box-shadow: none;
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button.bottom-close:focus::after {
  border: 2px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-show-hide-more-panel-bottom.dark-bg .show-hide-footer-bottom .show-hide-button .mldc-icon-button.bottom-close:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-show-hide-more-panel-bottom.dark-bg .bottom-close svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-show-hide-more-panel-bottom .default.slide-up .show-hide-button {
  border-radius: 16px 16px 0px 0px;
}

/***** @metlife/mldc-navigation *****/
.mldc-navigation {
  position: relative;
  background-color: var(--color-brand-neutrals-white);
  box-shadow: var(--space-0) 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.mldc-navigation .content-box {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 19px var(--space-padding-m);
  height: 70px;
  gap: 10px;
}
.mldc-navigation .content-box div[role=link] {
  width: fit-content;
}
.mldc-navigation .content-box div[role=link]:focus-within + .sub-menu {
  display: block;
}
.mldc-navigation .content-box div[role=link]:focus-within .sub-menu {
  display: block;
}
.mldc-navigation .content-box div[role=link].active {
  border-bottom: 4px solid var(--color-brand-primary-ml-blue3);
}
.mldc-navigation .content-box div[role=link].active + .parent-arrow svg {
  transform: rotate(180deg);
}
.mldc-navigation .content-box div[role=link]:focus {
  position: relative;
  outline: none;
}
.mldc-navigation .content-box div[role=link]:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-2) solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 20px);
  height: 70px;
  left: -5px;
  top: 0px;
}
.mldc-navigation .content-box div[role=link]:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-navigation .content-box div[role=link].logo:focus::after {
  height: calc(100% + 6px);
  left: -3px;
  top: -3px;
}
.mldc-navigation .content-box .hamburger {
  flex: 1;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .hamburger:focus::after {
  width: calc(100% + 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: -5px;
}
.mldc-navigation .content-box .branding {
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .branding .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mldc-navigation .content-box .branding .divider {
  height: 32px;
  width: 2px;
  background-color: var(--color-brand-primary-ml-blue1-base);
  margin: 0 15px;
}
.mldc-navigation .content-box .branding .name {
  font-size: var(--typography-px-size-24-to-rem);
  line-height: 32px;
  color: var(--color-brand-neutrals-gray-darkest);
  width: 217px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-navigation .content-box .branding .name.small {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 38px;
  white-space: pre-wrap;
  line-height: normal;
  font-size: var(--typography-px-size-14-to-rem);
}
.mldc-navigation .content-box .branding .branding-icon {
  max-width: 217px;
}
.mldc-navigation .content-box .branding .branding-icon svg {
  max-width: 217px;
}
.mldc-navigation .content-box .branding .branding-icon img {
  object-fit: cover;
  width: 100%;
}
.mldc-navigation .content-box .branding .branding-dropdown {
  width: 217px;
}
.mldc-navigation .content-box .branding .branding-dropdown .combobox {
  height: 33px;
  padding: var(--space-0);
}
.mldc-navigation .content-box .branding .branding-dropdown .combobox span {
  width: 100%;
}
.mldc-navigation .content-box .branding .branding-dropdown .combobox .drop-combo-label {
  font-size: var(--typography-px-size-24-to-rem);
}
.mldc-navigation .content-box .branding .branding-dropdown .dropdown-list {
  box-shadow: var(--space-0) var(--space-0) 5px var(--color-box-shadow-3);
  width: 270px;
  left: -35px;
  top: 40px;
  padding: var(--space-padding-base) var(--space-0) !important;
}
.mldc-navigation .content-box .navbar-actions {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .navbar-actions .notification-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .navbar-actions .links {
  display: flex;
}
.mldc-navigation .content-box .navbar-actions .links .menu-divider {
  display: none;
}
.mldc-navigation .content-box .navbar-actions .links li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: var(--space-0) var(--space-14);
  gap: var(--space-4);
}
.mldc-navigation .content-box .navbar-actions .links li:hover::after {
  content: "";
  display: block;
  width: calc(100% - 28px);
  height: 4px;
  background: linear-gradient(90deg, #003355 0%, var(--color-brand-primary-ml-blue3) 100%);
  position: absolute;
  bottom: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li a {
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.mldc-navigation .content-box .navbar-actions .links li .js-arrow {
  transform: rotate(180deg);
}
.mldc-navigation .content-box .navbar-actions .links li:hover .htmlcss-arrow,
.mldc-navigation .content-box .navbar-actions .links li:hover .js-arrow {
  transform: rotate(0deg);
}
.mldc-navigation .content-box .navbar-actions .links li .arrow {
  /* background: red; */
  height: 100%;
  width: 22px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu {
  position: absolute;
  top: 100%;
  width: 240px;
  flex-wrap: wrap;
  text-wrap: wrap;
  left: 0;
  line-height: 40px;
  background: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: var(--space-0) var(--space-0) var(--space-4) var(--space-4);
  display: none;
  z-index: 2;
  height: auto;
  padding: var(--space-0) var(--space-padding-m) var(--space-0) var(--space-padding-m);
  margin: 0;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu:focus-within {
  display: block;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper {
  display: flex;
  flex-flow: column;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span {
  width: 100%;
  display: flex;
  gap: var(--space-8);
  height: auto;
  align-items: flex-start;
  justify-content: space-between;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span .sub-menu-icon {
  display: flex;
  align-items: flex-start;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span a {
  display: flex;
  flex: 1;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span .sub-menu-arrow {
  display: flex;
  align-items: flex-end;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span .js-arrow {
  transform: rotate(180deg);
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu li:last-child {
  border-bottom: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li .more-sub-menu {
  position: absolute;
  top: 0;
  width: 240px;
  flex-wrap: wrap;
  text-wrap: wrap;
  left: 0;
  line-height: 40px;
  background: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: var(--space-0) var(--space-0) var(--space-4) var(--space-4);
  z-index: 2;
  height: auto;
  padding: var(--space-0) var(--space-padding-m);
  margin: 0;
}
.mldc-navigation .content-box .navbar-actions .links .htmlCss-sub-menu li::after {
  content: "";
  display: none;
}
.mldc-navigation .content-box .navbar-actions .links .htmlCss-sub-menu.show {
  display: block;
}
.mldc-navigation .content-box .navbar-actions .links li:hover .htmlCss-sub-menu,
.mldc-navigation .content-box .navbar-actions .links li:hover .js-sub-menu {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.mldc-navigation .content-box .navbar-actions .links li:hover .htmlCss-sub-menu::after,
.mldc-navigation .content-box .navbar-actions .links li:hover .js-sub-menu::after {
  content: "";
  display: none;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #003355 0%, var(--color-brand-primary-ml-blue3) 100%);
  position: absolute;
  bottom: -19px;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu li {
  width: 100%;
  padding: var(--space-12) var(--space-0);
  text-wrap: wrap;
  border-bottom: 1px solid #d9d9d6;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu a {
  color: var(--color-brand-neutrals-gray-darkest);
  text-wrap: wrap;
  line-height: 24px;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-7);
  font-family: var(--typography-family-metlife);
  letter-spacing: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-sub-menu {
  display: none;
  position: relative;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-sub-menu li a {
  width: 100%;
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: 400;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-sub-menu li a:hover {
  text-decoration: underline;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-arrow {
  line-height: 40px;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-more-sub-menu {
  line-height: 40px;
}
.mldc-navigation .content-box .navbar-actions .links li .more-sub-menu {
  position: relative;
  box-shadow: none;
  z-index: 1;
}
.mldc-navigation .content-box .navbar-actions .links li .more-sub-menu li {
  padding: 8px 0px 8px 36px;
  border-bottom: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu-wrapper span:hover a {
  text-decoration: underline;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu-wrapper:hover .more-sub-menu {
  display: flex;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu-wrapper:hover .js-arrow {
  transform: rotate(360deg) !important;
}
.mldc-navigation .content-box .navbar-actions .more-sub-menu {
  display: none;
  position: relative;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.mldc-navigation .content-box .navbar-actions .more-sub-menu li a {
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: 400;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 16px 0;
  align-items: flex-start;
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info h1 {
  font-size: var(--typography-px-size-18-to-rem);
  font-family: var(--typography-family-metlife);
  line-height: 27px;
  font-weight: 500;
  color: var(--color-brand-neutrals-black);
  width: 208px;
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info p {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: 400;
  line-height: 21px;
  color: var(--color-brand-neutrals-black);
  width: 208px;
  padding-bottom: 12px;
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info a {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: 600;
  line-height: 24px;
  font-family: var(--typography-family-noto);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info a:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .content-box .log-divider {
  width: 1px;
  height: calc(100% + 38px);
}
.mldc-navigation .content-box .log-divider::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-metlife-divider-gray);
}
.mldc-navigation .content-box .logout-wrapper {
  display: flex;
  align-items: center;
  gap: var(--space-24);
}
.mldc-navigation .content-box .log-in-or-out,
.mldc-navigation .content-box .log-in-or-out * {
  font-size: var(--typography-px-size-12-to-rem);
  font-family: var(--typography-family-metlife);
}
.mldc-navigation .content-box .log-in-or-out > * {
  cursor: pointer;
  width: fit-content;
}
.mldc-navigation .content-box .log-in-or-out .mldc-text-link {
  gap: var(--space-2);
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .content-box .log-in-or-out .mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .content-box .log-in-or-out svg {
  width: 20px;
  height: 20px;
}
.mldc-navigation .content-box .log-in-or-out a:focus::after {
  height: 20px;
  left: -2px;
  top: 1px;
}
.mldc-navigation .content-box .logout .profile-menu {
  cursor: pointer;
  width: 60px;
  display: flex;
  gap: var(--space-4);
}
.mldc-navigation .content-box .logout .profile-menu .profile-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: var(--space-1) solid #a7a8aa;
  background-color: #e6f4fb;
  color: var(--color-brand-primary-ml-blue3);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-14-to-rem);
}
.mldc-navigation .content-box .logout .profile-menu .profile-icon .profile-alert {
  position: absolute;
  right: 0;
  top: -7px;
  width: 8px;
  height: 8px;
}
.mldc-navigation .content-box .logout .profile-menu .profile-icon .profile-alert.xl, .mldc-navigation .content-box .logout .profile-menu .profile-icon .profile-alert.lg {
  top: -3px;
}
.mldc-navigation .content-box .logout .profile-menu .profile-arrow {
  width: 16px;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .logout .profile-menu .profile-arrow.profile-arrow-open svg {
  transform: rotate(180deg);
}
.mldc-navigation .content-box .nav-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mldc-navigation .content-box .nav-links .item div {
  width: fit-content;
  font-size: var(--typography-px-size-12-to-rem);
  line-height: 13px;
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-black);
  letter-spacing: 2px;
  cursor: pointer;
  height: 70px;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .nav-links .item:focus .sub-menu {
  display: block;
}
.mldc-navigation .content-box .mldc-slide-panel .modal-bg {
  opacity: 0.7 !important;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show {
  justify-content: flex-start;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog {
  width: 375px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header {
  padding: 10px 15px;
  height: 40px;
  align-items: center;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header .mldc-icon-button {
  width: 10.52px;
  height: 10.52px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header .branding .divider {
  height: 20px;
  width: 1px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header .branding .name {
  font-size: var(--typography-px-size-14-to-rem);
  line-height: 20px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body {
  background-color: var(--color-brand-neutrals-gray-lightest);
  padding: 0 0 15px 16px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .nav-slide-panel-body .log-in-or-out {
  display: flex;
  gap: var(--space-24);
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .nav-slide-panel-body .log-in-or-out a span {
  font-weight: 500;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .actions {
  padding: 16px 0;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .actions:not(:empty) {
  width: calc(100% - 16px);
  border-bottom: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .nav-links li {
  padding: 24px 0;
  /*
  border-bottom: 1px solid
      var(--color-brand-neutrals-gray-medium);
  */
}
.mldc-navigation .content-box .visually-hidden {
  visibility: hidden;
}
.mldc-navigation .content-box.xl .navbar-actions, .mldc-navigation .content-box.lg .navbar-actions {
  gap: var(--space-40);
}
.mldc-navigation .content-box.xl .links .sub-menu .menu-info p, .mldc-navigation .content-box.lg .links .sub-menu .menu-info p {
  padding-bottom: 12px;
}
.mldc-navigation .content-box.xl .links li .htmlCss-sub-menu .sub-menu-wrapper, .mldc-navigation .content-box.lg .links li .htmlCss-sub-menu .sub-menu-wrapper {
  gap: var(--space-16);
}
.mldc-navigation .content-box.xl .links li .htmlCss-sub-menu .sub-menu-wrapper .more-sub-menu li:first-child, .mldc-navigation .content-box.lg .links li .htmlCss-sub-menu .sub-menu-wrapper .more-sub-menu li:first-child {
  padding-top: 0px;
}
.mldc-navigation .content-box.md .navbar-actions {
  gap: var(--space-24);
  min-width: 16px;
  justify-content: flex-start;
}
.mldc-navigation .content-box.md .navbar-actions .links .menu-divider {
  display: block;
  height: 1px;
  width: calc(100% - 16px);
  background-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-navigation .content-box.md .navbar-actions .links li .htmlCss-sub-menu {
  padding-left: 26px;
  display: flex;
  gap: var(--space-8);
  position: relative;
}
.mldc-navigation .content-box.md .navbar-actions .links li:hover::after {
  content: "";
  display: none;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links {
  width: 100%;
  display: block;
  flex-direction: column;
  align-items: flex-start;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item {
  width: 100%;
  flex-flow: column;
  align-items: flex-start;
  padding-bottom: 0px !important;
  gap: var(--space-0);
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item div {
  height: auto;
  margin-bottom: 24px;
  font-weight: var(--typography-weight-medium);
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item .menu-divider {
  height: 1px;
  margin-bottom: 0px;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item .parent-arrow {
  display: none;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu {
  box-shadow: none;
  width: 100%;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu li {
  padding: 16px 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu li:last-child {
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .sub-menu-wrapper .sub-menu-icon {
  display: none;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .more-sub-menu {
  width: 100%;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .more-sub-menu li {
  border-bottom: 0px !important;
  padding: 8px 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  gap: var(--space-4);
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info h1,
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info p {
  width: 100%;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info h1 {
  font-weight: var(--typography-weight-7);
}
.mldc-navigation .content-box.sm, .mldc-navigation .content-box.xs {
  padding: 10px 16px;
  height: 48px;
}
.mldc-navigation .content-box.sm .hamburger:focus::after, .mldc-navigation .content-box.xs .hamburger:focus::after {
  width: calc(100% + 10px);
  height: calc(100% + 2px);
  top: -1px;
  left: -5px;
}
.mldc-navigation .content-box.sm .branding .divider, .mldc-navigation .content-box.xs .branding .divider {
  height: 16px;
  width: 1px;
  margin: 0 8px;
}
.mldc-navigation .content-box.sm .branding .mobile-logo, .mldc-navigation .content-box.xs .branding .mobile-logo {
  width: 22px;
  height: 20px;
}
.mldc-navigation .content-box.sm .branding .mobile-logo-full, .mldc-navigation .content-box.xs .branding .mobile-logo-full {
  width: 93px;
  height: 20px;
}
.mldc-navigation .content-box.sm .branding .name, .mldc-navigation .content-box.xs .branding .name {
  font-size: var(--typography-px-size-14-to-rem);
  line-height: 20px;
  color: var(--color-brand-neutrals-gray-darkest);
  width: 162px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-navigation .content-box.sm .branding .name.small, .mldc-navigation .content-box.xs .branding .name.small {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 38px;
  white-space: pre-wrap;
}
.mldc-navigation .content-box.sm .branding .branding-icon, .mldc-navigation .content-box.xs .branding .branding-icon {
  max-width: 161px !important;
}
.mldc-navigation .content-box.sm .branding .branding-icon svg, .mldc-navigation .content-box.xs .branding .branding-icon svg {
  max-width: 161px !important;
}
.mldc-navigation .content-box.sm .branding .branding-icon img, .mldc-navigation .content-box.xs .branding .branding-icon img {
  width: 100% !important;
  height: unset !important;
  object-fit: cover;
}
.mldc-navigation .content-box.sm .navbar-actions, .mldc-navigation .content-box.xs .navbar-actions {
  min-width: 16px;
  justify-content: flex-start;
}
.mldc-navigation .content-box.sm .navbar-actions .links .menu-divider, .mldc-navigation .content-box.xs .navbar-actions .links .menu-divider {
  display: block;
  height: 1px;
  width: calc(100% - 16px);
  background-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-navigation .content-box.sm .navbar-actions .links li .htmlCss-sub-menu, .mldc-navigation .content-box.xs .navbar-actions .links li .htmlCss-sub-menu {
  padding-left: 26px;
  display: flex;
  gap: var(--space-8);
  position: relative;
}
.mldc-navigation .content-box.sm .navbar-actions .links li:hover::after, .mldc-navigation .content-box.xs .navbar-actions .links li:hover::after {
  content: "";
  display: none;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links, .mldc-navigation .content-box.xs .navbar-actions .nav-links {
  width: 100%;
  display: block;
  flex-direction: column;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item {
  width: 100%;
  flex-flow: column;
  align-items: flex-start;
  padding-bottom: 0px !important;
  gap: var(--space-0);
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item div, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item div {
  height: auto;
  margin-bottom: 24px;
  font-weight: var(--typography-weight-medium);
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item .menu-divider, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item .menu-divider {
  height: 1px;
  margin-bottom: 0px;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item .parent-arrow, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item .parent-arrow {
  display: none;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu {
  box-shadow: none;
  width: 100%;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu li, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu li {
  padding: 16px 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu li:last-child, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu li:last-child {
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .sub-menu-wrapper .sub-menu-icon, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .sub-menu-wrapper .sub-menu-icon {
  display: none;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .more-sub-menu, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .more-sub-menu {
  width: 100%;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .more-sub-menu li, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .more-sub-menu li {
  border-bottom: 0px !important;
  padding: 8px 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  gap: var(--space-4);
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info h1,
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info p, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info h1,
.mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info p {
  width: 100%;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info h1, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info h1 {
  font-weight: var(--typography-weight-7);
}
.mldc-navigation .content-box.sm .mldc-slide-panel .modal.show .modal-dialog, .mldc-navigation .content-box.xs .mldc-slide-panel .modal.show .modal-dialog {
  width: 100%;
}
.mldc-navigation .profile-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-16);
  width: 100%;
  max-width: 375px;
  box-shadow: -3px 3px 18px 0px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  background: var(--color-brand-neutrals-white);
  position: absolute;
  top: 78px;
  right: 0;
  z-index: 1000;
}
.mldc-navigation .profile-overlay.xl {
  right: 16px;
}
.mldc-navigation .profile-overlay.sm, .mldc-navigation .profile-overlay.xs {
  top: 53px;
}
.mldc-navigation .profile-overlay .profile-bg {
  display: flex;
  justify-content: center;
  height: 174px;
  width: 100%;
  position: relative;
}
.mldc-navigation .profile-overlay .profile-bg .profile-gradient {
  display: flex;
  width: 100%;
  height: 105px;
  border-radius: var(--Radius-radius-base, 8px) var(--Radius-radius-base, 8px) 0px 0px;
  background: var(--Gradient-3---Med-Blue-to-Greeen, linear-gradient(270deg, #278280 0%, #0061a0 100%));
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu {
  text-align: center;
  position: absolute;
  display: flex;
  width: 144px;
  font-size: var(--typography-px-size-44-to-rem);
  height: 144px;
  border-radius: 50%;
  border: var(--space-4) solid var(--color-brand-neutrals-white);
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  line-height: 66px; /* 150% */
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-primary-ml-blue3);
  bottom: 0;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="137" height="136" viewBox="0 0 137 136" fill="none"><circle cx="68.5" cy="68" r="66.5" fill="%23E6F4FB" stroke="url(%23paint0_linear_2739_130)" stroke-width="3"/><defs><linearGradient id="paint0_linear_2739_130" x1="136.5" y1="68" x2="0.5" y2="68" gradientUnits="userSpaceOnUse"><stop stop-color="%23A4CE4E"/><stop offset="1" stop-color="%230090DA"/></linearGradient></defs></svg>');
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu .profile-icon span {
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-primary-ml-blue3);
  font-style: normal;
  font-weight: 500;
  line-height: 66px; /* 150% */
  font-size: var(--typography-px-size-44-to-rem);
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu .profile-icon .profile-edit {
  position: absolute;
  bottom: 11px;
  right: 5px;
  width: 28px;
  height: 28px;
  background-color: #007abc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu .profile-icon .profile-edit .profile-edit-icon {
  display: flex;
}
.mldc-navigation .profile-overlay .profile-bg .overlay-close {
  position: absolute;
  top: 9px;
  right: 8px;
}
.mldc-navigation .profile-overlay .profile-bg .overlay-close .mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-2) solid var(--color-brand-neutrals-white);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
}
.mldc-navigation .profile-overlay .profile-bg .overlay-close .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-navigation .profile-overlay .profile-details {
  display: flex;
  width: 375px;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
}
.mldc-navigation .profile-overlay .profile-details .profile-name {
  font-family: var(--typography-family-metlife);
  font-weight: 500;
  font-size: var(--typography-px-size-24-to-rem);
  line-height: 28px; /* 116.667% */
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-details .profile-email {
  font-family: var(--typography-family-metlife);
  font-weight: 400;
  line-height: normal;
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-16);
  align-self: stretch;
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links {
  display: flex;
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link {
  font-weight: 500;
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link span {
  font-family: var(--typography-family-metlife);
  font-weight: 500;
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link span:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .divider {
  width: 1px;
  height: 20px;
  margin: 0 16px;
  background-color: var(--color-metlife-divider-gray);
}
.mldc-navigation .profile-overlay .profile-links .mldc-text-link {
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links .mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-dropdown {
  margin-top: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mldc-navigation .profile-overlay .profile-dropdown .profile-pills-dropdown {
  width: 197px;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .dropdown-list {
  width: 197px;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .combobox {
  width: 100%;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .combobox .dropdown-field {
  width: 125px;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .combobox .dropdown-field .drop-combo-label {
  width: 125px;
  display: block;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .dropdown-actions-wrapper {
  width: 197px;
}
.mldc-navigation .profile-overlay .profile-nav-links {
  width: 100%;
  border-top: 1px solid #d9d9d6;
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  font-family: var(--typography-family-metlife);
}
.mldc-navigation .profile-overlay .profile-nav-links a.mldc-text-link {
  font-family: var(--typography-family-metlife);
  font-weight: 400;
  font-size: var(--typography-px-size-14-to-rem);
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-nav-links a.mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-nav-links a span {
  font-family: var(--typography-family-metlife);
}
.mldc-navigation .profile-overlay .profile-nav-links svg {
  width: 20px;
  height: 20px;
}

.mldc-rtl .mldc-navigation .nav-links .sub-menu .mldc-text-link span.tailing,
html[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span.tailing,
body[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span.tailing {
  margin-left: 0;
  margin-right: var(--space-4);
}
.mldc-rtl .mldc-navigation .nav-links .sub-menu .mldc-text-link span svg,
html[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span svg,
body[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span svg {
  transform: rotate(180deg) !important;
}
.mldc-rtl .mldc-navigation .profile-overlay,
html[dir=rtl] .mldc-navigation .profile-overlay,
body[dir=rtl] .mldc-navigation .profile-overlay {
  left: 0;
  right: auto;
}

/***** @metlife/mldc-dropdown *****/
@keyframes flyingLabel {
  from {
    font-size: 1rem;
    color: transparent;
    transform: translateY(10px);
  }
  to {
    font-size: 0.75rem;
    color: var(--color-brand-neutrals-gray-dark);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideDown {
  from {
    padding: 0;
    opacity: 0;
  }
  to {
    padding: 8px 0;
    opacity: 1;
  }
}
@keyframes underlineSlideDown {
  from {
    padding: 0;
    opacity: 0;
  }
  to {
    padding: 2px 0 16px;
    opacity: 1;
  }
}
@keyframes liSlideDown {
  from {
    padding: 0 24px;
  }
  to {
    padding: 8px 24px;
  }
}
.mldc-pills-dropdown-container {
  width: auto;
}
.mldc-pills-dropdown-container .mldc-dropdown-group,
.mldc-pills-dropdown-container .hint-message,
.mldc-pills-dropdown-container .error-message,
.mldc-pills-dropdown-container .link-tooltip {
  max-width: unset;
}
.mldc-pills-dropdown-container.full-width .mldc-dropdown-group,
.mldc-pills-dropdown-container.full-width .hint-message,
.mldc-pills-dropdown-container.full-width .error-message,
.mldc-pills-dropdown-container.full-width .link-tooltip {
  max-width: unset;
}
@media screen and (max-width: 767.98px) {
  .mldc-pills-dropdown-container.full-with-on-mobile .mldc-dropdown-group,
  .mldc-pills-dropdown-container.full-with-on-mobile .hint-message,
  .mldc-pills-dropdown-container.full-with-on-mobile .error-message,
  .mldc-pills-dropdown-container.full-with-on-mobile .link-tooltip {
    max-width: unset;
  }
}
.mldc-pills-dropdown-container .group-label {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pills-dropdown-container .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-pills-dropdown-container .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-pills-dropdown-container .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group {
  position: relative;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox {
  position: relative;
  border: 0;
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-dark);
  border-radius: 24px;
  background-color: var(--color-brand-neutrals-white);
  width: fit-content;
  white-space: nowrap;
  height: 40px;
  padding: 8px 24px;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox.filled {
  background-color: var(--color-brand-primary-ml-blue3);
  box-shadow: inset 0 0 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox.filled span {
  color: var(--color-brand-neutrals-white);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox.filled svg {
  color: var(--color-brand-neutrals-white);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox.filled:focus {
  outline-color: var(--color-brand-primary-ml-blue3);
  outline-offset: 4px;
  outline-style: solid;
  outline-width: 3px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox.filled:focus::after {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox svg {
  display: block;
  width: 16px;
  height: 16px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .transform {
  transform: rotate(180deg);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .nonTransform {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox span {
  display: block;
  text-align: start;
  width: auto;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .label {
  font-size: 0.75rem;
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .label.floating {
  font-size: 0.75rem;
  animation-duration: 0s;
  animation-fill-mode: both;
  animation-name: flyingLabel;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .dropdown-placeholder-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .placeholder {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox[aria-expanded=true], .mldc-pills-dropdown-container .mldc-dropdown-group .combobox:hover, .mldc-pills-dropdown-container .mldc-dropdown-group .combobox:focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox:focus-within {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox[aria-expanded=true]::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  width: calc(100% + 0px);
  height: calc(100% + 8px);
  left: 0px;
  top: 0px;
  animation-duration: 0s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox[aria-expanded=true].has-error::after {
  z-index: -1;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox:focus-visible {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox[data-disabled=true] {
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: inset 0 0 0 2px var(--color-brand-neutrals-gray-medium);
  pointer-events: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox.has-error {
  box-shadow: inset 0 0 0 3px var(--color-swatches-beta-red-base);
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group {
  background-color: transparent;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group .input-group {
  padding: 20px 24px 20px 0;
  height: 64px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group .input-group label {
  left: 0px;
  padding-top: 0px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group .combobox .mldc-input-text-container .mldc-input-text-group .input-group input {
  margin-top: 10px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list {
  position: absolute;
  z-index: 2;
  top: 40px;
  width: 270px;
  list-style: none;
  margin: 0;
  margin-top: 8px;
  padding: 8px 0;
  border: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
  background-color: var(--color-brand-neutrals-white);
  animation-duration: 0s;
  animation-fill-mode: both;
  animation-name: slideDown;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 220px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list::-webkit-scrollbar {
  width: 6px;
  max-height: 67px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list::-webkit-scrollbar-track {
  background-color: transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 6px;
  margin: 6px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list::-webkit-scrollbar-thumb {
  background-color: var(--color-brand-neutrals-gray-dark);
  -webkit-border-radius: 3px;
  background: var(--color-brand-neutrals-gray-dark);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list input {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li {
  padding: 8px 24px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: 1rem;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 61px;
  animation-duration: 0s;
  animation-fill-mode: both;
  animation-name: liSlideDown;
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li.selected {
  color: var(--color-brand-neutrals-white);
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li:hover {
  background-color: var(--color-swatches-beta-blue-light);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li:hover.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li.focused {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list li .highlight {
  font-weight: 600;
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group ul.dropdown-list:focus-visible {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox {
  border-radius: 8px 8px 0 0;
  box-shadow: 0 2px 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox[aria-expanded=true], .mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox:hover, .mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox:focus {
  box-shadow: 0 3px 0 var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox[aria-expanded=true]::after, .mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox:hover::after, .mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox:focus::after {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox:focus-visible {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox[data-disabled=true] {
  background-color: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 2px 0 var(--color-brand-neutrals-gray-dark);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline .combobox.has-error {
  box-shadow: 0 3px 0 var(--color-swatches-beta-red-base);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline ul {
  padding: 2px 0 16px;
  margin: 3px 0 0 0;
  border: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  animation-name: underlineSlideDown;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 208px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline ul li {
  animation-duration: 0s;
  animation-fill-mode: both;
  animation-name: liSlideDown;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.multiple ul.dropdown-list {
  animation-duration: 0s;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.multiple ul.dropdown-list li {
  animation-duration: 0s;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.multiple.pills ul.mldc-pills-group {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.multiple .dropdown-actions-wrapper {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.single ul.dropdown-list {
  animation-duration: 0s;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.single ul.dropdown-list li {
  animation-duration: 0s;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.underline.single .dropdown-actions-wrapper {
  border: 0px;
  border-radius: 0px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list {
  max-height: 267px;
  position: absolute;
  border-bottom: 0px;
  border-radius: 8px 8px 0px 0px;
  animation-duration: 0s;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list.disableCTA {
  border-bottom: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li {
  padding: 12px 24px !important;
  animation-duration: 0s;
  display: flex;
  max-height: unset;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li .mldc-checkbox-container {
  padding: 4px;
  display: flex;
  height: 100%;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li .mldc-checkbox-container .mldc-checkbox {
  gap: 0px;
  width: 100%;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li .mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label::after {
  outline-offset: 6px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li .mldc-checkbox-container .mldc-checkbox label {
  padding-left: 12px;
  cursor: pointer;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li .pills-checkbox-label {
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li:hover:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_9377_5145" fill="white"><path d="M0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6Z"/></mask><path d="M0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6Z" fill="white"/><path d="M6 3H18V-3H6V3ZM21 6V18H27V6H21ZM18 21H6V27H18V21ZM3 18V6H-3V18H3ZM6 21C4.34315 21 3 19.6569 3 18H-3C-3 22.9706 1.02944 27 6 27V21ZM21 18C21 19.6569 19.6569 21 18 21V27C22.9706 27 27 22.9706 27 18H21ZM18 3C19.6569 3 21 4.34315 21 6H27C27 1.02944 22.9706 -3 18 -3V3ZM6 -3C1.02944 -3 -3 1.02944 -3 6H3C3 4.34315 4.34315 3 6 3V-3Z" fill="%230061A0" mask="url(%23path-1-inside-1_9377_5145)"/></svg>');
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.selected:before {
  content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Check box"><path id="Check box_2" d="M1.5 6C1.5 3.23858 3.73858 1 6.5 1H18.5C21.2614 1 23.5 3.23858 23.5 6V18C23.5 20.7614 21.2614 23 18.5 23H6.5C3.73858 23 1.5 20.7614 1.5 18V6Z" fill="white" stroke="%236E6E6E" stroke-width="2"/><path id="Check" d="M11.4257 17.5C11.1503 17.5 10.8802 17.4511 10.6217 17.3543C10.3434 17.2501 10.0923 17.0956 9.87489 16.895L5.99979 13.4276C5.38242 12.8752 5.32977 11.9269 5.88218 11.3095C6.43459 10.6922 7.38287 10.6395 8.00023 11.1919L11.3907 14.2257L17.9206 7.45845C18.4958 6.8623 19.4454 6.84534 20.0416 7.42058C20.6377 7.99582 20.6547 8.9454 20.0794 9.54155L13.0932 16.7818C12.8894 16.9986 12.6483 17.1711 12.3761 17.2947C12.1007 17.4198 11.8074 17.4884 11.5045 17.4987C11.4782 17.4996 11.4519 17.5 11.4257 17.5Z" fill="%23333333"/></g></svg>');
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li:before {
  content: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_9377_5258" fill="white"><path d="M0.5 6C0.5 2.68629 3.18629 0 6.5 0H18.5C21.8137 0 24.5 2.68629 24.5 6V18C24.5 21.3137 21.8137 24 18.5 24H6.5C3.18629 24 0.5 21.3137 0.5 18V6Z"/></mask><path d="M0.5 6C0.5 2.68629 3.18629 0 6.5 0H18.5C21.8137 0 24.5 2.68629 24.5 6V18C24.5 21.3137 21.8137 24 18.5 24H6.5C3.18629 24 0.5 21.3137 0.5 18V6Z" fill="white"/><path d="M6.5 2H18.5V-2H6.5V2ZM22.5 6V18H26.5V6H22.5ZM18.5 22H6.5V26H18.5V22ZM2.5 18V6H-1.5V18H2.5ZM6.5 22C4.29086 22 2.5 20.2091 2.5 18H-1.5C-1.5 22.4183 2.08172 26 6.5 26V22ZM22.5 18C22.5 20.2091 20.7091 22 18.5 22V26C22.9183 26 26.5 22.4183 26.5 18H22.5ZM18.5 2C20.7091 2 22.5 3.79086 22.5 6H26.5C26.5 1.58172 22.9183 -2 18.5 -2V2ZM6.5 -2C2.08172 -2 -1.5 1.58172 -1.5 6H2.5C2.5 3.79086 4.29086 2 6.5 2V-2Z" fill="%236E6E6E" mask="url(%23path-1-inside-1_9377_5258)"/></svg>');
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.select-all {
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
  margin-bottom: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.select-all.selected {
  color: var(--color-brand-neutrals-gray-darkest);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list li.select-all.selected label {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple ul.dropdown-list input {
  display: block;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper {
  position: absolute;
  width: 270px;
  left: 0;
  background: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-primary-ml-blue3);
  border-top: none;
  z-index: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-border {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1px;
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container {
  display: flex;
  width: 100%;
  padding: 16px 16px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button {
  border-radius: 0px;
  background: none;
  padding: 5px;
  color: var(--color-brand-primary-ml-blue2);
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button:hover {
  text-decoration: underline;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button:focus {
  position: relative;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button:focus:hover {
  background: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  border-radius: 0px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  top: -5px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button:focus:not(:focus-visible) {
  background: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear {
  height: 24px;
  margin-left: 0px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear.disabled:focus {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear.disabled:focus::after {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel {
  height: 24px;
  display: flex;
  margin-left: auto;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel.disabled:focus {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel.disabled:focus::after {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-ok {
  height: 24px;
  display: flex;
  margin-left: 16px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-ok.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple .dropdown-actions-wrapper .dropdown-actions-button-container .button-ok.disabled:focus {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .label {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .combobox {
  padding: 12px 24px 12px 12px;
  min-height: 64px;
  height: auto;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .combobox .placeholder {
  padding-left: 12px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .combobox span {
  width: 100%;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container .group-label {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group {
  gap: 2px;
  border: 0px;
  padding: 0px !important;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li {
  display: flex;
  height: 40px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills {
  padding: 8px 12px !important;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label {
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon {
  margin-top: 6px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon svg {
  width: 12px;
  height: 12px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills:hover {
  padding: 8px 12px !important;
  border: 2px solid var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.count .label {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.count .drop-combo-label {
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.count .indicator {
  display: inline-block;
  background: var(--color-brand-neutrals-white);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-left: 10px;
  align-items: center;
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.multiple.count .indicator span {
  width: 100%;
  text-align: center;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-bold);
  font-size: 0.875rem;
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list {
  max-height: 260px;
  position: absolute;
  border-bottom: 0px;
  border-radius: 8px 8px 0px 0px;
  animation-duration: 0s;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list.disableCTA {
  border-bottom: 2px solid var(--color-brand-primary-ml-blue3);
  border-radius: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li {
  padding: 12px 24px !important;
  animation-duration: 0s;
  display: flex;
  max-height: unset;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li .mldc-checkbox-container {
  display: flex;
  height: 100%;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li .mldc-checkbox-container .mldc-checkbox {
  gap: 0px;
  width: 100%;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li .mldc-checkbox-container .mldc-checkbox input[type=checkbox]:focus + label::after {
  outline-offset: 6px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li .mldc-checkbox-container .mldc-checkbox label {
  padding-left: 12px;
  cursor: pointer;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li:hover:before {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_1597_2549" fill="white"><path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"/></mask><path d="M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z" fill="white"/><path d="M12 21C7.02944 21 3 16.9706 3 12H-3C-3 20.2843 3.71573 27 12 27V21ZM21 12C21 16.9706 16.9706 21 12 21V27C20.2843 27 27 20.2843 27 12H21ZM12 3C16.9706 3 21 7.02944 21 12H27C27 3.71573 20.2843 -3 12 -3V3ZM12 -3C3.71573 -3 -3 3.71573 -3 12H3C3 7.02944 7.02944 3 12 3V-3Z" fill="%230061A0" mask="url(%23path-1-inside-1_1597_2549)"/></svg>');
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.selected {
  background-color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.selected:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1_8422_5386' fill='white'%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z'/%3e%3c/mask%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z' fill='white'/%3e%3cpath d='M12.5 22C6.97715 22 2.5 17.5228 2.5 12H-1.5C-1.5 19.732 4.76801 26 12.5 26V22ZM22.5 12C22.5 17.5228 18.0228 22 12.5 22V26C20.232 26 26.5 19.732 26.5 12H22.5ZM12.5 2C18.0228 2 22.5 6.47715 22.5 12H26.5C26.5 4.26801 20.232 -2 12.5 -2V2ZM12.5 -2C4.76801 -2 -1.5 4.26801 -1.5 12H2.5C2.5 6.47715 6.97715 2 12.5 2V-2Z' fill='%236E6E6E' mask='url(%23path-1-inside-1_8422_5386)'/%3e%3ccircle xmlns='http://www.w3.org/2000/svg' cx='12.5' cy='12' r='6' fill='%23333333'/%3e%3c/svg%3e ");
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li.select-all {
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
  margin-bottom: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list li:before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='path-1-inside-1_8422_4690' fill='white'%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z'/%3e%3c/mask%3e%3cpath d='M0.5 12C0.5 5.37258 5.87258 0 12.5 0C19.1274 0 24.5 5.37258 24.5 12C24.5 18.6274 19.1274 24 12.5 24C5.87258 24 0.5 18.6274 0.5 12Z' fill='white'/%3e%3cpath d='M12.5 22C6.97715 22 2.5 17.5228 2.5 12H-1.5C-1.5 19.732 4.76801 26 12.5 26V22ZM22.5 12C22.5 17.5228 18.0228 22 12.5 22V26C20.232 26 26.5 19.732 26.5 12H22.5ZM12.5 2C18.0228 2 22.5 6.47715 22.5 12H26.5C26.5 4.26801 20.232 -2 12.5 -2V2ZM12.5 -2C4.76801 -2 -1.5 4.26801 -1.5 12H2.5C2.5 6.47715 6.97715 2 12.5 2V-2Z' fill='%236E6E6E' mask='url(%23path-1-inside-1_8422_4690)'/%3e%3c/svg%3e ");
  display: flex;
  width: 24px;
  height: 24px;
  align-items: flex-start;
  margin-right: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single ul.dropdown-list input {
  display: block;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper {
  position: absolute;
  width: 270px;
  left: 0;
  background: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-primary-ml-blue3);
  border-top: none;
  z-index: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-border {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1px;
  background-color: var(--color-brand-neutrals-gray-light);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container {
  display: flex;
  width: 100%;
  padding: 16px 16px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button {
  border-radius: 0px;
  background: none;
  padding: 5px;
  color: var(--color-brand-primary-ml-blue2);
  font-weight: var(--typography-weight-semi-bold);
  font-family: var(--typography-family-noto);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button:hover {
  text-decoration: underline;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button:focus {
  position: relative;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button:focus:hover {
  background: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  border-radius: 0px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  left: -5px;
  top: -5px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button:focus:not(:focus-visible) {
  background: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear {
  height: 24px;
  margin-left: 0px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear.disabled:focus {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-clear.disabled:focus::after {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel {
  height: 24px;
  display: flex;
  margin-left: auto;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel.disabled:focus {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-cancel.disabled:focus::after {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-ok {
  height: 24px;
  display: flex;
  margin-left: 16px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-ok.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single .dropdown-actions-wrapper .dropdown-actions-button-container .button-ok.disabled:focus {
  outline: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .label {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .combobox {
  padding: 12px 24px 12px 12px;
  min-height: 64px;
  height: auto;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .combobox .placeholder {
  padding-left: 12px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .combobox span {
  width: 100%;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container .group-label {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group {
  gap: 2px;
  border: 0px;
  padding: 0px !important;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li {
  display: flex;
  height: 40px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills {
  padding: 8px 12px !important;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label {
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon {
  margin-top: 6px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills label .icon svg {
  width: 12px;
  height: 12px;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.pills .mldc-pills-container ul.mldc-pills-group li.mldc-pills:hover {
  padding: 8px 12px !important;
  border: 2px solid var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.count .label {
  display: none;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.count .drop-combo-label {
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.count .indicator {
  display: inline-block;
  background: var(--color-brand-neutrals-white);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  margin-left: 10px;
  align-items: center;
  display: flex;
}
.mldc-pills-dropdown-container .mldc-dropdown-group.single.count .indicator span {
  width: 100%;
  text-align: center;
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-bold);
  font-size: 0.875rem;
  color: var(--color-brand-primary-ml-blue3);
}
.mldc-pills-dropdown-container .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: 8px;
  font-size: 0.75rem;
}
.mldc-pills-dropdown-container .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

/***** @metlife/mldc-product-card *****/
.mldc-product-card {
  display: flex;
  position: relative;
  flex-flow: column;
  gap: 32px;
}
.mldc-product-card.NoPicture .product-wrapper {
  background: url(/public/7581ab38ceaa5337cd84.png) #ffffff 50%/cover no-repeat;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-product-card.NoPicture .product-wrapper .product-content {
  padding: 24px;
}
.mldc-product-card.NoPicture .product-wrapper .product-cta .mldc-button {
  padding: 16px 24px;
}
.mldc-product-card.NoPicture .product-image {
  display: none;
}
.mldc-product-card.NoPicture .product-content {
  flex-flow: row;
  gap: 32px;
  align-items: self-end;
}
.mldc-product-card.NoPicture .product-content .product-inner-content {
  width: 618px;
}
.mldc-product-card.NoPicture .product-content .product-inner-content .product-banner-content-wrap {
  width: 100%;
}
.mldc-product-card .product-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-product-card.half {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100% !important;
  flex-flow: row;
  gap: 32px;
}
.mldc-product-card.half .product-wrapper {
  min-width: 480px;
  max-width: 618px;
  background: url(/public/7581ab38ceaa5337cd84.png) #ffffff 0%/cover no-repeat;
  background-color: var(--color-brand-neutrals-white);
  display: flex;
  width: 100%;
}
.mldc-product-card.half .product-wrapper .product-image {
  display: none;
}
.mldc-product-card.half .product-wrapper .product-content {
  width: 100%;
}
.mldc-product-card.half .product-wrapper .product-content .product-inner-content {
  width: 100%;
}
.mldc-product-card.half .product-content {
  padding: 24px;
}
.mldc-product-card.half .product-banner-content-wrap .product-desc {
  padding-bottom: 16px;
}
.mldc-product-card.half .product-banner-content-wrap .product-cta {
  margin-top: auto;
  padding-top: 8px;
}
.mldc-product-card.half.md .product-wrapper {
  min-width: 352px;
  max-width: 618px;
  background: url(/public/7581ab38ceaa5337cd84.png) #ffffff -188px -4.71px/382.734% 104.776% no-repeat;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-product-card.half.md .product-content {
  padding: 48px 24px 24px 24px;
}
.mldc-product-card.half.md .product-banner-content-wrap .product-desc {
  padding-bottom: 16px;
}
.mldc-product-card.half.md .product-banner-content-wrap .product-cta {
  margin-top: auto;
  padding-top: 8px;
}
.mldc-product-card.half.sm .product-wrapper {
  min-width: unset;
  max-width: unset;
  background: url(/public/7581ab38ceaa5337cd84.png) #ffffff -257.724px 1.57px/456.69% 100% no-repeat;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-product-card.half.sm .product-content {
  padding: 48px 8px 24px 8px;
}
.mldc-product-card .product-banner-content-wrap {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  position: relative;
  padding-left: 16px;
  padding-right: 0px;
}
.mldc-product-card .product-banner-content-wrap .product-category {
  font-family: MetLifeCircular;
  font-size: 0.875rem;
  line-height: normal;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
  letter-spacing: 2px;
  text-transform: uppercase;
}
.mldc-product-card .product-banner-content-wrap .product-name {
  font-family: MetLifeCircular;
  font-size: 1.5rem;
  line-height: 36px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
}
.mldc-product-card .product-banner-content-wrap .product-name h2 {
  font-family: MetLifeCircular;
  font-size: 1.5rem !important;
  line-height: 36px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
}
.mldc-product-card .product-banner-content-wrap .product-desc {
  padding-top: 16px;
  font-family: var(--typography-family-noto);
  font-size: 1rem;
  line-height: 24px;
  letter-spacing: 0px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-normal);
}
.mldc-product-card .product-banner-content-wrap .product-cta {
  margin-top: auto;
  padding-top: 24px;
  overflow: visible;
}
.mldc-product-card .product-banner-content-wrap .product-cta .mldc-button {
  padding: 16px 24px;
}
.mldc-product-card .badge {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: #007abc;
  position: absolute;
  top: 0;
  right: -4px;
  padding: 8px 16px;
  border-radius: 0px 0px 0px 8px;
}
.mldc-product-card .badge .add-to-dashboard {
  font-size: 1rem;
  line-height: normal;
  font-family: var(--typography-family-noto);
  font-weight: 600;
  color: var(--color-brand-neutrals-white);
}
.mldc-product-card .badge.toggle-badge {
  background-color: #333333;
}
.mldc-product-card .badge.bottom {
  top: auto;
  bottom: 0;
  border-radius: 8px 0px 0px 0px;
}
.mldc-product-card .badgeIcon {
  position: absolute;
  top: 24px;
  right: -4px;
}
.mldc-product-card .badgeIcon svg {
  width: 4px;
  height: 4px;
}
.mldc-product-card .badgeIcon.bottom {
  top: auto;
  bottom: 29px;
}
.mldc-product-card .product-content .badge {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: #007abc;
  position: absolute;
  top: 0;
  right: -4px;
  padding: 8px 16px;
  border-radius: 0px 0px 0px 8px;
}
.mldc-product-card .product-content .badge .add-to-dashboard {
  font-size: 1rem;
  line-height: normal;
  font-family: var(--typography-family-noto);
  font-weight: 600;
  color: var(--color-brand-neutrals-white);
}
.mldc-product-card .product-content .badgeIcon {
  position: absolute;
  top: 26px;
  right: -4px;
}
.mldc-product-card .product-content .badgeIcon svg {
  width: 4px;
  height: 4px;
}
.mldc-product-card .product-image {
  width: 293px;
}
.mldc-product-card .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mldc-product-card .product-content {
  position: relative;
  width: 618px;
  padding-left: 32px;
  padding-bottom: 24px;
  padding-top: 24px;
  display: flex;
  flex: 1;
}
.mldc-product-card .product-content .product-inner-content {
  display: flex;
  width: 401px;
}
.mldc-product-card .product-content .product-inner-content .product-icon svg {
  width: 32px;
  height: 32px;
}
.mldc-product-card .tab-icon {
  height: 22px;
  padding-top: 1px;
}
.mldc-product-card.sm {
  display: flex;
  flex-flow: column;
}
.mldc-product-card.sm .product-wrapper.bottom .product-cta {
  padding-bottom: 56px;
}
.mldc-product-card.sm .product-banner-content-wrap .product-name h2 {
  font-family: MetLifeCircular;
  font-size: 1.25rem !important;
  line-height: 30px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
}
.mldc-product-card.sm.NoPicture .product-wrapper {
  background: url(/public/7581ab38ceaa5337cd84.png) #ffffff -257.724px 1.57px/456.69% 100% no-repeat;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-product-card.sm.NoPicture .product-image {
  display: none;
}
.mldc-product-card.sm.NoPicture .product-content {
  padding: 48px 8px 24px 8px;
}
.mldc-product-card.sm .product-wrapper {
  flex-flow: column;
}
.mldc-product-card.sm .product-image {
  width: 100%;
  display: flex;
}
.mldc-product-card.sm .product-content {
  width: 100%;
  padding: 24px 8px;
}
.mldc-product-card.sm .product-cta {
  width: 100%;
  display: flex;
}
.mldc-product-card.sm .product-cta button {
  width: 100%;
  margin-left: 8px;
  margin-bottom: 24px;
  margin-right: 8px;
  padding: 16px 24px;
}
.mldc-product-card.sm .message-wrap {
  margin-bottom: 20px;
}
.mldc-product-card.sm .message-wrap .message {
  height: 169px;
}
.mldc-product-card.sm .message-wrap .message .from .from-title {
  width: 70%;
}
.mldc-product-card.sm .message-wrap .message .content {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.mldc-product-card.md .product-banner-content-wrap .product-name h2 {
  font-family: MetLifeCircular;
  font-size: 1.25rem !important;
  line-height: 30px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
}
.mldc-product-card.md.NoPicture .product-content .product-inner-content {
  width: 456px;
}
.mldc-product-card.md .product-wrapper.bottom .product-content {
  padding-bottom: 68px;
}
.mldc-product-card.md .message-wrap {
  padding-left: 15px;
  padding-right: 15px;
}
.mldc-product-card.md .message-wrap .message {
  height: 169px;
}
.mldc-product-card.md .message-wrap .message .from .from-title {
  width: 70%;
}
.mldc-product-card.md .message-wrap .message .content {
  line-clamp: 3;
  -webkit-line-clamp: 3;
}
.mldc-product-card.md .product-image {
  width: 224px;
}
.mldc-product-card.md .product-content {
  position: relative;
  width: 352px;
  padding-left: 32px;
  padding-bottom: 24px;
  padding-top: 24px;
  display: flex;
  flex: 1;
}
.mldc-product-card.md .product-content .product-inner-content {
  display: flex;
  width: 304px;
}
.mldc-product-card.md .product-content .product-inner-content .product-icon svg {
  width: 32px;
  height: 32px;
}
.mldc-product-card.xl {
  width: 943px;
}
.mldc-product-card.xl .product-image {
  width: 293px;
}
.mldc-product-card.xl .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mldc-product-card.xl .message-wrap .message {
  height: 145px;
}
.mldc-product-card.lg {
  width: 943px;
}
.mldc-product-card.lg .product-image {
  width: 293px;
}
.mldc-product-card.lg .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mldc-product-card.lg .message-wrap .message {
  height: 145px;
}
.mldc-product-card .message-wrap .message {
  position: relative;
  padding: 8px 8px 16px 8px;
  border: 1px solid var(--color-brand-neutrals-gray-light);
  border-radius: 8px;
  background-color: var(--color-brand-neutrals-white);
  display: flex;
  flex-flow: column;
  gap: 12px;
  justify-content: space-between;
}
.mldc-product-card .message-wrap .message .from {
  display: flex;
  justify-content: space-between;
}
.mldc-product-card .message-wrap .message .from .from-title {
  width: 85%;
}
.mldc-product-card .message-wrap .message .from .from-title h3 {
  font-family: var(--typography-family-noto);
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
  white-space: nowrap;
  justify-content: space-between;
  font-size: 0.875rem;
  width: 85%;
  color: var(--color-brand-neutrals-gray-dark);
}
.mldc-product-card .message-wrap .message .from .time {
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-dark);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mldc-product-card .message-wrap .message .content {
  font-size: 1rem;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-product-card .message-wrap .message .content .subject {
  font-weight: var(--typography-weight-bold);
}
.mldc-product-card .message-wrap .message .cta {
  font-size: 1rem;
  line-height: 24px;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 63px;
}
.mldc-product-card .message-wrap .message .cta svg {
  transform: rotate(-90deg) scale(1.5) !important;
  width: 11px !important;
  height: 16px !important;
  stroke-width: 2.5 !important;
}
.mldc-product-card .message-wrap .message .title {
  font-size: 1rem;
  line-height: 24px;
  font-weight: var(--typography-weight-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 48px;
}

/***** @metlife/mldc-event-scheduler *****/
.mldc-event-scheduler .mldc-event-schedular-info-panel {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 0 16px;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: calc(100% - 217px);
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .chevron-container {
  display: flex;
  align-items: center;
  height: 100%;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .chevron-container:has(.left) {
  border-right: 1px solid var(--color-brand-neutrals-gray-medium);
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .chevron-container:has(.right) {
  border-left: 1px solid var(--color-brand-neutrals-gray-medium);
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .chevron-container .chevron {
  display: block;
  padding: 0 4px;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .chevron-container .chevron:focus::after {
  border-color: var(--color-brand-primary-ml-blue3);
  width: calc(100% + 2px);
  left: 0;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .event-list {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .event-list .event-item {
  max-width: 250px;
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
  padding: 8px 24px;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .event-list .event-item:last-child {
  border-right: none;
  padding-right: 0;
}
.mldc-event-scheduler .mldc-event-schedular-info-panel .mldc-event-info-panel-list-container .event-list .event-item:first-child {
  padding-left: 0;
}
.mldc-event-scheduler .info-panel-button-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.mldc-event-scheduler .info-panel-button-container .mldc-button {
  padding: 8px 16px;
  border-radius: 24px;
}
.mldc-event-scheduler .info-panel-button-container .mldc-button:focus::after {
  border-radius: 24px;
}
.mldc-event-scheduler .event-title {
  font-size: 0.875rem;
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-event-scheduler .event-text {
  margin-top: 4px;
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel {
  width: 100%;
  padding-top: 24px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian {
  padding: 0;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian:last-child {
  margin-bottom: 0;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian:hover, .mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian:focus {
  outline: none;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian.sm-xs-info-panel-accordion .title-holder .accordian-title {
  font-size: 1.375rem;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian.sm-xs-info-panel-accordion .title-holder button {
  height: auto;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .title-holder .accordian-title {
  font-size: 1.875rem;
  font-weight: var(--typography-weight-medium);
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .accordian-content.remove {
  padding-top: 16px;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .accordian-content.remove > div {
  display: none;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .accordian-content.display {
  padding-top: 8px;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .info-panel-list-in-accordion {
  padding-bottom: 16px;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .info-panel-list-in-accordion .event-item {
  padding: 8px 0;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .info-panel-button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mldc-event-scheduler .mldc-event-schedular-mobile-info-panel .mldc-accordian .info-panel-button-container button {
  width: 100%;
}
.mldc-event-scheduler .mldc-timeline-group {
  display: flex;
  flex-flow: column;
  gap: 16px;
  overflow: auto;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph-container {
  position: relative;
  width: fit-content;
  overflow-y: auto;
  max-height: 600px;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph-container.stacked {
  overflow-y: unset;
  max-height: max-content;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph {
  width: 100%;
  position: relative;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child {
  padding: 4px 0;
  text-align: center;
  border-bottom: 1px solid var(--color-brand-neutrals-gray-light);
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
  background-color: var(--color-brand-neutrals-white);
  border-top: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child .label {
  font-size: 0.75rem;
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-black);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child .sub-label {
  font-size: 0.75rem;
  color: var(--color-brand-neutrals-gray-dark);
  overflow: hidden;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child.first {
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child.carryover {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child.carryover .sub-label,
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child.carryover .label {
  color: var(--color-brand-neutrals-gray-medium);
  font-weight: var(--typography-weight-normal);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child.carryover.front {
  border-right: 0;
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-header .header-child.carryover.end {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body {
  display: grid;
  grid-template-columns: repeat(37, 1fr);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body .carryover-div {
  grid-column: span 1;
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body .carryover-div.front {
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body .carryover-div.end {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row {
  display: grid;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row.no-event {
  min-height: 100px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .empty-cell {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .empty-cell:first-child {
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block {
  text-align: center;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .segment-flex-bottom {
  display: grid;
  height: 100%;
  flex-grow: 1;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block:first-child .inner-empty-row {
  height: 4px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block:first-child .inner-empty-row.top {
  height: 32px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .inner-empty-row {
  display: grid;
  height: 3px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .inner-empty-row.top {
  height: 32px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .nested-segment-row {
  display: grid;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .label-segment-row {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder {
  cursor: default;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment {
  overflow: hidden;
  white-space: nowrap;
  text-align: start;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail {
  font-weight: var(--typography-weight-bold);
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail > * {
  display: inline-block;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail > *:not(.segment-title) {
  margin-left: 4px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail > *:not(.segment-title):not(.content) {
  margin-left: 8px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail .segment-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0.875rem;
  font-weight: var(--typography-weight-bold);
  font-family: var(--typography-family-noto);
  color: var(--color-brand-neutrals-gray-darkest);
  max-width: 100%;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail.fade-effect {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  pointer-events: none;
  position: relative;
  overflow: hidden;
  text-overflow: unset;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder .segment .segment-detail.fade-effect::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
  pointer-events: none;
  width: 44px;
  height: 100%;
  z-index: 1;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment {
  color: var(--color-brand-neutrals-white);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment .segment {
  background-color: var(--color-brand-neutrals-gray-darkest);
  border-radius: 24px;
  padding: 2px 16px;
  font-size: 0.75rem;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment .segment.both {
  border-radius: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment .segment.left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment .segment.right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment.weekends-begain {
  position: relative;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment.weekends-begain::before {
  content: "";
  width: 44px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  z-index: -1;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment.weekends-end {
  position: relative;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.label-segment.weekends-end::after {
  content: "";
  width: 44px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-brand-neutrals-gray-lightest);
  z-index: -1;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment {
  border-radius: 4px;
  border: 1px solid var(--color-brand-neutrals-gray-darkest);
  border-width: 1px 8px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment .segment-detail {
  padding: 16px 8px;
  font-size: 0.875rem;
  position: relative;
  z-index: 1;
  background-color: var(--color-brand-neutrals-white);
  border-width: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.both {
  border-radius: 0;
  border-left-width: 1px;
  border-right-width: 1px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.both .segment-detail {
  padding: 16px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 1px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.left .segment-detail {
  padding-left: 16px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 1px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.right .segment-detail {
  padding-right: 16px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike {
  position: relative;
  padding: 0 4px;
  border-width: 1px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike .segment-detail {
  border-left-width: 2px;
  border-right-width: 2px;
  border-style: solid;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike.both {
  padding: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike.both .segment-detail {
  border-left-width: 0;
  border-right-width: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike.left {
  padding: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike.left .segment-detail {
  right: 4px;
  padding-left: 16px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike.right {
  padding: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.default-segment .segment.strike.right .segment-detail {
  left: 4px;
  padding-right: 16px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment {
  cursor: pointer;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:not(:hover):not(:focus) .segment {
  box-shadow: none !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment .segment-title {
  text-decoration: underline;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment.both {
  border-left-width: 2px !important;
  border-right-width: 2px !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment.both .segment-detail {
  padding-left: 15px;
  padding-right: 15px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment.left {
  border-left-width: 2px !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment.left .segment-detail {
  padding-left: 15px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment.right {
  border-right-width: 2px !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:hover .segment.right .segment-detail {
  padding-right: 15px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus {
  outline: none;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment .segment-title {
  text-decoration: underline;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment.both {
  border-left-width: 2px !important;
  border-right-width: 2px !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment.both .segment-detail {
  padding-left: 15px;
  padding-right: 15px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment.left {
  border-left-width: 2px !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment.left .segment-detail {
  padding-left: 15px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment.right {
  border-right-width: 2px !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus .segment.right .segment-detail {
  padding-right: 15px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus:not(:focus-visible) {
  box-shadow: none;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus:not(:focus-visible) .segment {
  box-shadow: none !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.interactive-segment:focus:not(:focus-visible) .segment .segment-title {
  text-decoration: none;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.non-interactive-segment {
  pointer-events: none;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-wrap-block .mldc-segment-placeholder.non-interactive-segment:not(:hover) .segment {
  box-shadow: none !important;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block .segment-group .inner-empty-cell {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block:first-child .inner-empty-cell:first-child {
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block:first-child .label-segment-row {
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block:first-child .label-segment-row:has(.both) {
  border-left: 0;
  border-right: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block:first-child .label-segment-row:has(.left) {
  border-left: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-row .group-event-block:last-child .label-segment-row:has(.right) {
  border-right: 0;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-padding-row {
  display: grid;
  height: 32px;
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-padding-row .empty-cell {
  border-right: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .mldc-timeline-body-content .mldc-timeline-padding-row .empty-cell:first-child {
  border-left: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-group .mldc-timeline-graph .weekends {
  background-color: var(--color-brand-neutrals-gray-lightest);
  z-index: -1;
}
.mldc-event-scheduler .mldc-timeline-group .banner {
  background: var(--color-swatches-beta-blue-lightest);
  display: flex;
  width: 100%;
}
.mldc-event-scheduler .mldc-timeline-group .banner .banner-left {
  position: sticky;
  left: 0;
  border-left: 2px solid var(--color-brand-primary-ml-blue3);
  color: var(--color-brand-neutrals-gray-darkest);
  padding: 2px 8px;
}
.mldc-event-scheduler .mldc-timeline-group .banner .banner-mid {
  flex-grow: 1;
}
.mldc-event-scheduler .mldc-timeline-group .banner .banner-right {
  position: sticky;
  right: 0;
  border-right: 2px solid var(--color-brand-primary-ml-blue3);
}
.mldc-event-scheduler .mldc-timeline-group.stacked-view .mldc-timeline-graph-container {
  max-height: max-content;
}
.mldc-event-scheduler .mldc-timeline-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
  margin-top: 16px;
  padding: 24px 16px;
}
.mldc-event-scheduler .mldc-timeline-legend .legend-title {
  font-size: 0.875rem;
  font-weight: var(--typography-weight-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-event-scheduler .mldc-timeline-legend ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
}
.mldc-event-scheduler .mldc-timeline-legend ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mldc-event-scheduler .mldc-timeline-legend ul li .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
}
.mldc-event-scheduler .mldc-timeline-legend ul li .legend-label {
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-event-scheduler .event-scheduler-varient-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 8px 0;
  margin-bottom: 16px;
}
.mldc-event-scheduler .event-scheduler-varient-row:has(.mldc-input-date-picker-container), .mldc-event-scheduler .event-scheduler-varient-row:has(.date-text) {
  justify-content: space-between;
}
.mldc-event-scheduler .event-scheduler-varient-row .mldc-pills-dropdown-container ul {
  right: 0;
}
.mldc-event-scheduler .event-scheduler-varient-row .date-text {
  display: flex;
  gap: 8px;
}
.mldc-event-scheduler.sm .event-scheduler-varient-row, .mldc-event-scheduler.xs .event-scheduler-varient-row {
  flex-flow: column;
}
.mldc-event-scheduler.sm .event-scheduler-varient-row > div, .mldc-event-scheduler.xs .event-scheduler-varient-row > div {
  width: 100%;
}
.mldc-event-scheduler.sm .event-scheduler-varient-row > div .mldc-input-date-picker-group, .mldc-event-scheduler.xs .event-scheduler-varient-row > div .mldc-input-date-picker-group {
  max-width: unset;
}
.mldc-event-scheduler.sm .event-scheduler-varient-row > div .combobox, .mldc-event-scheduler.xs .event-scheduler-varient-row > div .combobox {
  width: 100%;
  justify-content: center;
}
.mldc-event-scheduler.sm .event-scheduler-varient-row > div ul, .mldc-event-scheduler.xs .event-scheduler-varient-row > div ul {
  width: 100%;
}
.mldc-event-scheduler.list .sm .items-per-page-wrapper,
.mldc-event-scheduler.list .xs .items-per-page-wrapper {
  margin-top: -16px;
}
.mldc-event-scheduler.list .items-per-page-wrapper {
  padding: 8px 0;
  margin-top: -84px;
  margin-bottom: 16px;
  margin-left: 0;
}
.mldc-event-scheduler.list .items-per-page-wrapper .dropdown-list {
  top: 64px;
}
.mldc-event-scheduler.list table {
  margin-top: 0;
  margin-bottom: 0;
}
.mldc-event-scheduler.list td .type-column {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
}
.mldc-event-scheduler.list .no-data-table td {
  padding: 0;
  border-bottom: none;
}
.mldc-event-scheduler.list .no-data-table td > * {
  display: none;
}
.mldc-event-scheduler.list .no-data-text {
  padding: 48px 0;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-event-scheduler .list-view-footer-with-border-top {
  border-top: 1px solid var(--color-brand-neutrals-gray-light);
}
.mldc-event-scheduler .mldc-timeline-legend + .list-view-footer {
  border-top: 1px solid var(--color-brand-neutrals-gray-light);
  margin-top: 16px;
}
.mldc-event-scheduler .mldc-timeline-group + .list-view-footer-with-border-top {
  border-top: none;
}
.mldc-event-scheduler .list-view-with-no-pagination + .list-view-footer-with-border-top {
  border-top: none;
}

/***** @metlife/mldc-filter-panel *****/
.mldc-filter-panel {
  padding: 0;
  margin: 0;
}
.mldc-filter-panel .filter-panel-dropdown-group {
  display: flex;
  gap: 16px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-all button {
  height: 40px;
  border-radius: 24px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-all button.mldc-button {
  padding: 8px 16px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-all button.mldc-button svg {
  width: 20px;
  height: 20px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-view {
  display: flex;
  margin-left: auto;
  align-items: flex-end;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-view button {
  height: 40px;
  border-radius: 24px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-view button.mldc-button {
  padding: 8px 16px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-view button.mldc-button svg {
  width: 20px;
  height: 20px;
}
.mldc-filter-panel .filter-panel-dropdown-group .filter-dropdown {
  display: flex;
  gap: 16px;
}
.mldc-filter-panel .filter-tab-group {
  margin-top: 32px;
  display: flex;
  position: relative;
}
.mldc-filter-panel .filter-tab-group .filter-results-pagination {
  position: absolute;
  right: 0;
  top: 18px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-family: var(--typography-family-noto);
  font-size: 1rem;
  font-weight: var(--typography-weight-medium);
}
.mldc-filter-panel .filter-tab-group .filter-results-pagination a {
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-semi-bold);
  text-decoration: underline;
}
.mldc-filter-panel .filter-tab-group .tab-list button:hover:not([aria-selected=true]) {
  border-bottom: 4px solid var(--color-brand-primary-ml-blue3);
}
.mldc-filter-panel .filter-tab-group .tab-list button[aria-selected=true] {
  border-bottom: 4px solid var(--color-swatches-beta-green-darkest);
}
.mldc-filter-panel .filter-pills-group {
  margin-top: 32px;
  display: flex;
}
.mldc-filter-panel .filter-pills-group .filter-pills {
  display: flex;
  align-items: end;
}
.mldc-filter-panel .filter-pills-group .filter-pills .mldc-pills-container .mldc-pills-group {
  gap: 16px;
}
.mldc-filter-panel .filter-pills-group .filter-pills input {
  cursor: pointer;
}
.mldc-filter-panel .filter-pills-group .filter-search {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
}
.mldc-filter-panel .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .input-group input {
  margin-top: 10px;
}
.mldc-filter-panel .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .input-group .up {
  display: none;
}
.mldc-filter-panel .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .input-group .floating {
  display: none;
}
.mldc-filter-panel .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .icon-placeholder svg {
  width: 28px;
  height: 28px;
}
.mldc-filter-panel .filter-pills-group .filter-search .search-bottom {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.mldc-filter-panel .filter-pills-group .filter-search .search-bottom:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
}
.mldc-filter-panel .filter-pills-group .filter-search .search-bottom:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-filter-panel .filter-slide-panel .mldc-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.mldc-filter-panel .filter-slide-panel .mldc-checkbox-group li {
  margin-bottom: 28px;
  display: flex;
  flex: 0 0 33.33%;
}
.mldc-filter-panel .filter-slide-panel .mldc-slide-panel .modal-content .modal-header .title {
  font-size: 1.875rem !important;
  font-weight: 400;
  color: var(--color-brand-neutrals-black);
}
.mldc-filter-panel .filter-slide-panel .sub-header-group-ex {
  margin-bottom: 16px;
}
.mldc-filter-panel .filter-slide-panel .mldc-slide-panel.sm .mldc-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.mldc-filter-panel .filter-slide-panel .mldc-slide-panel.sm .mldc-checkbox-group li {
  display: flex;
  flex: 0 0 100%;
  margin-bottom: 8px;
}
.mldc-filter-panel .filter-slide-panel .mldc-slide-panel.sm .sub-header-group-ex {
  margin-bottom: 20px;
}
.mldc-filter-panel.md .filter-dropdown {
  display: none;
}
.mldc-filter-panel.xs .filter-all, .mldc-filter-panel.sm .filter-all {
  width: 100%;
}
.mldc-filter-panel.xs .filter-dropdown, .mldc-filter-panel.sm .filter-dropdown {
  display: none;
}
.mldc-filter-panel.xs .filter-view, .mldc-filter-panel.sm .filter-view {
  display: none;
}
.mldc-filter-panel.xs .filter-tab-group, .mldc-filter-panel.sm .filter-tab-group {
  margin-top: 24px;
  display: flex;
  flex-flow: column;
}
.mldc-filter-panel.xs .filter-tab-group .filter-tab .tab-list, .mldc-filter-panel.sm .filter-tab-group .filter-tab .tab-list {
  width: 100%;
}
.mldc-filter-panel.xs .filter-tab-group .filter-tab .tab-list button, .mldc-filter-panel.sm .filter-tab-group .filter-tab .tab-list button {
  width: 50%;
}
.mldc-filter-panel.xs .filter-tab-group .filter-results-pagination, .mldc-filter-panel.sm .filter-tab-group .filter-results-pagination {
  margin-top: 24px;
  display: flex;
  position: revert;
  justify-content: center;
}
.mldc-filter-panel.xs .filter-pills-group, .mldc-filter-panel.sm .filter-pills-group {
  margin-top: 24px;
  display: flex;
}
.mldc-filter-panel.xs .filter-pills-group .filter-pills, .mldc-filter-panel.sm .filter-pills-group .filter-pills {
  display: none;
}
.mldc-filter-panel.xs .filter-pills-group .filter-search, .mldc-filter-panel.sm .filter-pills-group .filter-search {
  width: 100%;
  display: flex;
}
.mldc-filter-panel.xs .filter-pills-group .filter-search .mldc-input-text-container, .mldc-filter-panel.sm .filter-pills-group .filter-search .mldc-input-text-container {
  width: 100%;
}
.mldc-filter-panel.xs .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .input-group input, .mldc-filter-panel.sm .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .input-group input {
  margin-top: 10px;
}
.mldc-filter-panel.xs .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .icon-placeholder svg, .mldc-filter-panel.sm .filter-pills-group .filter-search .mldc-input-text-container .mldc-input-text-group .icon-placeholder svg {
  width: 24px;
  height: 24px;
}
.mldc-filter-panel.xs .filter-slide-panel .mldc-checkbox-group, .mldc-filter-panel.sm .filter-slide-panel .mldc-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.mldc-filter-panel.xs .filter-slide-panel .mldc-checkbox-group li, .mldc-filter-panel.sm .filter-slide-panel .mldc-checkbox-group li {
  display: flex;
  flex: 0 0 100%;
  margin-bottom: 8px;
}
.mldc-filter-panel.xs .filter-slide-panel .sub-header-group-ex, .mldc-filter-panel.sm .filter-slide-panel .sub-header-group-ex {
  margin-bottom: 20px;
}

/***** @metlife/mldc-toast *****/
.mldc-toast {
  min-width: 288px;
  max-width: 1334px;
  padding: 0px;
}
.mldc-toast.stacked .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-toast.stacked .inner .header-wrapper {
  flex-flow: column;
}
.mldc-toast.stacked .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-toast.stacked .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-toast.stacked .inner .content .heading-text {
  white-space: unset;
}
.mldc-toast.stacked .inner .action {
  display: unset;
}
.mldc-toast.stacked .inner .action button {
  margin-top: 16px;
}
.mldc-toast.stacked .inner .action .text-link {
  padding: 0;
  font-weight: 600;
  padding-top: 8px;
}
.mldc-toast.stacked .inner .close-button {
  display: flex;
  order: 1;
  padding: 0;
}
.mldc-toast.bottomLeft {
  position: fixed;
  left: 0;
  width: 417px;
  bottom: 0;
}
.mldc-toast.bottomLeft .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-toast.bottomLeft .inner .header-wrapper {
  flex-flow: column;
}
.mldc-toast.bottomLeft .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-toast.bottomLeft .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-toast.bottomLeft .inner .content .heading-text {
  white-space: unset;
}
.mldc-toast.bottomLeft .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-toast.bottomLeft .inner .action button {
  margin-top: 16px;
}
.mldc-toast.bottomLeft .inner .action .text-link {
  font-weight: 600;
  padding: 0;
  padding-top: 16px;
}
.mldc-toast.bottomLeft .inner .close-button {
  padding: 0;
}
.mldc-toast.bottomRight {
  position: fixed;
  right: 0;
  width: 417px;
  bottom: 0;
}
.mldc-toast.bottomRight .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-toast.bottomRight .inner .header-wrapper {
  flex-flow: column;
}
.mldc-toast.bottomRight .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-toast.bottomRight .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-toast.bottomRight .inner .content .heading-text {
  white-space: unset;
}
.mldc-toast.bottomRight .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-toast.bottomRight .inner .action button {
  margin-top: 16px;
}
.mldc-toast.bottomRight .inner .action .text-link {
  font-weight: 600;
  padding: 0;
  padding-top: 16px;
}
.mldc-toast.bottomRight .inner .close-button {
  padding: 0;
}
.mldc-toast .inner {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start;
  gap: 32px;
}
.mldc-toast .inner .header-wrapper {
  display: flex;
  flex: 1;
}
.mldc-toast .inner .header {
  padding: 24px;
  display: flex;
  gap: 8px;
  flex: 1;
}
.mldc-toast.xxl .inner, .mldc-toast.xl .inner, .mldc-toast.lg .inner {
  min-width: 288px;
  max-width: 1334px;
}
.mldc-toast.md {
  min-width: 288px;
}
.mldc-toast.md.bottomLeft, .mldc-toast.md.bottomRight {
  width: 368px;
}
.mldc-toast.sm, .mldc-toast.xs {
  padding: 0px;
  min-width: 288px;
}
.mldc-toast.sm.bottomLeft, .mldc-toast.sm.bottomRight, .mldc-toast.xs.bottomLeft, .mldc-toast.xs.bottomRight {
  width: 100%;
  left: 0px;
}
.mldc-toast.sm.linear .inner, .mldc-toast.xs.linear .inner {
  padding: 16px 24px;
  gap: 0px;
}
.mldc-toast.sm.linear .inner .header-wrapper, .mldc-toast.xs.linear .inner .header-wrapper {
  flex-flow: column;
}
.mldc-toast.sm.linear .inner .header, .mldc-toast.xs.linear .inner .header {
  padding: 0px;
  padding-bottom: 0px;
}
.mldc-toast.sm.linear .inner .content, .mldc-toast.xs.linear .inner .content {
  flex-flow: column;
  gap: 8px;
}
.mldc-toast.sm.linear .inner .content .heading-text, .mldc-toast.xs.linear .inner .content .heading-text {
  white-space: unset;
}
.mldc-toast.sm.linear .inner .action, .mldc-toast.xs.linear .inner .action {
  padding-left: 32px;
  display: unset;
}
.mldc-toast.sm.linear .inner .action button, .mldc-toast.xs.linear .inner .action button {
  margin-top: 16px;
}
.mldc-toast.sm.linear .inner .action .text-link, .mldc-toast.xs.linear .inner .action .text-link {
  font-weight: 600;
  padding: 0;
  padding-top: 16px;
}
.mldc-toast.sm.linear .inner .close-button, .mldc-toast.xs.linear .inner .close-button {
  padding: 0;
}
.mldc-toast + .mldc-toast {
  margin-top: 16px;
}
.mldc-toast.info {
  background-color: var(--color-brand-primary-ml-blue2);
}
.mldc-toast.info .notification-icon {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-toast.info .close-button .mldc-icon-button:focus {
  outline: none;
  box-shadow: none;
}
.mldc-toast.info .close-button .mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-neutrals-white);
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  left: -2px;
  top: -2px;
}
.mldc-toast.info .close-button .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-toast.error {
  border-radius: 8px;
  background-color: var(--color-swatches-beta-red-lightest);
  border: 2px solid #B91D1F;
}
.mldc-toast.warning {
  border-radius: 8px;
  background-color: var(--color-swatches-beta-yellow-lightest);
  border: 2px solid #E1B212;
}
.mldc-toast.announcement {
  border-radius: 8px;
  background-color: var(--color-swatches-beta-blue-lightest);
  border: 2px solid var(--color-swatches-beta-blue-darkest);
}
.mldc-toast.informational {
  border-radius: 8px;
  background-color: var(--color-swatches-beta-blue-lightest);
  border: 2px solid var(--color-swatches-beta-blue-darkest);
}
.mldc-toast.success {
  border-radius: 8px;
  background-color: var(--color-swatches-beta-green-lightest);
  border: 2px solid var(--color-swatches-beta-green-darkest);
}
.mldc-toast.success .notification-icon {
  color: var(--color-swatches-beta-green-darkest);
}
.mldc-toast.promo {
  background-color: var(--color-brand-secondary-ml-purple-base);
}
.mldc-toast.promo .notification-icon {
  color: var(--color-brand-secondary-ml-purple-base);
}
.mldc-toast.cookie {
  background-color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-toast.cookie .notification-icon svg circle {
  fill: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast.cookie .notification-icon svg path {
  color: var(--color-brand-neutrals-gray-lightest);
}
.mldc-toast.cookie .content .heading-text {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast.cookie .content span {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast.cookie .action .text-link a {
  font-weight: 600;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast.cookie .close-button .mldc-icon-button svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast .content {
  flex: 1;
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: 1rem;
  display: flex;
  flex-flow: nowrap;
  gap: 16px;
}
.mldc-toast .content .heading-text {
  font-weight: 600;
  white-space: nowrap;
}
.mldc-toast .content a {
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
}
.mldc-toast .content span {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast .content b {
  font-weight: 600;
}
.mldc-toast .action {
  display: flex;
  gap: 24px;
}
.mldc-toast .action .mldc-button.secondary.pill {
  height: 40px;
  margin-top: 16px;
  padding: 8px 16px;
  border-radius: 24px;
}
.mldc-toast .action .text-link {
  padding: 24px 0;
}
.mldc-toast .action .text-link a {
  text-decoration: underline;
  font-weight: 600;
  cursor: pointer;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast .close-button {
  padding: 28px 24px 28px 0px;
}
.mldc-toast .close-button .mldc-icon-button {
  display: flex;
  align-items: center;
  height: 14px;
  width: 14px;
}
.mldc-toast .close-button .mldc-icon-button svg {
  display: block;
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toast .notification-icon,
.mldc-toast .mldc-icon-button {
  display: flex;
  align-items: center;
  height: 24px;
}
.mldc-toast .notification-icon svg,
.mldc-toast .mldc-icon-button svg {
  display: block;
}

/***** @metlife/mldc-global-footer *****/
.mldc-global-footer {
  /***** disclaimer *****/
  /***** footer *****/
  /***** tablet *****/
  /***** desktop *****/
}
.mldc-global-footer .footer-logo-column {
  width: 50%;
  order: 1;
}
.mldc-global-footer .footer-info-column {
  width: 100%;
  order: 3;
}
.mldc-global-footer .footer-additional-column {
  width: 50%;
  order: 2;
}
.mldc-global-footer .disclaimer-container {
  padding: 32px 16px;
  background: var(--color-brand-neutrals-white);
}
.mldc-global-footer .disclaimer-container .disclaimer-text:empty {
  display: none;
}
.mldc-global-footer .disclaimer-container:empty {
  display: none;
}
.mldc-global-footer .disclaimer-container p {
  margin-top: 16px;
}
.mldc-global-footer .disclaimer-container .disclaimer-text {
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-12);
  font-style: var(--typography-style-normal);
  font-weight: var(--typography-weight-4);
  line-height: var(--typography-line-height-2);
}
.mldc-global-footer .disclaimer-container > *:first-child {
  border-top: 2px solid var(--color-brand-neutrals-gray-light);
  padding-top: 16px;
  margin: 0;
}
.mldc-global-footer .footer-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding: 64px 16px;
  background: var(--color-brand-neutrals-gray-lightest);
  /***** footer logo *****/
  /***** footer info *****/
  /***** footer additional content *****/
}
.mldc-global-footer .footer-container a {
  text-decoration: none;
}
.mldc-global-footer .footer-container a:hover, .mldc-global-footer .footer-container a:active {
  text-decoration: none;
}
.mldc-global-footer .footer-container a:focus {
  position: relative;
}
.mldc-global-footer .footer-container a:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-global-footer .footer-container a:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-global-footer .footer-container .footer-logo {
  margin-right: 0px;
}
.mldc-global-footer .footer-container .footer-logo .footer-logo-image {
  width: 149px;
  height: 32px;
}
.mldc-global-footer .footer-container .footer-logo .footer-logo-image:focus {
  position: relative;
  outline: 0;
}
.mldc-global-footer .footer-container .footer-logo .footer-logo-image:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-brand-primary-ml-blue3);
  width: 100%;
  height: 100%;
}
.mldc-global-footer .footer-container .footer-logo .footer-logo-image:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-global-footer .footer-container .footer-info {
  margin-right: 0px;
}
.mldc-global-footer .footer-container .footer-info .footer-info-contact {
  margin-top: 32px;
}
.mldc-global-footer .footer-container .footer-info .footer-info-contact-link {
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-14);
  font-weight: var(--typography-weight-7);
  font-style: var(--typography-style-normal);
  line-height: var(--typography-line-height-1);
  text-transform: uppercase;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-global-footer .footer-container .footer-info > * + .footer-info-legal-links {
  margin-top: 8px;
  margin-bottom: 24px;
}
.mldc-global-footer .footer-container .footer-info .footer-info-legal-links .footer-info-legal-link {
  display: inline-block;
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: var(--typography-px-size-14);
  font-weight: var(--typography-weight-7);
  margin-top: 16px;
  margin-right: 48px;
}
.mldc-global-footer .footer-container .footer-info .footer-group-links-category {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 24px;
}
.mldc-global-footer .footer-container .footer-info .footer-group-links-category-label p {
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: var(--typography-px-size-14);
  font-weight: var(--typography-weight-7);
  line-height: var(--typography-line-height-1);
  margin-bottom: 0px;
}
.mldc-global-footer .footer-container .footer-info .footer-info-group-links {
  display: flex;
  flex-wrap: wrap;
}
.mldc-global-footer .footer-container .footer-info .footer-info-group-links .footer-info-group-link {
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-neutrals-gray-darkest);
  font-size: var(--typography-px-size-12);
  font-weight: var(--typography-weight-4);
  line-height: var(--typography-line-height-1);
  margin-top: 16px;
  margin-right: 32px;
}
.mldc-global-footer .footer-container .footer-info .footer-info-legal-disclaimer {
  margin-top: 24px;
}
.mldc-global-footer .footer-container .footer-info .footer-info-legal-disclaimer p {
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-12);
  font-weight: var(--typography-weight-4);
  font-style: var(--typography-style-normal);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
  margin-bottom: 16px;
}
.mldc-global-footer .footer-container .footer-additional-column {
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}
.mldc-global-footer .footer-container .footer-additional-column .footer-additional-content {
  min-width: 60px;
}
.mldc-global-footer .footer-container .footer-additional-column .footer-additional-content .icon-logout {
  position: relative;
  top: 5px;
  height: 18px;
  width: 15px;
  color: var(--color-brand-neutrals-gray-darkest);
  fill: var(--color-brand-neutrals-gray-darkest);
}
.mldc-global-footer .footer-container .footer-additional-column .footer-additional-content svg {
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-global-footer .footer-container .footer-additional-column .footer-additional-content span {
  color: var(--color-brand-neutrals-black);
}
.mldc-global-footer .footer-container .footer-additional-column .footer-additional-content a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .mldc-global-footer .disclaimer-container {
    padding: 64px 16px;
  }
}
@media screen and (min-width: 1024px) {
  .mldc-global-footer .disclaimer-container {
    padding: 64px 124px;
  }
  .mldc-global-footer .footer-logo-column {
    width: auto;
    order: 1;
  }
  .mldc-global-footer .footer-info-column {
    width: auto;
    order: 2;
  }
  .mldc-global-footer .footer-additional-column {
    width: auto;
    order: 3;
  }
  .mldc-global-footer .footer-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: normal;
    padding: 64px 124px;
  }
  .mldc-global-footer .footer-container .footer-logo {
    margin-right: 68px;
  }
  .mldc-global-footer .footer-container .footer-info {
    margin-right: 64px;
  }
  .mldc-global-footer .footer-container .footer-info .footer-info-contact {
    margin-top: 0px;
  }
}

/***** RTL *****/
.mldc-rtl .mldc-global-footer .footer-container .footer-logo,
html[dir=rtl] .mldc-global-footer .footer-container .footer-logo,
body[dir=rtl] .mldc-global-footer .footer-container .footer-logo {
  margin-left: 68px;
  margin-right: 0;
}
.mldc-rtl .mldc-global-footer .footer-container .footer-info,
html[dir=rtl] .mldc-global-footer .footer-container .footer-info,
body[dir=rtl] .mldc-global-footer .footer-container .footer-info {
  margin-left: 64px;
  margin-right: 0;
}
.mldc-rtl .mldc-global-footer .footer-container .footer-info .footer-info-legal-links .footer-info-legal-link,
html[dir=rtl] .mldc-global-footer .footer-container .footer-info .footer-info-legal-links .footer-info-legal-link,
body[dir=rtl] .mldc-global-footer .footer-container .footer-info .footer-info-legal-links .footer-info-legal-link {
  margin-left: 48px;
  margin-right: 0px;
}
.mldc-rtl .mldc-global-footer .footer-container .footer-info .footer-info-group-links .footer-info-group-link,
html[dir=rtl] .mldc-global-footer .footer-container .footer-info .footer-info-group-links .footer-info-group-link,
body[dir=rtl] .mldc-global-footer .footer-container .footer-info .footer-info-group-links .footer-info-group-link {
  margin-left: 32px;
  margin-right: 0px;
}
.mldc-rtl .mldc-global-footer .footer-container .footer-additional-column .footer-additional-content span,
html[dir=rtl] .mldc-global-footer .footer-container .footer-additional-column .footer-additional-content span,
body[dir=rtl] .mldc-global-footer .footer-container .footer-additional-column .footer-additional-content span {
  margin-left: 0px !important;
  margin-right: 2px !important;
}

/***** @metlife/mldc-toggle-options *****/
.mldc-toggle-options {
  display: flex;
  flex-flow: column;
  width: max-content;
}
.mldc-toggle-options .group-label {
  display: block;
  font-size: 1.25rem;
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-toggle-options .group-label:not(:empty) {
  margin-bottom: 24px;
}
.mldc-toggle-options .group-label + .link-tooltip {
  margin: -24px 0 16px;
}
.mldc-toggle-options .group-label-w-tooltip {
  display: flex;
  gap: 16px;
}
.mldc-toggle-options .group-label-w-tooltip .mldc-tooltip {
  margin-top: -2px;
}
.mldc-toggle-options .mldc-toggle {
  position: relative;
}
.mldc-toggle-options .mldc-toggle ul {
  position: relative;
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 2px;
  background-color: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-neutrals-gray-dark);
  border-radius: 20px;
}
.mldc-toggle-options .mldc-toggle li {
  display: flex;
  z-index: 1;
}
.mldc-toggle-options .mldc-toggle li:not(:first-child) {
  margin-left: 0px;
}
.mldc-toggle-options .mldc-toggle .toggle-indicator {
  left: unset !important;
}
.mldc-toggle-options .mldc-toggle button {
  display: flex;
  padding: 16px 24px;
  height: 32px;
  line-height: 21px;
  font-size: var(--typography-px-size-14);
  color: var(--color-brand-neutrals-gray-darkest);
  background-color: transparent;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  outline: none;
  box-shadow: none;
  border: 0;
  border-radius: 16px;
}
.mldc-toggle-options .mldc-toggle button .icon {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: var(--color-brand-neutrals-gray-darkest);
  border-radius: 50%;
}
.mldc-toggle-options .mldc-toggle button .text {
  position: relative;
  z-index: 1;
  font-family: var(--typography-family-noto);
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 32px;
}
.mldc-toggle-options .mldc-toggle button .text::after {
  display: block;
  content: attr(data-text);
  font-weight: var(--typography-weight-semi-bold);
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.mldc-toggle-options .mldc-toggle button:not(:disabled) {
  cursor: pointer;
}
.mldc-toggle-options .mldc-toggle button:not(:disabled):hover, .mldc-toggle-options .mldc-toggle button:not(:disabled):focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
  border-radius: 20px;
}
.mldc-toggle-options .mldc-toggle button:not(:disabled):hover .text, .mldc-toggle-options .mldc-toggle button:not(:disabled):focus .text {
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-toggle-options .mldc-toggle button.active, .mldc-toggle-options .mldc-toggle button:active {
  color: var(--color-brand-neutrals-white);
  background-color: var(--color-swatches-beta-green-darkest);
  transition: background-color 0.2s ease-out 0.15s;
}
.mldc-toggle-options .mldc-toggle button.active .text, .mldc-toggle-options .mldc-toggle button:active .text {
  font-weight: var(--typography-weight-semi-bold);
  transition: 0.2s ease-in-out;
}
.mldc-toggle-options .mldc-toggle button.active:hover, .mldc-toggle-options .mldc-toggle button:active:hover {
  box-shadow: none;
}
.mldc-toggle-options .mldc-toggle button.active:focus, .mldc-toggle-options .mldc-toggle button:active:focus {
  box-shadow: inset 0 0 0 3px var(--color-brand-primary-ml-blue3);
  z-index: 2;
  border-radius: 20px;
}
.mldc-toggle-options .mldc-toggle button.active:focus:not(:focus-visible), .mldc-toggle-options .mldc-toggle button:active:focus:not(:focus-visible) {
  box-shadow: none;
}
.mldc-toggle-options .mldc-toggle button.active .icon, .mldc-toggle-options .mldc-toggle button:active .icon {
  background-color: var(--color-brand-neutrals-white);
  transition: 0.2s ease-in-out;
}
.mldc-toggle-options .mldc-toggle.disabled ul {
  background-color: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-brand-neutrals-gray-medium);
  pointer-events: none;
}
.mldc-toggle-options .mldc-toggle.disabled ul button {
  cursor: not-allowed;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-toggle-options .mldc-toggle.disabled ul button .text {
  color: var(--color-brand-neutrals-gray-medium);
}
.mldc-toggle-options .mldc-toggle.disabled ul button .icon {
  background-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-toggle-options .mldc-toggle.disabled ul button.active, .mldc-toggle-options .mldc-toggle.disabled ul button:active {
  background-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-toggle-options .mldc-toggle.disabled ul button.active .text, .mldc-toggle-options .mldc-toggle.disabled ul button:active .text {
  color: var(--color-brand-neutrals-white);
}
.mldc-toggle-options .mldc-toggle.disabled ul button.active .icon, .mldc-toggle-options .mldc-toggle.disabled ul button:active .icon {
  background-color: var(--color-brand-neutrals-white);
}
.mldc-toggle-options .mldc-toggle:not(.disabled).has-error ul {
  border: 3px solid var(--color-swatches-beta-red-base);
}
.mldc-toggle-options .indicator {
  background-color: var(--color-swatches-beta-green-darkest);
}
.mldc-toggle-options .transition {
  transition: 0.2s ease-in-out;
}
.mldc-toggle-options .error-message {
  color: var(--color-swatches-beta-red-base);
  margin-top: 6px;
  font-size: 0.75rem;
  line-height: 21px;
}
.mldc-toggle-options .error-message.dark-bg {
  color: var(--color-brand-neutrals-white);
}

.mldc-rtl .mldc-toggle-options .mldc-toggle li:not(:first-child),
html[dir=rtl] .mldc-toggle-options .mldc-toggle li:not(:first-child),
body[dir=rtl] .mldc-toggle-options .mldc-toggle li:not(:first-child) {
  margin-left: 0;
  margin-right: 4px;
}
.mldc-rtl .mldc-toggle-options .mldc-toggle .toggle-indicator,
html[dir=rtl] .mldc-toggle-options .mldc-toggle .toggle-indicator,
body[dir=rtl] .mldc-toggle-options .mldc-toggle .toggle-indicator {
  left: 0 !important;
}
.mldc-rtl .mldc-toggle-options .mldc-toggle button .text,
html[dir=rtl] .mldc-toggle-options .mldc-toggle button .text,
body[dir=rtl] .mldc-toggle-options .mldc-toggle button .text {
  margin-left: 0;
  margin-right: 8px;
}

/***** @metlife/mldc-product-card *****/
.mldc-visual-product-card-wrapper .group-row-header-wrapper {
  padding: var(--space-padding-xl) var(--space-0);
  display: flex;
  align-items: center;
  gap: var(--space-16);
}
.mldc-visual-product-card-wrapper .group-row-header-wrapper .group-row-header-bar {
  display: inline-block;
  width: 80px;
  height: 2px;
  border-radius: var(--space-radius-s);
  vertical-align: middle;
  background: transparent linear-gradient(87deg, var(--color-brand-primary-ml-blue1-base) 20.83%, var(--color-metlife-medium-green) 75.53%);
}
.mldc-visual-product-card-wrapper .group-row-header-wrapper .group-row-header-text h2.legend-title {
  font-size: var(--typography-px-size-16-to-rem);
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-neutrals-black);
  font-weight: var(--typography-weight-4);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card {
  display: flex;
  position: relative;
  flex-flow: column;
  gap: var(--space-32);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.one {
  grid-template-columns: repeat(1, 1fr);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.two {
  grid-template-columns: repeat(2, 1fr);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.three {
  grid-template-columns: repeat(3, 1fr);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.four {
  grid-template-columns: repeat(4, 1fr);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-wrapper {
  background: none;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-wrapper .product-content {
  padding: var(--space-padding-l);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-wrapper .product-cta {
  display: flex;
  margin-top: auto;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-wrapper .product-cta .mldc-button {
  padding: var(--space-padding-base) var(--space-padding-m);
  border-radius: var(--space-radius-l);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-image {
  display: none;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-content {
  flex-flow: column;
  align-items: self-start;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-content .product-inner-content {
  width: 618px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.NoPicture .product-content .product-inner-content .product-banner-content-wrap {
  width: 100%;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  border: 1px solid var(--color-brand-neutrals-gray-light);
  background-color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half {
  display: grid;
  width: 100% !important;
  flex-flow: row;
  gap: var(--space-32);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper {
  min-width: 226px;
  min-height: 300px;
  background: none;
  background-color: var(--color-brand-neutrals-white);
  display: flex;
  width: 100%;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper .product-banner-content-wrap .product-sticker .mldc-status-stickers {
  border-radius: 24px;
  padding: var(--space-padding-xs) var(--space-padding-base);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper .product-banner-content-wrap .product-sticker .mldc-status-stickers .content {
  padding: 0;
  display: flex;
  align-items: center;
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-5);
  letter-spacing: 0.8px;
  height: 15px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient {
  background: linear-gradient(119deg, var(--color-gradient-blue) 45.81%, var(--color-brand-primary-ml-blue2) 93.27%);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-banner-content-wrap .product-category,
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-banner-content-wrap .product-name,
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-banner-content-wrap .product-desc {
  color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-banner-content-wrap .product-name h2 {
  color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-cta .mldc-button {
  background: transparent;
  border: var(--space-2) solid var(--color-brand-neutrals-white);
  color: var(--color-brand-neutrals-white);
  box-shadow: none;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-cta .mldc-text-link {
  color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-cta .mldc-text-link span svg {
  color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-cta .mldc-text-link:focus {
  position: relative;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-cta .mldc-text-link:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-2) solid var(--color-brand-neutrals-white);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .product-cta .mldc-text-link:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .badge .add-to-dashboard {
  color: var(--color-brand-neutrals-black);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient .badge.toggle-badge {
  background-color: var(--color-brand-primary-ml-green-base);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper .product-image {
  display: none;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper .product-content {
  width: 100%;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper .product-content .product-inner-content {
  width: 100%;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-content {
  padding: var(--space-padding-l);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-content .button-wrapper {
  padding-top: var(--space-padding-l);
  display: flex;
  gap: var(--space-16);
  flex-flow: column;
  margin-top: auto;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half.md .product-wrapper {
  min-width: 226px;
  min-height: 300px;
  background: none;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half.md .product-wrapper.darkGradient {
  background: linear-gradient(119deg, var(--color-gradient-blue) 45.81%, var(--color-brand-primary-ml-blue2) 93.27%);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half.md .product-banner-content-wrap .product-cta {
  margin-top: auto;
  padding-top: var(--space-padding-base);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half.sm .product-wrapper {
  min-width: unset;
  max-width: unset;
  background: none;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.half.sm .product-wrapper.darkGradient {
  background: linear-gradient(119deg, var(--color-gradient-blue) 45.81%, var(--color-brand-primary-ml-blue2) 93.27%);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  position: relative;
  padding-left: var(--space-0);
  padding-right: var(--space-0);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-category {
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-12-to-rem);
  line-height: normal;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
  letter-spacing: var(--space-2);
  text-transform: uppercase;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-name {
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-24-to-rem);
  line-height: 42px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-name h2 {
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-28-to-rem) !important;
  line-height: 42px;
  color: var(--color-brand-neutrals-gray-darkest);
  font-weight: var(--typography-weight-medium);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-desc {
  padding-top: var(--space-padding-base);
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-14-to-rem);
  line-height: 21px;
  letter-spacing: var(--space-0);
  color: var(--color-brand-neutrals-black);
  font-weight: var(--typography-weight-normal);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-cta {
  margin-top: auto;
  padding-top: var(space-padding-l);
  overflow: visible;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-cta .mldc-button {
  padding: var(--space-padding-base) var(--space-padding-m);
  border-radius: var(--space-radius-l);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-banner-content-wrap .product-cta .mldc-text-link span svg {
  width: 14px !important;
  height: 14px !important;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badge {
  cursor: unset;
  display: flex;
  flex-direction: row;
  gap: var(--space-8);
  background-color: var(--color-brand-primary-ml-blue2);
  position: absolute;
  top: 0;
  right: -4px;
  padding: var(--space-padding-s) var(--space-padding-base);
  border-radius: var(--space-0) var(--space-0) var(--space-0) var(--space-radius-base);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badge .add-to-dashboard {
  font-size: var(--typography-px-size-14-to-rem);
  line-height: 21px;
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-5);
  color: var(--color-brand-neutrals-white);
  letter-spacing: 0.8px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badge.toggle-badge {
  background-color: var(--color-brand-secondary-ml-purple-base);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badge.bottom {
  top: auto;
  bottom: 0;
  border-radius: var(--space-radius-base) var(--space-0) var(--space-0) var(--space-0);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badgeIcon {
  position: absolute;
  top: 15px;
  right: -4px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badgeIcon svg {
  width: 4px;
  height: 4px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .badgeIcon.bottom {
  top: auto;
  bottom: 29px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .custom-badge {
  align-items: center;
  position: relative;
  width: fit-content;
  border-radius: 24px !important;
  font-size: 0.75rem;
  padding: 2px 8px;
  display: flex;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .custom-badge .add-to-dashboard {
  line-height: 15px;
  font-size: 0.75rem;
  letter-spacing: 0.8px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-content {
  position: relative;
  display: flex;
  flex: 1;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-content .product-inner-content {
  display: flex;
  width: 401px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .product-content .product-inner-content .product-icon {
  margin-bottom: var(--space-vspace-base);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card .tab-icon {
  height: 22px;
  padding-top: 1px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm {
  display: flex;
  flex-flow: column;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm .product-wrapper.bottom .product-cta {
  padding-bottom: 56px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm.NoPicture .product-wrapper {
  background: none;
  background-color: var(--color-brand-neutrals-white);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm.NoPicture .product-image {
  display: none;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm .product-wrapper {
  flex-flow: column;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm .product-image {
  width: 100%;
  display: flex;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.sm .product-cta {
  display: flex;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.md.four {
  grid-template-columns: repeat(3, 1fr);
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.md .product-wrapper.bottom .product-content {
  padding-bottom: 68px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.md .product-image {
  width: 224px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.md .product-content {
  position: relative;
  display: flex;
  flex: 1;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.md .product-content .product-inner-content {
  display: flex;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.xl {
  width: 943px;
}
.mldc-visual-product-card-wrapper .mldc-visual-product-card.lg {
  width: 943px;
}

.mldc-rtl .mldc-visual-product-card-wrapper .group-row-header-wrapper .group-row-header-bar,
html[dir=rtl] .mldc-visual-product-card-wrapper .group-row-header-wrapper .group-row-header-bar,
body[dir=rtl] .mldc-visual-product-card-wrapper .group-row-header-wrapper .group-row-header-bar {
  background: transparent linear-gradient(87deg, var(--color-brand-primary-ml-blue1-base) 20.83%, var(--color-metlife-medium-green) 75.53%);
  transform: rotateY(180deg);
}
.mldc-rtl .mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient.darkGradient,
html[dir=rtl] .mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient.darkGradient,
body[dir=rtl] .mldc-visual-product-card-wrapper .mldc-visual-product-card.half .product-wrapper.darkGradient.darkGradient {
  background: linear-gradient(-119deg, var(--color-gradient-blue) 45.81%, var(--color-brand-primary-ml-blue2) 93.27%);
}
.mldc-rtl .mldc-visual-product-card-wrapper .mldc-button .button-icon.tailing,
html[dir=rtl] .mldc-visual-product-card-wrapper .mldc-button .button-icon.tailing,
body[dir=rtl] .mldc-visual-product-card-wrapper .mldc-button .button-icon.tailing {
  margin-left: 0;
  margin-right: var(--space-8);
}
.mldc-rtl .mldc-visual-product-card-wrapper .mldc-button .button-icon.tailing svg,
html[dir=rtl] .mldc-visual-product-card-wrapper .mldc-button .button-icon.tailing svg,
body[dir=rtl] .mldc-visual-product-card-wrapper .mldc-button .button-icon.tailing svg {
  transform: rotate(180deg) !important;
}
.mldc-rtl .mldc-visual-product-card-wrapper .mldc-button.customize-icon .tailing svg,
html[dir=rtl] .mldc-visual-product-card-wrapper .mldc-button.customize-icon .tailing svg,
body[dir=rtl] .mldc-visual-product-card-wrapper .mldc-button.customize-icon .tailing svg {
  transform: rotate(270deg) !important;
}
.mldc-rtl .mldc-visual-product-card-wrapper .mldc-text-link span.tailing,
html[dir=rtl] .mldc-visual-product-card-wrapper .mldc-text-link span.tailing,
body[dir=rtl] .mldc-visual-product-card-wrapper .mldc-text-link span.tailing {
  margin-left: 0;
  margin-right: var(--space-4);
}
.mldc-rtl .mldc-visual-product-card-wrapper .mldc-text-link span svg,
html[dir=rtl] .mldc-visual-product-card-wrapper .mldc-text-link span svg,
body[dir=rtl] .mldc-visual-product-card-wrapper .mldc-text-link span svg {
  transform: rotate(180deg) !important;
}
.mldc-rtl .mldc-visual-product-card-wrapper .badge,
html[dir=rtl] .mldc-visual-product-card-wrapper .badge,
body[dir=rtl] .mldc-visual-product-card-wrapper .badge {
  right: auto;
  left: -4px;
  border-radius: var(--space-0) var(--space-0) var(--space-radius-base) var(--space-0);
}
.mldc-rtl .mldc-visual-product-card-wrapper .badgeIcon,
html[dir=rtl] .mldc-visual-product-card-wrapper .badgeIcon,
body[dir=rtl] .mldc-visual-product-card-wrapper .badgeIcon {
  right: auto;
  left: 0;
  top: 19px;
  transform: rotate(-270deg);
}

/***** @metlife/mldc-critical-action-button *****/
.mldc-critical-action-button {
  display: flex;
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-16);
  font-weight: var(--typography-weight-semi-bold);
  padding: 16px 24px;
  min-width: 130px;
  border: 2px solid var(--color-registered-transparent);
  border-radius: 8px;
  line-height: var(--typography-line-height-normal);
  text-align: center;
  align-items: center;
  justify-content: center;
  outline: 0;
  cursor: pointer;
}
.mldc-critical-action-button > * {
  pointer-events: none;
}
.mldc-critical-action-button span {
  display: inline-flex;
  align-items: center;
  font-family: var(--typography-family-noto);
  font-size: var(--typography-px-size-16);
  font-weight: var(--typography-weight-semi-bold);
}
.mldc-critical-action-button .button-icon svg {
  display: block;
}
.mldc-critical-action-button .button-icon.leading {
  margin-right: 8px;
}
.mldc-critical-action-button .button-icon.tailing {
  margin-left: 8px;
}
.mldc-critical-action-button.primary.red {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
  border: 2px solid var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.primary.red svg {
  width: 20px;
  height: 20px;
}
.mldc-critical-action-button.primary.red svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.primary.red:hover {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.primary.red:focus {
  position: relative;
}
.mldc-critical-action-button.primary.red:focus:hover {
  background-color: var(--color-registered-transparent);
  color: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.primary.red:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-swatches-beta-red-dark);
  border-radius: 12px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  left: -6px;
  top: -6px;
}
.mldc-critical-action-button.primary.red:focus:not(:focus-visible) {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.primary.red:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-critical-action-button.primary.red:focus svg path {
  fill: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.primary.pill {
  font-size: var(--typography-px-size-16);
  line-height: var(--typography-line-height-normal);
  padding: 8px 16px;
  border-radius: 20px;
  border-width: 0px;
  height: 40px;
}
.mldc-critical-action-button.primary.pill:hover {
  box-shadow: inset 0 0 0 3px var(--color-swatches-beta-red-dark) !important;
  background-color: var(--color-swatches-beta-red-dark) !important;
  color: var(--color-brand-neutrals-white) !important;
}
.mldc-critical-action-button.primary.pill:focus::after {
  border-radius: 20px !important;
}
.mldc-critical-action-button.primary.pill:focus svg path {
  fill: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.primary.processing:focus svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.secondary.red {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-swatches-beta-red-dark);
  border: 2px solid var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.red svg {
  width: 20px;
  height: 20px;
}
.mldc-critical-action-button.secondary.red svg path {
  fill: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.red:hover {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.secondary.red:hover svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.secondary.red:focus {
  position: relative;
}
.mldc-critical-action-button.secondary.red:focus svg path {
  fill: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.red:focus:hover {
  background-color: var(--color-registered-transparent);
  color: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.red:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-swatches-beta-red-dark);
  border-radius: 12px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  left: -6px;
  top: -6px;
}
.mldc-critical-action-button.secondary.red:focus:not(:focus-visible) {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.secondary.red:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-critical-action-button.secondary.pill {
  font-size: var(--typography-px-size-16);
  line-height: var(--typography-line-height-normal);
  padding: 8px 16px;
  border-radius: 20px;
  border-width: 0px;
  height: 40px;
}
.mldc-critical-action-button.secondary.pill.red {
  background-color: var(--color-brand-neutrals-white);
  color: var(--color-swatches-beta-red-dark);
  border: 2px solid var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.pill.red:hover {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.secondary.pill.red:focus {
  position: relative;
}
.mldc-critical-action-button.secondary.pill.red:focus:hover {
  background-color: var(--color-registered-transparent);
  color: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.pill.red:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid var(--color-swatches-beta-red-dark);
  border-radius: 12px;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  left: -6px;
  top: -6px;
}
.mldc-critical-action-button.secondary.pill.red:focus:not(:focus-visible) {
  background-color: var(--color-swatches-beta-red-dark);
  color: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button.secondary.pill.red:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-critical-action-button.secondary.pill.dark:hover {
  box-shadow: inset 0 0 0 3px var(--color-brand-neutrals-white) !important;
  background-color: var(--color-brand-neutrals-white) !important;
  color: var(--color-metlife-blue-2) !important;
}
.mldc-critical-action-button.secondary.pill:focus::after {
  border-radius: 20px !important;
}
.mldc-critical-action-button.secondary.pill:focus svg path {
  fill: var(--color-swatches-beta-red-dark);
}
.mldc-critical-action-button.secondary.processing:focus svg path {
  fill: var(--color-brand-neutrals-white);
}
.mldc-critical-action-button[aria-disabled=true] {
  pointer-events: none;
}
.mldc-critical-action-button[aria-disabled=true].primary {
  background-color: var(--color-metlife-medium-gray);
  color: var(--color-metlife-darkest-gray);
}
.mldc-critical-action-button[aria-disabled=true].primary.pill {
  box-shadow: inset 0 0 0 2px var(--color-metlife-medium-gray) !important;
  background-color: var(--color-metlife-medium-gray) !important;
  color: var(--color-metlife-darkest-gray) !important;
}
.mldc-critical-action-button[aria-disabled=true].primary.pill:focus::after {
  border: 3px solid var(--color-metlife-medium-gray) !important;
}
.mldc-critical-action-button[aria-disabled=true].primary:focus::after {
  border: 3px solid var(--color-metlife-medium-gray);
}
.mldc-critical-action-button[aria-disabled=true].primary:focus:not(:focus-visible) {
  background-color: var(--color-metlife-medium-gray);
}
.mldc-critical-action-button[aria-disabled=true].secondary {
  color: var(--color-metlife-dark-gray);
  box-shadow: inset 0 0 0 2px var(--color-metlife-dark-gray);
}
.mldc-critical-action-button[aria-disabled=true].secondary.pill {
  box-shadow: inset 0 0 0 2px var(--color-metlife-medium-gray) !important;
  color: var(--color-metlife-medium-gray) !important;
}
.mldc-critical-action-button[aria-disabled=true].secondary.pill.dark {
  color: var(--color-metlife-medium-gray) !important;
}
.mldc-critical-action-button[aria-disabled=true].secondary.pill:focus {
  box-shadow: inset 0 0 0 3px var(--color-metlife-medium-gray) !important;
}
.mldc-critical-action-button[aria-disabled=true].secondary.pill:focus::after {
  border: 3px solid var(--color-metlife-medium-gray) !important;
}
.mldc-critical-action-button[aria-disabled=true].secondary:focus {
  box-shadow: inset 0 0 0 3px var(--color-metlife-dark-gray);
  color: var(--color-metlife-dark-gray);
}
.mldc-critical-action-button[aria-disabled=true].secondary:focus::after {
  border: 3px solid var(--color-metlife-dark-gray);
}

/***** Mobile *****/
@media screen and (max-width: 767px) {
  .mldc-critical-action-button {
    min-width: 340px;
    margin: auto;
  }
}
/***** RTL *****/
.mldc-rtl .mldc-critical-action-button .button-icon.leading,
html[dir=rtl] .mldc-critical-action-button .button-icon.leading,
body[dir=rtl] .mldc-critical-action-button .button-icon.leading {
  margin-right: 0px;
  margin-left: 8px;
}
.mldc-rtl .mldc-critical-action-button .button-icon.tailing,
html[dir=rtl] .mldc-critical-action-button .button-icon.tailing,
body[dir=rtl] .mldc-critical-action-button .button-icon.tailing {
  margin-left: 0px;
  margin-right: 8px;
}

:root {
  --color-background-default: #ffffff;
  --color-background-blue: #007abc;
  --color-background-gray: #f2f2f2;
  --color-button-primary-icon: #ffffff;
  --color-button-primary-fill: #007abc;
  --color-button-secondary-icon: #007abc;
  --color-button-secondary-fill: rgba(255, 255, 255, 0);
  --color-metlife-berry-1: #b91d1f;
  --color-metlife-red: #db181a;
  --color-additional-gray-for-stepper-wrapper: #707070;
  --color-additional-gray-for-timer-text: #75787b;
  --color-additional-green-for-stepper: #69a62e;
  --color-additional-blue-for-loader-dot: #2b99e3;
  --color-metlife-light-green: #a1ce42;
  --color-metlife-medium-green: #a3cd4d;
  --color-mldc-segment-active-green: #7a9f3b;
  --color-mldc-segment-inactive-gray: rgba(167, 168, 170, 0.5);
  --color-metlife-divider-gray: #d9d9d9;
  --color-box-shadow-1: rgba(0, 0, 0, 0.17);
  --color-box-shadow-2: rgba(0, 0, 0, 0.5);
  --color-box-shadow-3: rgba(0, 0, 0, 0.18);
  --color-box-shadow-4: rgba(0, 0, 0, 0.15);
  --color-gradient-black: #000016;
  --color-gradient-blue: #1e4c76;
  --color-gradient-teal-2: #5aada6;
  --color-brand-primary-ml-green-base: #a4ce4e;
  --color-brand-primary-ml-blue1-base: #0090da;
  --color-brand-primary-ml-blue2: #007abc;
  --color-brand-primary-ml-blue3: #0061a0;
  --color-brand-secondary-ml-berry-base: #db0a5b;
  --color-brand-secondary-ml-purple-base: #5f259f;
  --color-brand-secondary-ml-teal-base: #00aca0;
  --color-brand-secondary-ml-yellow-base: #ffc600;
  --color-brand-neutrals-black: #000000;
  --color-brand-neutrals-gray-darkest: #333333;
  --color-brand-neutrals-gray-dark: #6e6e6e;
  --color-brand-neutrals-gray-medium: #a7a8aa;
  --color-brand-neutrals-gray-light: #d9d9d6;
  --color-brand-neutrals-gray-lightest: #f2f2f2;
  --color-brand-neutrals-white: #ffffff;
  --color-brand-neutrals-transparent: rgba(255, 255, 255, 0);
  --color-swatches-beta-green-lightest: #f6faed;
  --color-swatches-beta-green-light: #e3f0c8;
  --color-swatches-beta-green-dark: #83a53e;
  --color-swatches-beta-green-darkest: #528320;
  --color-swatches-beta-red-lightest: #fbe9e9;
  --color-swatches-beta-red-light: #f2babb;
  --color-swatches-beta-red-base: #d42123;
  --color-swatches-beta-red-dark: #b91d1f;
  --color-swatches-beta-red-darkest: #850001;
  --color-swatches-beta-berry-lightest: #fbe7ef;
  --color-swatches-beta-berry-light: #f4b3cc;
  --color-swatches-beta-berry-dark: #af0849;
  --color-swatches-beta-berry-darkest: #830637;
  --color-swatches-beta-yellow-lightest: #fff9e6;
  --color-swatches-beta-yellow-light: #ffedb0;
  --color-swatches-beta-yellow-dark: #e1b212;
  --color-swatches-beta-yellow-darkest: #9b6e00;
  --color-swatches-beta-orange-lightest: #fcefe6;
  --color-swatches-beta-orange-light: #f7cfb2;
  --color-swatches-beta-orange-base: #ff9043;
  --color-swatches-beta-orange-dark: #e56308;
  --color-swatches-beta-orange-darkest: #ac4a06;
  --color-swatches-beta-teal-lightest: #e6f7f6;
  --color-swatches-beta-teal-light: #b0e5e2;
  --color-swatches-beta-teal-dark: #379b94;
  --color-swatches-beta-teal-darkest: #278280;
  --color-swatches-beta-blue-lightest: #e6f4fb;
  --color-swatches-beta-blue-light: #baddf5;
  --color-swatches-beta-blue-darkest: #003a60;
  --color-swatches-beta-purple-lightest: #efe9f5;
  --color-swatches-beta-purple-light: #cdbbe1;
  --color-swatches-beta-purple-dark: #471c77;
  --color-swatches-beta-purple-darkest: #39165f;
  --color-ui-elements-disabled-toggle-on: #8eae6e;
  --color-ui-elements-disabled-toggle-off: #a1a1a1;
  --responsive-grid-column-number: 12;
  --responsive-grid-gutter-width: 30px;
  --responsive-breakpoint-xs: 0;
  --responsive-breakpoint-sm: 320px;
  --responsive-breakpoint-md: 768px;
  --responsive-breakpoint-lg: 1024px;
  --responsive-breakpoint-xl: 1200px;
  --responsive-breakpoint-xxl: 1300px;
  --responsive-container-max-width-sm: 290px;
  --responsive-container-max-width-md: 738px;
  --responsive-container-max-width-lg: 994px;
  --responsive-container-max-width-xl: 1170px;
  --responsive-container-max-width-xxl: 1270px;
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-56: 56px;
  --space-64: 64px;
  --space-72: 72px;
  --space-80: 80px;
  --space-96: 96px;
  --space-160: 160px;
  --space-320: 320px;
  --space-borderthickness-stroke-1: 1px;
  --space-borderthickness-stroke-2: 2px;
  --space-borderthickness-stroke-3: 3px;
  --space-borderthickness-stroke-4: 4px;
  --space-padding-xs: 2px;
  --space-padding-s: 4px;
  --space-padding-base: 8px;
  --space-padding-m: 16px;
  --space-padding-l: 24px;
  --space-padding-xl: 32px;
  --space-padding-2xl: 48px;
  --space-padding-3xl: 64px;
  --space-vspace-xxs: 0px;
  --space-vspace-xs: 2px;
  --space-vspace-s: 4px;
  --space-vspace-base: 8px;
  --space-vspace-m: 16px;
  --space-vspace-l: 24px;
  --space-vspace-xl: 32px;
  --space-vspace-2xl: 48px;
  --space-vspace-3xl: 64px;
  --space-hspace-xs: 2px;
  --space-hspace-s: 4px;
  --space-hspace-base: 8px;
  --space-hspace-m: 16px;
  --space-hspace-l: 24px;
  --space-hspace-xl: 32px;
  --space-hspace-2xl: 48px;
  --space-hspace-3xl: 64px;
  --space-hspace-grid-gutter: 32px;
  --space-radius-xs: 2px;
  --space-radius-s: 4px;
  --space-radius-base: 8px;
  --space-radius-m: 16px;
  --space-radius-l: 24px;
  --space-radius-xl: 32px;
  --space-form-inputs-hspace-base: 8px;
  --space-form-inputs-hspace-m: 16px;
  --space-form-inputs-padding-tb-base: 8px;
  --space-form-inputs-padding-tb-m: 16px;
  --space-form-inputs-padding-lr-base: 8px;
  --space-form-inputs-padding-lr-l: 24px;
  --space-form-inputs-vspace-browse: 16px;
  --space-form-inputs-vspace-label-value: 2px;
  --space-form-inputs-vspace-field-msg: 8px;
  --space-form-inputs-vspace-l: 24px;
  --space-form-inputs-radius-s: 4px;
  --space-form-inputs-radius-base: 8px;
  --space-form-inputs-height: 64px;
  --space-form-inputs-height-text-area: 130px;
  --space-form-inputs-stroke: 2px;
  --space-form-inputs-stroke-hover: 3px;
  --space-form-inputs-stroke-error: 3px;
  --space-form-inputs-stroke-divider: 1px;
  --space-buttons-radius: 8px;
  --space-buttons-hspace-gap: 8px;
  --space-buttons-padding-lr-l: 24px;
  --space-buttons-padding-tb-m: 16px;
  --space-buttons-min-width: 130px;
  --space-buttons-stroke: 2px;
  --space-navigation-vspace-item-active: 24px;
  --space-navigation-height: 70px;
  --space-data-table-padding-tb-m: 16px;
  --space-data-table-padding-lr-m: 16px;
  --space-data-table-hspace-gap: 8px;
  --space-data-table-vspace-items: 8px;
  --space-data-table-height: 54px;
  --space-left-nav-padding-tb-m: 16px;
  --space-left-nav-padding-lr-base: 8px;
  --space-left-nav-padding-lr-m: 16px;
  --space-left-nav-hspace-gap: 8px;
  --typography-px-size-10: 10px;
  --typography-px-size-12: 12px;
  --typography-px-size-14: 14px;
  --typography-px-size-16: 16px;
  --typography-px-size-18: 18px;
  --typography-px-size-20: 20px;
  --typography-px-size-22: 22px;
  --typography-px-size-24: 24px;
  --typography-px-size-26: 26px;
  --typography-px-size-28: 28px;
  --typography-px-size-30: 30px;
  --typography-px-size-32: 32px;
  --typography-px-size-34: 34px;
  --typography-px-size-36: 36px;
  --typography-px-size-38: 38px;
  --typography-px-size-44: 44px;
  --typography-px-size-70: 70px;
  --typography-px-size-10-to-rem: 0.625rem;
  --typography-px-size-12-to-rem: 0.75rem;
  --typography-px-size-14-to-rem: 0.875rem;
  --typography-px-size-16-to-rem: 1rem;
  --typography-px-size-18-to-rem: 1.125rem;
  --typography-px-size-20-to-rem: 1.25rem;
  --typography-px-size-22-to-rem: 1.375rem;
  --typography-px-size-24-to-rem: 1.5rem;
  --typography-px-size-26-to-rem: 1.625rem;
  --typography-px-size-28-to-rem: 1.75rem;
  --typography-px-size-30-to-rem: 1.875rem;
  --typography-px-size-32-to-rem: 2rem;
  --typography-px-size-34-to-rem: 2.125rem;
  --typography-px-size-36-to-rem: 2.25rem;
  --typography-px-size-38-to-rem: 2.375rem;
  --typography-px-size-44-to-rem: 2.75rem;
  --typography-px-size-70-to-rem: 4.375rem;
  --typography-px-size-base: 16px;
  --typography-weight-1: 100;
  --typography-weight-2: 200;
  --typography-weight-3: 300;
  --typography-weight-4: 400;
  --typography-weight-5: 500;
  --typography-weight-6: 600;
  --typography-weight-7: 700;
  --typography-weight-8: 800;
  --typography-weight-9: 900;
  --typography-weight-light: 300;
  --typography-weight-normal: 400;
  --typography-weight-medium: 500;
  --typography-weight-semi-bold: 600;
  --typography-weight-bold: 700;
  --typography-weight-default: 400;
  --typography-family-metlife: MetLifeCircular, sans-serif;
  --typography-family-noto: NotoSans, sans-serif;
  --typography-family-heading-text: MetLifeCircular, sans-serif;
  --typography-family-body-text: NotoSans, sans-serif;
  --typography-family-default: NotoSans, sans-serif;
  --typography-style-normal: normal;
  --typography-style-italic: italic;
  --typography-style-default: normal;
  --typography-line-height-1: 1;
  --typography-line-height-2: 1.5;
  --typography-line-height-normal: normal;
  --typography-line-height-default: normal;
  --typography-letter-space-1: 1px;
  --typography-letter-space-2: 2px;
  --typography-letter-space-3: 1.75px;
  --typography-letter-space-4: -0.02px;
  --typography-letter-space-5: 0.08px;
  --typography-letter-space-normal: normal;
  --typography-letter-space-default: normal;
}

/* ------------------- */
/* Font Family         */
/* ------------------- */
/*** MetLifeCircular ***/
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/b3a4489921be2c269b62ca04e3313834.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/30dda44da63ea8cf9edaf438865683b2.otf) format("opentype");
  font-weight: 300;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/fdb8f861acb8fe758ce38a3cbab94e93.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/c651d49c1ef862af6b90f2195be9f0ce.otf) format("opentype");
  font-weight: 400;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/d4d957b401dbb19368cdbc55a7c2331a.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/dd17907b2505fa39e785106125f1b55f.otf) format("opentype");
  font-weight: 500;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/d4d957b401dbb19368cdbc55a7c2331a.otf) format("opentype");
  font-weight: 600;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/dd17907b2505fa39e785106125f1b55f.otf) format("opentype");
  font-weight: 600;
  font-style: italic;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/9a6924b67a2e0fe024352a42bb20b72c.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  ascent-override: 90%;
}
@font-face {
  font-family: MetLifeCircular;
  src: url(/public/1b1a8f665f4b017217d15b7a2aa3321d.otf) format("opentype");
  font-weight: 700;
  font-style: italic;
  ascent-override: 90%;
}
/*** NotoSans ***/
@font-face {
  font-family: NotoSans;
  src: url(/public/2cfb54d923b32fbd552590b3e0ee0cce.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/ce1e88fe8cce66b8fdc20cebd8f84a1a.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/eae34fa8f1e0c4c6d797589fa0ba4cd9.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/02294dd982a747d223ad28a85efe654b.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/5ddf8f340fd643ba75a27fddd0324512.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/e23b3259e4afaa54d1d29ef198fa8a9f.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/99df72e26c72877cb1f90631bc1acfc6.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/4dffe06c069accad610479796d4fe9d3.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/23e70cfbbe0783c668041d62e24b6cae.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: NotoSans;
  src: url(/public/a81ad28a2309c7b6860ba80694bf1d9f.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* ------------------------------ */
/* function                       */
/* ------------------------------ */
/* ------------------------------ */
/* mixin                          */
/* ------------------------------ */
.h6,
h6, .h5,
h5, .h4,
h4, .h3,
h3, .h2,
h2, .h1,
h1 {
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-medium);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.h6,
h6.wht, .wht.h5,
h5.wht, .wht.h4,
h4.wht, .wht.h3,
h3.wht, .wht.h2,
h2.wht, .wht.h1,
h1.wht {
  color: var(--color-brand-neutrals-white);
}

.h1.light,
h1.light {
  font-weight: var(--typography-weight-normal);
}
@media (min-width: 1024px) {
  .h1,
  h1 {
    font-size: var(--typography-px-size-70-to-rem);
    line-height: var(--typography-line-height-normal);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h1,
  h1 {
    font-size: var(--typography-px-size-44-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h1,
  h1 {
    font-size: var(--typography-px-size-32-to-rem);
  }
}

@media (min-width: 1024px) {
  .h2,
  h2 {
    font-size: var(--typography-px-size-44-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h2,
  h2 {
    font-size: var(--typography-px-size-38-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h2,
  h2 {
    font-size: var(--typography-px-size-30-to-rem);
  }
}

@media (min-width: 1024px) {
  .h3,
  h3 {
    font-size: var(--typography-px-size-36-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h3,
  h3 {
    font-size: var(--typography-px-size-34-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h3,
  h3 {
    font-size: var(--typography-px-size-26-to-rem);
  }
}

@media (min-width: 1024px) {
  .h4,
  h4 {
    font-size: var(--typography-px-size-32-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h4,
  h4 {
    font-size: var(--typography-px-size-30-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h4,
  h4 {
    font-size: var(--typography-px-size-22-to-rem);
  }
}

@media (min-width: 1024px) {
  .h5,
  h5 {
    font-size: var(--typography-px-size-28-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h5,
  h5 {
    font-size: var(--typography-px-size-26-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h5,
  h5 {
    font-size: var(--typography-px-size-20-to-rem);
  }
}

@media (min-width: 1024px) {
  .h6,
  h6 {
    font-size: var(--typography-px-size-24-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .h6,
  h6 {
    font-size: var(--typography-px-size-20-to-rem);
  }
}
@media (max-width: 767.98px) {
  .h6,
  h6 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}

.sh4, .sh3, .sh2, .sh1 {
  font-weight: var(--typography-weight-normal);
  font-family: var(--typography-family-metlife);
  line-height: var(--typography-line-height-2);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.sh4, .wht.sh3, .wht.sh2, .wht.sh1 {
  color: var(--color-brand-neutrals-white);
}

@media (min-width: 1024px) {
  .sh1 {
    font-size: var(--typography-px-size-32-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh1 {
    font-size: var(--typography-px-size-30-to-rem);
  }
}
@media (max-width: 767.98px) {
  .sh1 {
    font-size: var(--typography-px-size-24-to-rem);
    letter-spacing: var(--typography-letter-space-4);
  }
}

@media (min-width: 1024px) {
  .sh2 {
    font-size: var(--typography-px-size-24-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh2 {
    font-size: var(--typography-px-size-22-to-rem);
  }
}
@media (max-width: 767.98px) {
  .sh2 {
    font-size: var(--typography-px-size-20-to-rem);
  }
}

@media (min-width: 1024px) {
  .sh3 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh3 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}
@media (max-width: 767.98px) {
  .sh3 {
    font-size: var(--typography-px-size-18-to-rem);
  }
}

@media (min-width: 1024px) {
  .sh4 {
    font-size: var(--typography-px-size-16-to-rem);
    letter-spacing: var(--typography-letter-space-1);
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .sh4 {
    font-size: var(--typography-px-size-16-to-rem);
    letter-spacing: var(--typography-letter-space-1);
  }
}
@media (max-width: 767.98px) {
  .sh4 {
    font-size: var(--typography-px-size-16-to-rem);
    letter-spacing: var(--typography-letter-space-1);
  }
}

.b4-bold, .b4, .b3-bold-underline, .b3-bold, .b3-underline, .b3, .b2-semibold, .b2, .b1-semibold, .b1 {
  font-weight: var(--typography-weight-normal);
  font-family: var(--typography-family-noto);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.b4-bold, .wht.b4, .wht.b3-bold-underline, .wht.b3-bold, .wht.b3-underline, .wht.b3, .wht.b2-semibold, .wht.b2, .wht.b1-semibold, .wht.b1 {
  color: var(--color-brand-neutrals-white);
}

.b1 {
  font-size: var(--typography-px-size-18-to-rem);
}

.b1-semibold {
  font-size: var(--typography-px-size-18-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.b2 {
  font-size: var(--typography-px-size-16-to-rem);
}

.b2-semibold {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.b3 {
  font-size: var(--typography-px-size-14-to-rem);
}

.b3-underline {
  font-size: var(--typography-px-size-14-to-rem);
  text-decoration: underline;
}

.b3-bold {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-bold);
}

.b3-bold-underline {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-bold);
  text-decoration: underline;
}

.b4 {
  font-size: var(--typography-px-size-12-to-rem);
}

.b4-bold {
  font-size: var(--typography-px-size-12-to-rem);
  font-weight: var(--typography-weight-bold);
}

.eyebrow2, .eyebrow1 {
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-medium);
  line-height: var(--typography-line-height-normal);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.eyebrow2, .wht.eyebrow1 {
  color: var(--color-brand-neutrals-white);
}

.eyebrow1 {
  font-size: var(--typography-px-size-14-to-rem);
  letter-spacing: var(--typography-letter-space-2);
}

.eyebrow2 {
  font-size: var(--typography-px-size-12-to-rem);
  letter-spacing: var(--typography-letter-space-2);
}

.link-regular-underline, .link-regular, .link-semibold-underline, .link-semibold, .link-inline-bold-underline, .link-inline-regular-underline, .link-small-semibold-underline, .link-small-semibold {
  font-family: var(--typography-family-noto);
  color: var(--color-brand-primary-ml-blue2);
}
.wht.link-regular-underline, .wht.link-regular, .wht.link-semibold-underline, .wht.link-semibold, .wht.link-inline-bold-underline, .wht.link-inline-regular-underline, .wht.link-small-semibold-underline, .wht.link-small-semibold {
  color: var(--color-brand-neutrals-white);
}

.link-small-semibold {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.link-small-semibold-underline {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  text-decoration: underline;
}

.link-inline-regular-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: underline;
}

.link-inline-bold-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-bold);
  text-decoration: underline;
}

.link-semibold {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.link-semibold-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
  text-decoration: underline;
}

.link-regular {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
}

.link-regular-underline {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: underline;
}

.stickers-large, .stickers-small, .calendar-day-bold, .calendar-date-strikethrough, .calendar-date-regular, .calendar-date-semibold, .calendar-year-month-strikethrough, .calendar-year-month-semibold, .floating-label, .default-label, .breadcrumb-label-hover, .breadcrumb-label, .ui-element-label-semibold, .cta-label, .popover-header {
  font-family: var(--typography-family-noto);
  font-weight: var(--typography-weight-semi-bold);
  line-height: var(--typography-line-height-normal);
  color: var(--color-brand-neutrals-gray-darkest);
}
.wht.stickers-large, .wht.stickers-small, .wht.calendar-day-bold, .wht.calendar-date-strikethrough, .wht.calendar-date-regular, .wht.calendar-date-semibold, .wht.calendar-year-month-strikethrough, .wht.calendar-year-month-semibold, .wht.floating-label, .wht.default-label, .wht.breadcrumb-label-hover, .wht.breadcrumb-label, .wht.ui-element-label-semibold, .wht.cta-label, .wht.popover-header {
  color: var(--color-brand-neutrals-white);
}

.popover-header {
  font-size: var(--typography-px-size-20-to-rem);
}

.cta-label {
  font-size: var(--typography-px-size-16-to-rem);
}

.ui-element-label-semibold {
  font-size: var(--typography-px-size-16-to-rem);
}

.breadcrumb-label {
  font-size: var(--typography-px-size-10-to-rem);
}

.breadcrumb-label-hover {
  font-size: var(--typography-px-size-10-to-rem);
  text-decoration: underline;
}

.default-label {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  line-height: var(--typography-line-height-2);
}

.floating-label {
  font-size: var(--typography-px-size-12-to-rem);
  font-weight: var(--typography-weight-normal);
  line-height: var(--typography-line-height-2);
}

.calendar-year-month-semibold {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-semi-bold);
}

.calendar-year-month-strikethrough {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: line-through;
}

.calendar-date-semibold {
  font-size: var(--typography-px-size-13-to-rem);
}

.calendar-date-regular {
  font-size: var(--typography-px-size-13-to-rem);
  font-weight: var(--typography-weight-normal);
}

.calendar-date-strikethrough {
  font-size: var(--typography-px-size-13-to-rem);
  font-weight: var(--typography-weight-normal);
  text-decoration: line-through;
}

.calendar-day-bold {
  font-size: var(--typography-px-size-10-to-rem);
  font-weight: var(--typography-weight-bold);
}

.stickers-small {
  font-size: var(--typography-px-size-12-to-rem);
  font-weight: var(--typography-weight-medium);
  font-family: var(--typography-family-metlife);
}

.stickers-large {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: var(--typography-weight-medium);
  font-family: var(--typography-family-metlife);
}

/* ------------------------------ */
/* function                       */
/* ------------------------------ */
/* ------------------------------ */
/* mixin                          */
/* ------------------------------ */
/* ---------------------- */
/* Responsive utilities   */
/* ---------------------- */
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 320px) {
  .container {
    max-width: 290px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 738px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 994px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1270px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/*** order ***/
.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

/*** offset ***/
.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 320px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1300px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /*** order ***/
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  /*** offset ***/
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@keyframes bounceInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -35px, 0);
  }
  25% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -15px, 0);
  }
  75% {
    transform: translate3d(0, 0, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  animation-duration: 0.75s;
  animation-fill-mode: both;
  animation-name: bounceInDown;
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInLeft;
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slide-out-left {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutLeft;
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slide-in-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideInRight;
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slide-out-right {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideOutRight;
}

/* ------------------- */
/* Base                */
/* ------------------- */
html {
  font-size: 16px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: var(--typography-family-default);
  font-style: var(--typography-style-default);
  font-weight: var(--typography-weight-default);
  line-height: var(--typography-line-height-2);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

.hidden,
.mldc-hide {
  display: none;
}

.mldc-font-weight-semi-bold {
  font-weight: var(--typography-weight-semi-bold);
}

.mldc-font-weight-medium {
  font-weight: var(--typography-weight-medium);
}

.mldc-font-weight-bold {
  font-weight: var(--typography-weight-bold);
}

.mldc-font-weight-normal {
  font-weight: var(--typography-weight-normal);
}

.mldc-font-family-noto {
  font-family: var(--typography-family-noto);
}

.mldc-font-family-metlife {
  font-family: var(--typography-family-metlife);
}

.mldc-gradient-1 {
  background: linear-gradient(180deg, var(--color-gradient-black) 0%, var(--color-gradient-blue) 100%);
}

.mldc-gradient-2 {
  background: linear-gradient(180deg, var(--color-swatches-beta-teal-dark) 0%, var(--color-brand-primary-ml-blue1-base) 100%);
}

.mldc-gradient-3 {
  background: linear-gradient(180deg, var(--color-gradient-teal-2) 0%, var(--color-brand-primary-ml-blue3) 100%);
}

.mldc-gradient-4 {
  background: linear-gradient(180deg, var(--color-gradient-blue) 0%, var(--color-brand-primary-ml-blue1-base) 100%);
}

.mldc-gradient-5 {
  background: linear-gradient(180deg, var(--color-brand-primary-ml-green-base) 0%, var(--color-brand-primary-ml-blue1-base) 100%);
}

.mldc-container-box {
  max-width: var(--responsive-breakpoint-xxl);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 15px;
  padding-left: 15px;
}

.mldc-form-link-tooltip a {
  font-weight: var(--typography-weight-4);
  display: inline-block;
  margin-top: 8px;
}
.mldc-form-link-tooltip .info {
  position: relative;
  margin-top: 8px;
  background-color: var(--color-brand-neutrals-gray-lightest);
  padding: 8px 24px 8px 8px;
  font-size: 0.875rem;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-form-link-tooltip .info svg {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.mldc-icon-button {
  position: relative;
  background: none;
  border: 0;
  padding: 0;
  outline: 0;
  display: inline-flex;
  cursor: pointer;
}
.mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
}
.mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}

.mldc-link-liked-button {
  background: none;
  border: 0;
  padding: 0;
  outline: 0;
  cursor: pointer;
  color: var(--color-brand-primary-ml-blue2);
  font: normal normal var(--typography-weight-semi-bold) 16px/24px var(--typography-family-noto);
}
.mldc-link-liked-button:hover, .mldc-link-liked-button:active {
  text-decoration: underline;
}
.mldc-link-liked-button:focus {
  position: relative;
}
.mldc-link-liked-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: 2px solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  left: -4px;
  top: -4px;
}
.mldc-link-liked-button:focus:not(:focus-visible)::after {
  content: none;
}

.mldc-accessible-text {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip-path: circle(0px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}

.mldc-modal-open {
  overflow: hidden;
}

.mldc-block {
  display: block;
}

.mldc-none {
  display: none;
}

.mldc-slide-in-from-right {
  animation-name: slideInRight;
  animation-duration: 0.3s;
}

.mldc-rtl {
  direction: rtl;
}

.mldc-rtl .mldc-form-link-tooltip .info,
html[dir=rtl] .mldc-form-link-tooltip .info,
body[dir=rtl] .mldc-form-link-tooltip .info {
  padding: 8px 8px 8px 24px;
}
.mldc-rtl .mldc-form-link-tooltip .info svg,
html[dir=rtl] .mldc-form-link-tooltip .info svg,
body[dir=rtl] .mldc-form-link-tooltip .info svg {
  right: auto;
  left: 8px;
}

/***** @metlife/mldc-navigation *****/
.mldc-navigation {
  position: relative;
  background-color: var(--color-brand-neutrals-white);
  box-shadow: var(--space-0) 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.mldc-navigation .content-box {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 19px var(--space-padding-m);
  height: 70px;
  gap: 10px;
}
.mldc-navigation .content-box div[role=link] {
  width: fit-content;
}
.mldc-navigation .content-box div[role=link]:focus-within + .sub-menu {
  display: block;
}
.mldc-navigation .content-box div[role=link]:focus-within .sub-menu {
  display: block;
}
.mldc-navigation .content-box div[role=link].active {
  border-bottom: 4px solid var(--color-brand-primary-ml-blue3);
}
.mldc-navigation .content-box div[role=link].active + .parent-arrow svg {
  transform: rotate(180deg);
}
.mldc-navigation .content-box div[role=link]:focus {
  position: relative;
  outline: none;
}
.mldc-navigation .content-box div[role=link]:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-2) solid var(--color-brand-primary-ml-blue2);
  width: calc(100% + 20px);
  height: 70px;
  left: -5px;
  top: 0px;
}
.mldc-navigation .content-box div[role=link]:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-navigation .content-box div[role=link].logo:focus::after {
  height: calc(100% + 6px);
  left: -3px;
  top: -3px;
}
.mldc-navigation .content-box .hamburger {
  flex: 1;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .hamburger:focus::after {
  width: calc(100% + 10px);
  height: calc(100% - 10px);
  top: 5px;
  left: -5px;
}
.mldc-navigation .content-box .branding {
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .branding .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mldc-navigation .content-box .branding .divider {
  height: 32px;
  width: 2px;
  background-color: var(--color-brand-primary-ml-blue1-base);
  margin: 0 15px;
}
.mldc-navigation .content-box .branding .name {
  font-size: var(--typography-px-size-24-to-rem);
  line-height: 32px;
  color: var(--color-brand-neutrals-gray-darkest);
  width: 217px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-navigation .content-box .branding .name.small {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 38px;
  white-space: pre-wrap;
  line-height: normal;
  font-size: var(--typography-px-size-14-to-rem);
}
.mldc-navigation .content-box .branding .branding-icon {
  max-width: 217px;
}
.mldc-navigation .content-box .branding .branding-icon svg {
  max-width: 217px;
}
.mldc-navigation .content-box .branding .branding-icon img {
  object-fit: cover;
  width: 100%;
}
.mldc-navigation .content-box .branding .branding-dropdown {
  width: 217px;
}
.mldc-navigation .content-box .branding .branding-dropdown .combobox {
  height: 33px;
  padding: var(--space-0);
}
.mldc-navigation .content-box .branding .branding-dropdown .combobox span {
  width: 100%;
}
.mldc-navigation .content-box .branding .branding-dropdown .combobox .drop-combo-label {
  font-size: var(--typography-px-size-24-to-rem);
}
.mldc-navigation .content-box .branding .branding-dropdown .dropdown-list {
  box-shadow: var(--space-0) var(--space-0) 5px var(--color-box-shadow-3);
  width: 270px;
  left: -35px;
  top: 40px;
  padding: var(--space-padding-base) var(--space-0) !important;
}
.mldc-navigation .content-box .navbar-actions {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .navbar-actions .notification-icon {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .navbar-actions .links {
  display: flex;
}
.mldc-navigation .content-box .navbar-actions .links .menu-divider {
  display: none;
}
.mldc-navigation .content-box .navbar-actions .links li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: var(--space-0) var(--space-14);
  gap: var(--space-4);
}
.mldc-navigation .content-box .navbar-actions .links li:hover::after {
  content: "";
  display: block;
  width: calc(100% - 28px);
  height: 4px;
  background: linear-gradient(90deg, #003355 0%, var(--color-brand-primary-ml-blue3) 100%);
  position: absolute;
  bottom: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li a {
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.mldc-navigation .content-box .navbar-actions .links li .js-arrow {
  transform: rotate(180deg);
}
.mldc-navigation .content-box .navbar-actions .links li:hover .htmlcss-arrow,
.mldc-navigation .content-box .navbar-actions .links li:hover .js-arrow {
  transform: rotate(0deg);
}
.mldc-navigation .content-box .navbar-actions .links li .arrow {
  /* background: red; */
  height: 100%;
  width: 22px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu {
  position: absolute;
  top: 100%;
  width: 240px;
  flex-wrap: wrap;
  text-wrap: wrap;
  left: 0;
  line-height: 40px;
  background: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: var(--space-0) var(--space-0) var(--space-4) var(--space-4);
  display: none;
  z-index: 2;
  height: auto;
  padding: var(--space-0) var(--space-padding-m) var(--space-0) var(--space-padding-m);
  margin: 0;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu:focus-within {
  display: block;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper {
  display: flex;
  flex-flow: column;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span {
  width: 100%;
  display: flex;
  gap: var(--space-8);
  height: auto;
  align-items: flex-start;
  justify-content: space-between;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span .sub-menu-icon {
  display: flex;
  align-items: flex-start;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span a {
  display: flex;
  flex: 1;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span .sub-menu-arrow {
  display: flex;
  align-items: flex-end;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu .sub-menu-wrapper span .js-arrow {
  transform: rotate(180deg);
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-sub-menu li:last-child {
  border-bottom: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li .more-sub-menu {
  position: absolute;
  top: 0;
  width: 240px;
  flex-wrap: wrap;
  text-wrap: wrap;
  left: 0;
  line-height: 40px;
  background: var(--color-brand-neutrals-gray-lightest);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: var(--space-0) var(--space-0) var(--space-4) var(--space-4);
  z-index: 2;
  height: auto;
  padding: var(--space-0) var(--space-padding-m);
  margin: 0;
}
.mldc-navigation .content-box .navbar-actions .links .htmlCss-sub-menu li::after {
  content: "";
  display: none;
}
.mldc-navigation .content-box .navbar-actions .links .htmlCss-sub-menu.show {
  display: block;
}
.mldc-navigation .content-box .navbar-actions .links li:hover .htmlCss-sub-menu,
.mldc-navigation .content-box .navbar-actions .links li:hover .js-sub-menu {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.mldc-navigation .content-box .navbar-actions .links li:hover .htmlCss-sub-menu::after,
.mldc-navigation .content-box .navbar-actions .links li:hover .js-sub-menu::after {
  content: "";
  display: none;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #003355 0%, var(--color-brand-primary-ml-blue3) 100%);
  position: absolute;
  bottom: -19px;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu li {
  width: 100%;
  padding: var(--space-12) var(--space-0);
  text-wrap: wrap;
  border-bottom: 1px solid #d9d9d6;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu a {
  color: var(--color-brand-neutrals-gray-darkest);
  text-wrap: wrap;
  line-height: 24px;
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: var(--typography-weight-7);
  font-family: var(--typography-family-metlife);
  letter-spacing: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-sub-menu {
  display: none;
  position: relative;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-sub-menu li a {
  width: 100%;
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: 400;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-sub-menu li a:hover {
  text-decoration: underline;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu .more-arrow {
  line-height: 40px;
}
.mldc-navigation .content-box .navbar-actions .links li .htmlCss-more-sub-menu {
  line-height: 40px;
}
.mldc-navigation .content-box .navbar-actions .links li .more-sub-menu {
  position: relative;
  box-shadow: none;
  z-index: 1;
}
.mldc-navigation .content-box .navbar-actions .links li .more-sub-menu li {
  padding: 8px 0px 8px 36px;
  border-bottom: 0px;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu-wrapper span:hover a {
  text-decoration: underline;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu-wrapper:hover .more-sub-menu {
  display: flex;
}
.mldc-navigation .content-box .navbar-actions .links li .sub-menu-wrapper:hover .js-arrow {
  transform: rotate(360deg) !important;
}
.mldc-navigation .content-box .navbar-actions .more-sub-menu {
  display: none;
  position: relative;
  height: auto;
  visibility: visible;
  opacity: 1;
}
.mldc-navigation .content-box .navbar-actions .more-sub-menu li a {
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: 400;
  line-height: 24px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 16px 0;
  align-items: flex-start;
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info h1 {
  font-size: var(--typography-px-size-18-to-rem);
  font-family: var(--typography-family-metlife);
  line-height: 27px;
  font-weight: 500;
  color: var(--color-brand-neutrals-black);
  width: 208px;
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info p {
  font-size: var(--typography-px-size-14-to-rem);
  font-weight: 400;
  line-height: 21px;
  color: var(--color-brand-neutrals-black);
  width: 208px;
  padding-bottom: 12px;
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info a {
  font-size: var(--typography-px-size-16-to-rem);
  font-weight: 600;
  line-height: 24px;
  font-family: var(--typography-family-noto);
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .navbar-actions .links .sub-menu .menu-info a:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .content-box .log-divider {
  width: 1px;
  height: calc(100% + 38px);
}
.mldc-navigation .content-box .log-divider::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: var(--color-metlife-divider-gray);
}
.mldc-navigation .content-box .logout-wrapper {
  display: flex;
  align-items: center;
  gap: var(--space-24);
}
.mldc-navigation .content-box .log-in-or-out,
.mldc-navigation .content-box .log-in-or-out * {
  font-size: var(--typography-px-size-12-to-rem);
  font-family: var(--typography-family-metlife);
}
.mldc-navigation .content-box .log-in-or-out > * {
  cursor: pointer;
  width: fit-content;
}
.mldc-navigation .content-box .log-in-or-out .mldc-text-link {
  gap: var(--space-2);
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .content-box .log-in-or-out .mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .content-box .log-in-or-out svg {
  width: 20px;
  height: 20px;
}
.mldc-navigation .content-box .log-in-or-out a:focus::after {
  height: 20px;
  left: -2px;
  top: 1px;
}
.mldc-navigation .content-box .logout .profile-menu {
  cursor: pointer;
  width: 60px;
  display: flex;
  gap: var(--space-4);
}
.mldc-navigation .content-box .logout .profile-menu .profile-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: var(--space-1) solid #a7a8aa;
  background-color: #e6f4fb;
  color: var(--color-brand-primary-ml-blue3);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  font-family: var(--typography-family-metlife);
  font-size: var(--typography-px-size-14-to-rem);
}
.mldc-navigation .content-box .logout .profile-menu .profile-icon .profile-alert {
  position: absolute;
  right: 0;
  top: -7px;
  width: 8px;
  height: 8px;
}
.mldc-navigation .content-box .logout .profile-menu .profile-icon .profile-alert.xl, .mldc-navigation .content-box .logout .profile-menu .profile-icon .profile-alert.lg {
  top: -3px;
}
.mldc-navigation .content-box .logout .profile-menu .profile-arrow {
  width: 16px;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .logout .profile-menu .profile-arrow.profile-arrow-open svg {
  transform: rotate(180deg);
}
.mldc-navigation .content-box .nav-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mldc-navigation .content-box .nav-links .item div {
  width: fit-content;
  font-size: var(--typography-px-size-12-to-rem);
  line-height: 13px;
  font-family: var(--typography-family-metlife);
  font-weight: var(--typography-weight-semi-bold);
  color: var(--color-brand-neutrals-black);
  letter-spacing: 2px;
  cursor: pointer;
  height: 70px;
  display: flex;
  align-items: center;
}
.mldc-navigation .content-box .nav-links .item:focus .sub-menu {
  display: block;
}
.mldc-navigation .content-box .mldc-slide-panel .modal-bg {
  opacity: 0.7 !important;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show {
  justify-content: flex-start;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog {
  width: 375px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header {
  padding: 10px 15px;
  height: 40px;
  align-items: center;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header .mldc-icon-button {
  width: 10.52px;
  height: 10.52px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header .branding .divider {
  height: 20px;
  width: 1px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-header .branding .name {
  font-size: var(--typography-px-size-14-to-rem);
  line-height: 20px;
  color: var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body {
  background-color: var(--color-brand-neutrals-gray-lightest);
  padding: 0 0 15px 16px;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .nav-slide-panel-body .log-in-or-out {
  display: flex;
  gap: var(--space-24);
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .nav-slide-panel-body .log-in-or-out a span {
  font-weight: 500;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .actions {
  padding: 16px 0;
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .actions:not(:empty) {
  width: calc(100% - 16px);
  border-bottom: 1px solid var(--color-brand-neutrals-gray-darkest);
}
.mldc-navigation .content-box .mldc-slide-panel .modal.show .modal-dialog .modal-body .nav-links li {
  padding: 24px 0;
  /*
  border-bottom: 1px solid
      var(--color-brand-neutrals-gray-medium);
  */
}
.mldc-navigation .content-box .visually-hidden {
  visibility: hidden;
}
.mldc-navigation .content-box.xl .navbar-actions, .mldc-navigation .content-box.lg .navbar-actions {
  gap: var(--space-40);
}
.mldc-navigation .content-box.xl .links .sub-menu .menu-info p, .mldc-navigation .content-box.lg .links .sub-menu .menu-info p {
  padding-bottom: 12px;
}
.mldc-navigation .content-box.xl .links li .htmlCss-sub-menu .sub-menu-wrapper, .mldc-navigation .content-box.lg .links li .htmlCss-sub-menu .sub-menu-wrapper {
  gap: var(--space-16);
}
.mldc-navigation .content-box.xl .links li .htmlCss-sub-menu .sub-menu-wrapper .more-sub-menu li:first-child, .mldc-navigation .content-box.lg .links li .htmlCss-sub-menu .sub-menu-wrapper .more-sub-menu li:first-child {
  padding-top: 0px;
}
.mldc-navigation .content-box.md .navbar-actions {
  gap: var(--space-24);
  min-width: 16px;
  justify-content: flex-start;
}
.mldc-navigation .content-box.md .navbar-actions .links .menu-divider {
  display: block;
  height: 1px;
  width: calc(100% - 16px);
  background-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-navigation .content-box.md .navbar-actions .links li .htmlCss-sub-menu {
  padding-left: 26px;
  display: flex;
  gap: var(--space-8);
  position: relative;
}
.mldc-navigation .content-box.md .navbar-actions .links li:hover::after {
  content: "";
  display: none;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links {
  width: 100%;
  display: block;
  flex-direction: column;
  align-items: flex-start;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item {
  width: 100%;
  flex-flow: column;
  align-items: flex-start;
  padding-bottom: 0px !important;
  gap: var(--space-0);
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item div {
  height: auto;
  margin-bottom: 24px;
  font-weight: var(--typography-weight-medium);
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item .menu-divider {
  height: 1px;
  margin-bottom: 0px;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .item .parent-arrow {
  display: none;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu {
  box-shadow: none;
  width: 100%;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu li {
  padding: 16px 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu li:last-child {
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .sub-menu-wrapper .sub-menu-icon {
  display: none;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .more-sub-menu {
  width: 100%;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .more-sub-menu li {
  border-bottom: 0px !important;
  padding: 8px 0px !important;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  gap: var(--space-4);
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info h1,
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info p {
  width: 100%;
}
.mldc-navigation .content-box.md .navbar-actions .nav-links .sub-menu .menu-info h1 {
  font-weight: var(--typography-weight-7);
}
.mldc-navigation .content-box.sm, .mldc-navigation .content-box.xs {
  padding: 10px 16px;
  height: 48px;
}
.mldc-navigation .content-box.sm .hamburger:focus::after, .mldc-navigation .content-box.xs .hamburger:focus::after {
  width: calc(100% + 10px);
  height: calc(100% + 2px);
  top: -1px;
  left: -5px;
}
.mldc-navigation .content-box.sm .branding .divider, .mldc-navigation .content-box.xs .branding .divider {
  height: 16px;
  width: 1px;
  margin: 0 8px;
}
.mldc-navigation .content-box.sm .branding .mobile-logo, .mldc-navigation .content-box.xs .branding .mobile-logo {
  width: 22px;
  height: 20px;
}
.mldc-navigation .content-box.sm .branding .mobile-logo-full, .mldc-navigation .content-box.xs .branding .mobile-logo-full {
  width: 93px;
  height: 20px;
}
.mldc-navigation .content-box.sm .branding .name, .mldc-navigation .content-box.xs .branding .name {
  font-size: var(--typography-px-size-14-to-rem);
  line-height: 20px;
  color: var(--color-brand-neutrals-gray-darkest);
  width: 162px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-navigation .content-box.sm .branding .name.small, .mldc-navigation .content-box.xs .branding .name.small {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 38px;
  white-space: pre-wrap;
}
.mldc-navigation .content-box.sm .branding .branding-icon, .mldc-navigation .content-box.xs .branding .branding-icon {
  max-width: 161px !important;
}
.mldc-navigation .content-box.sm .branding .branding-icon svg, .mldc-navigation .content-box.xs .branding .branding-icon svg {
  max-width: 161px !important;
}
.mldc-navigation .content-box.sm .branding .branding-icon img, .mldc-navigation .content-box.xs .branding .branding-icon img {
  width: 100% !important;
  height: unset !important;
  object-fit: cover;
}
.mldc-navigation .content-box.sm .navbar-actions, .mldc-navigation .content-box.xs .navbar-actions {
  min-width: 16px;
  justify-content: flex-start;
}
.mldc-navigation .content-box.sm .navbar-actions .links .menu-divider, .mldc-navigation .content-box.xs .navbar-actions .links .menu-divider {
  display: block;
  height: 1px;
  width: calc(100% - 16px);
  background-color: var(--color-brand-neutrals-gray-medium);
}
.mldc-navigation .content-box.sm .navbar-actions .links li .htmlCss-sub-menu, .mldc-navigation .content-box.xs .navbar-actions .links li .htmlCss-sub-menu {
  padding-left: 26px;
  display: flex;
  gap: var(--space-8);
  position: relative;
}
.mldc-navigation .content-box.sm .navbar-actions .links li:hover::after, .mldc-navigation .content-box.xs .navbar-actions .links li:hover::after {
  content: "";
  display: none;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links, .mldc-navigation .content-box.xs .navbar-actions .nav-links {
  width: 100%;
  display: block;
  flex-direction: column;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item {
  width: 100%;
  flex-flow: column;
  align-items: flex-start;
  padding-bottom: 0px !important;
  gap: var(--space-0);
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item div, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item div {
  height: auto;
  margin-bottom: 24px;
  font-weight: var(--typography-weight-medium);
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item .menu-divider, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item .menu-divider {
  height: 1px;
  margin-bottom: 0px;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .item .parent-arrow, .mldc-navigation .content-box.xs .navbar-actions .nav-links .item .parent-arrow {
  display: none;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu {
  box-shadow: none;
  width: 100%;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu li, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu li {
  padding: 16px 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu li:last-child, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu li:last-child {
  border-bottom: 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .sub-menu-wrapper .sub-menu-icon, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .sub-menu-wrapper .sub-menu-icon {
  display: none;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .more-sub-menu, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .more-sub-menu {
  width: 100%;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .more-sub-menu li, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .more-sub-menu li {
  border-bottom: 0px !important;
  padding: 8px 0px !important;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  gap: var(--space-4);
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info h1,
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info p, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info h1,
.mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info p {
  width: 100%;
}
.mldc-navigation .content-box.sm .navbar-actions .nav-links .sub-menu .menu-info h1, .mldc-navigation .content-box.xs .navbar-actions .nav-links .sub-menu .menu-info h1 {
  font-weight: var(--typography-weight-7);
}
.mldc-navigation .content-box.sm .mldc-slide-panel .modal.show .modal-dialog, .mldc-navigation .content-box.xs .mldc-slide-panel .modal.show .modal-dialog {
  width: 100%;
}
.mldc-navigation .profile-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-16);
  width: 100%;
  max-width: 375px;
  box-shadow: -3px 3px 18px 0px rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  background: var(--color-brand-neutrals-white);
  position: absolute;
  top: 78px;
  right: 0;
  z-index: 1000;
}
.mldc-navigation .profile-overlay.xl {
  right: 16px;
}
.mldc-navigation .profile-overlay.sm, .mldc-navigation .profile-overlay.xs {
  top: 53px;
}
.mldc-navigation .profile-overlay .profile-bg {
  display: flex;
  justify-content: center;
  height: 174px;
  width: 100%;
  position: relative;
}
.mldc-navigation .profile-overlay .profile-bg .profile-gradient {
  display: flex;
  width: 100%;
  height: 105px;
  border-radius: var(--Radius-radius-base, 8px) var(--Radius-radius-base, 8px) 0px 0px;
  background: var(--Gradient-3---Med-Blue-to-Greeen, linear-gradient(270deg, #278280 0%, #0061a0 100%));
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu {
  text-align: center;
  position: absolute;
  display: flex;
  width: 144px;
  font-size: var(--typography-px-size-44-to-rem);
  height: 144px;
  border-radius: 50%;
  border: var(--space-4) solid var(--color-brand-neutrals-white);
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-weight: 500;
  line-height: 66px; /* 150% */
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-primary-ml-blue3);
  bottom: 0;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="137" height="136" viewBox="0 0 137 136" fill="none"><circle cx="68.5" cy="68" r="66.5" fill="%23E6F4FB" stroke="url(%23paint0_linear_2739_130)" stroke-width="3"/><defs><linearGradient id="paint0_linear_2739_130" x1="136.5" y1="68" x2="0.5" y2="68" gradientUnits="userSpaceOnUse"><stop stop-color="%23A4CE4E"/><stop offset="1" stop-color="%230090DA"/></linearGradient></defs></svg>');
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu .profile-icon span {
  font-family: var(--typography-family-metlife);
  color: var(--color-brand-primary-ml-blue3);
  font-style: normal;
  font-weight: 500;
  line-height: 66px; /* 150% */
  font-size: var(--typography-px-size-44-to-rem);
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu .profile-icon .profile-edit {
  position: absolute;
  bottom: 11px;
  right: 5px;
  width: 28px;
  height: 28px;
  background-color: #007abc;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mldc-navigation .profile-overlay .profile-bg .profile-menu .profile-icon .profile-edit .profile-edit-icon {
  display: flex;
}
.mldc-navigation .profile-overlay .profile-bg .overlay-close {
  position: absolute;
  top: 9px;
  right: 8px;
}
.mldc-navigation .profile-overlay .profile-bg .overlay-close .mldc-icon-button:focus::after {
  content: "";
  display: block;
  position: absolute;
  border: var(--space-2) solid var(--color-brand-neutrals-white);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  top: -4px;
  left: -4px;
}
.mldc-navigation .profile-overlay .profile-bg .overlay-close .mldc-icon-button:focus:not(:focus-visible)::after {
  content: none;
}
.mldc-navigation .profile-overlay .profile-details {
  display: flex;
  width: 375px;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-8);
}
.mldc-navigation .profile-overlay .profile-details .profile-name {
  font-family: var(--typography-family-metlife);
  font-weight: 500;
  font-size: var(--typography-px-size-24-to-rem);
  line-height: 28px; /* 116.667% */
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-details .profile-email {
  font-family: var(--typography-family-metlife);
  font-weight: 400;
  line-height: normal;
  font-size: var(--typography-px-size-16-to-rem);
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-16);
  align-self: stretch;
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links {
  display: flex;
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link {
  font-weight: 500;
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link span {
  font-family: var(--typography-family-metlife);
  font-weight: 500;
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link span:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-links .profile-sub-nav-links .divider {
  width: 1px;
  height: 20px;
  margin: 0 16px;
  background-color: var(--color-metlife-divider-gray);
}
.mldc-navigation .profile-overlay .profile-links .mldc-text-link {
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-links .mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-dropdown {
  margin-top: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mldc-navigation .profile-overlay .profile-dropdown .profile-pills-dropdown {
  width: 197px;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .dropdown-list {
  width: 197px;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .combobox {
  width: 100%;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .combobox .dropdown-field {
  width: 125px;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .combobox .dropdown-field .drop-combo-label {
  width: 125px;
  display: block;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mldc-navigation .profile-overlay .profile-dropdown .mldc-pills-dropdown-container .dropdown-actions-wrapper {
  width: 197px;
}
.mldc-navigation .profile-overlay .profile-nav-links {
  width: 100%;
  border-top: 1px solid #d9d9d6;
  display: flex;
  padding: 24px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-8);
  font-family: var(--typography-family-metlife);
}
.mldc-navigation .profile-overlay .profile-nav-links a.mldc-text-link {
  font-family: var(--typography-family-metlife);
  font-weight: 400;
  font-size: var(--typography-px-size-14-to-rem);
  color: var(--color-brand-neutrals-black);
}
.mldc-navigation .profile-overlay .profile-nav-links a.mldc-text-link:hover {
  color: var(--color-brand-primary-ml-blue2);
}
.mldc-navigation .profile-overlay .profile-nav-links a span {
  font-family: var(--typography-family-metlife);
}
.mldc-navigation .profile-overlay .profile-nav-links svg {
  width: 20px;
  height: 20px;
}

.mldc-rtl .mldc-navigation .nav-links .sub-menu .mldc-text-link span.tailing,
html[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span.tailing,
body[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span.tailing {
  margin-left: 0;
  margin-right: var(--space-4);
}
.mldc-rtl .mldc-navigation .nav-links .sub-menu .mldc-text-link span svg,
html[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span svg,
body[dir=rtl] .mldc-navigation .nav-links .sub-menu .mldc-text-link span svg {
  transform: rotate(180deg) !important;
}
.mldc-rtl .mldc-navigation .profile-overlay,
html[dir=rtl] .mldc-navigation .profile-overlay,
body[dir=rtl] .mldc-navigation .profile-overlay {
  left: 0;
  right: auto;
}

.headerWrapper{height:70px;align-items:center;display:flex;justify-content:space-between;box-shadow:0px 4px 4px 0px rgba(0,0,0,.15)}@media screen and (max-width: 767px){.headerWrapper{height:48px}}.headerWrapper .intake-footer-logo-image.headerLogo{width:149px;height:31.368px;padding-left:16px}.headerWrapper .loginWrapper{display:flex;padding-right:16px;height:70px;padding-left:32px;border-left:1px solid var(--color-brand-neutrals-gray-light);align-items:center}@media screen and (max-width: 767px){.headerWrapper .loginWrapper{height:48px}}.headerWrapper .login-title{color:var(--color-brand-neutrals-black);font-family:var(--typography-family-metlife);font-size:12px;font-style:normal;font-weight:500;line-height:normal}.footer-main-wrapper{position:relative}.footer-main-wrapper .footer-wrapper{min-height:422px;background:var(--color-brand-neutrals-gray-lightest);position:relative}@media screen and (min-width: 1024px){.footer-main-wrapper .footer-wrapper{min-height:433px;background:var(--color-brand-neutrals-gray-lightest);position:relative}}@media screen and (min-width: 360px)and (max-width: 767px){.footer-main-wrapper .footer-wrapper{min-height:411px}}.footer-main-wrapper .footer-container{padding:64px 16px}@media screen and (min-width: 1024px){.footer-main-wrapper .footer-container{padding:64px 125px 96px 125px;flex-direction:column}}.footer-main-wrapper .footer-info-column{position:absolute;bottom:18px;width:90%}@media screen and (min-width: 1024px){.footer-main-wrapper .footer-info-column{position:absolute;bottom:32px;width:90%}}.footer-main-wrapper .footer-info-legal-disclaimer{width:400px}@media screen and (max-width: 767px){.footer-main-wrapper .footer-info-legal-disclaimer{width:100%}}.footer-main-wrapper .footer-info{margin-right:0px !important}.footer-main-wrapper .socialMedia-icons{position:absolute;top:192px;left:16px;display:flex;gap:20px}@media screen and (min-width: 1024px){.footer-main-wrapper .socialMedia-icons{position:absolute;top:192px;left:125px;display:flex;gap:20px}}@media screen and (min-width: 320px)and (max-width: 767px){.footer-main-wrapper .socialMedia-icons{position:absolute;top:146px;left:16px;display:flex;gap:20px}}.footer-main-wrapper .icon-color{color:#000}
.main{margin:0 auto;background:linear-gradient(90deg, var(--GR-1-1, #000016) 0%, var(--GR-1-2, #1e4c76) 100%)}.heroBanner-main-wrapper{display:flex;min-height:500px;align-items:center;position:relative;max-width:1368px;margin:0 auto}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper{gap:40px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper{display:block}}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper{background-image:none}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper{min-height:548px;padding:73px 0px;align-items:start}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper{display:block;padding-top:56px;align-items:center}}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .content{display:flex;flex-direction:column;align-items:flex-start;padding:0px 75px}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .content{padding:0px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .content{padding:unset}}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .content .cta-wrap{width:auto}@media screen and (max-width: 370px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .content .cta-wrap{flex-direction:column;gap:20px}}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .text-wrap{width:100%}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht.sub-heading{color:var(--color-brand-neutrals-white);text-align:start;font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-44);font-style:normal;font-weight:var(--typography-weight-5);line-height:66px;text-transform:none;letter-spacing:0px}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht.sub-heading{width:350px;font-size:38px;line-height:57px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht.sub-heading{font-size:30px;line-height:45px}}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht.description{color:var(--color-brand-neutrals-white);text-align:start;font-family:var(--typography-family-noto);font-size:var(--typography-px-size-18);font-style:normal;font-weight:400;letter-spacing:0px;text-transform:none;line-height:27px}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht.description{width:350px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht.description{width:270px}}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .heading{margin-top:0px}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .wht{color:var(--color-brand-neutrals-white);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-14);font-style:normal;font-weight:500;line-height:normal;letter-spacing:2px;text-transform:uppercase}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .signupButton{display:inline-flex;min-width:var(--space-buttons-min-width);width:auto;min-height:56px;justify-content:center;align-items:center;gap:8px;border-radius:var(--space-radius-base);background:var(--color-brand-neutrals-white);color:var(--color-button-secondary-icon);text-align:center;font-family:var(--typography-family-noto);font-size:var(--typography-px-size-16);font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .loginButton{display:inline-flex;min-width:var(--space-buttons-min-width);justify-content:center;padding:0px;min-height:56px;align-items:center;gap:8px;border-radius:var(--space-radius-base);border:2px solid #fff;color:var(--color-button-primary-icon);text-align:center;font-family:var(--typography-family-noto);font-size:var(--typography-px-size-16);font-style:normal;font-weight:600;line-height:normal;text-transform:capitalize}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .loginButton:hover{background:var(--color-brand-neutrals-white);color:var(--color-button-secondary-icon)}.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .loginButton:focus:not(:focus-visible){background-color:rgba(0,0,0,0)}@media screen and (max-width: 370px){.heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .loginButton{min-width:170px;margin-left:0px}}.heroBanner-main-wrapper .content-title{color:var(--color-brand-neutrals-white);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-36);font-style:normal;font-weight:var(--typography-weight-5);line-height:var(--space-data-table-height)}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper .content-title{font-size:26px;line-height:39px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .content-title{font-size:var(--typography-px-size-22);line-height:33px}}.heroBanner-main-wrapper .listStyles{list-style:none}.heroBanner-main-wrapper .unorderedListItems{padding-top:40px;padding-left:0px;display:flex;width:438px;flex-direction:column;gap:24px;position:absolute;margin-top:0px;bottom:30px}@media screen and (min-width: 768px)and (max-width: 1024px){.heroBanner-main-wrapper .unorderedListItems{padding-top:0px;bottom:69px;width:330px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .unorderedListItems{gap:19px;padding-top:8px;padding-bottom:43px;position:unset;margin-bottom:0px;width:326px}}.heroBanner-main-wrapper .content-main-wrapper{display:block;justify-content:center}@media screen and (max-width: 767px){.heroBanner-main-wrapper .content-main-wrapper{padding-left:16px;display:flex;justify-content:unset}}.heroBanner-main-wrapper .content-wrapper{display:flex;align-items:center;gap:24px}@media screen and (max-width: 767px){.heroBanner-main-wrapper .content-wrapper{gap:20px}}.heroBanner-main-wrapper .item-heading{color:var(--color-brand-neutrals-white);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-24);font-style:normal;font-weight:var(--typography-weight-5);line-height:36px}@media screen and (min-width: 768px)and (max-width: 1023px){.heroBanner-main-wrapper .item-heading{font-size:var(--typography-px-size-20);line-height:30px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .item-heading{font-size:var(--typography-px-size-20);line-height:30px}}.heroBanner-main-wrapper .item-description{color:var(--color-brand-neutrals-white);font-family:var(--typography-family-noto);font-size:var(--typography-px-size-14);font-style:normal;font-weight:400;line-height:21px}@media screen and (min-width: 768px)and (max-width: 1023px){.heroBanner-main-wrapper .item-description{font-size:var(--typography-px-size-14);font-weight:400;line-height:21px}}@media screen and (max-width: 767px){.heroBanner-main-wrapper .item-description{font-size:var(--typography-px-size-14);font-style:normal;font-weight:400;line-height:21px}}.heroBanner-main-wrapper .index-value{color:#e6f4fb;font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-70);font-style:normal;flex-basis:8%;font-weight:500;line-height:86.1px}@media screen and (max-width: 767px){.heroBanner-main-wrapper .index-value{flex-basis:19%;text-align:center}}html[lang=es] .heroBanner-main-wrapper{min-height:600px}html[lang=es] .heroBanner-main-wrapper .unorderedListItems{right:30px}@media screen and (min-width: 768px)and (max-width: 900px){html[lang=es] .heroBanner-main-wrapper .unorderedListItems{bottom:30px}}@media screen and (min-width: 901px)and (max-width: 1024px){html[lang=es] .heroBanner-main-wrapper .unorderedListItems{bottom:60px;width:440px}}html[lang=es] .heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .content{padding:unset}@media screen and (min-width: 1025px)and (max-width: 1199px){html[lang=es] .heroBanner-main-wrapper .mldc-hero-banner.secondary-page.heroBannerWrapper .text-wrap{width:70%}}
.headerWrapper{display:flex;justify-content:space-between;align-items:center;padding:16px}.headerWrapper .logo-container{cursor:pointer;outline:none;border-radius:4px}.headerWrapper .logo-container:focus-visible{outline:2px solid #000;outline-offset:2px;border:2px solid #000;border-radius:4px}.headerWrapper .logo-container:focus:not(:focus-visible){outline:none;border:none}.headerWrapper .logo-container:hover{opacity:.8}.headerWrapper .loginWrapper{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:4px;outline:none}.headerWrapper .loginWrapper:focus-visible{outline:2px solid #000;outline-offset:2px;border:2px solid #000;border-radius:4px}.headerWrapper .loginWrapper:focus:not(:focus-visible){outline:none;border:none}.headerWrapper .loginWrapper:hover{background-color:rgba(0,0,0,.05)}.headerWrapper .loginWrapper .login-title{margin:0;font-size:16px;color:#333}.headerWrapper .loginWrapper .loginIcon{color:#333}
.footer-main-wrapper .footer-with-language{position:relative}.footer-main-wrapper .footer-with-language .language-dropdown-integrated{position:absolute;top:64px;height:32px;right:16px}@media screen and (min-width: 1024px){.footer-main-wrapper .footer-with-language .language-dropdown-integrated{right:125px}}@media screen and (max-width: 767px){.footer-main-wrapper .footer-with-language .language-dropdown-integrated{right:16px}}.footer-main-wrapper .footer-with-language .language-dropdown-integrated .language-selector{padding:6px 12px;min-width:120px;height:32px}.footer-main-wrapper .socialMedia-icons{list-style:none;display:flex;gap:1rem;padding:0;margin:0;align-items:center}.footer-main-wrapper .socialMedia-icons li{display:flex;align-items:center}
.faqTopDivider{background:linear-gradient(87deg, #0090da 20.83%, #a3cd4d 75.53%);width:100%;height:6px;margin:0px 0px 16px 0px}.faq-wrapper.faq-container{width:100%}@media(min-width: 320px){.faq-wrapper.faq-container{max-width:1132px}}.faq-wrapper.faq-container .faq-container-title .faq-title{color:var(--color-brand-neutrals-gray-darkest);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-44);font-style:normal;font-weight:var(--typography-weight-5);line-height:66px;padding-bottom:32px}@media screen and (min-width: 768px)and (max-width: 1024px){.faq-wrapper.faq-container .faq-container-title .faq-title{color:var(--color-brand-neutrals-gray-darkest);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-38);font-style:normal;font-weight:var(--typography-weight-5);line-height:57px;padding-bottom:32px}}@media screen and (max-width: 767px){.faq-wrapper.faq-container .faq-container-title .faq-title{color:var(--color-brand-neutrals-gray-darkest);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-30);font-style:normal;font-weight:var(--typography-weight-5);line-height:45px;padding-bottom:32px}}.faq-wrapper.faq-container .faq-container-title .faq-separation-line{height:1.193px;align-self:stretch;fill:#d9d9d6;margin:0px}.faq-wrapper.faq-container .mldc-accordion-container{margin-left:-3px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display{padding-bottom:24px;margin-left:-10px;font-family:var(--typography-family-noto);color:var(--color-brand-neutrals-gray-darkest);font-size:var(--typography-px-size-16);font-style:normal;font-weight:400;line-height:24px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html p{margin:0 0 12px 0;line-height:24px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html ul{margin:12px 0;padding-left:20px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html ul li{margin-bottom:8px;line-height:24px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html ul li p{margin:0;display:inline}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html ol{margin:12px 0;padding-left:20px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html ol li{margin-bottom:8px;line-height:24px}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html ol li p{margin:0;display:inline}.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html p+ul,.faq-wrapper.faq-container .mldc-accordion-container .accordian-content.display .faq-content-html p+ol{margin-top:8px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian{border-bottom:1px solid var(--color-brand-neutrals-gray-light);padding-top:0px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian[aria-expanded=true]{border-bottom:none;padding-bottom:16px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian .title-holder .accordian-title{color:var(--color-brand-neutrals-black);font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-24);font-style:normal;font-weight:400;line-height:36px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian .title-holder button{margin-right:-36px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian .title-holder button:focus-visible{outline:2px solid #000 !important;outline-offset:2px !important;border:2px solid #000 !important;border-radius:4px !important}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian .title-holder button:focus:not(:focus-visible){outline:none !important;border:none !important}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian button[aria-expanded]:focus-visible{outline:2px solid #000 !important;outline-offset:2px !important;border:2px solid #000 !important;border-radius:4px !important}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian button[aria-expanded]:focus:not(:focus-visible){outline:none !important;border:none !important}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian-toggle-text-link{position:relative;top:-75px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian-toggle-text-link .mldc-text-link{color:var(--color-background-blue);font-family:var(--typography-family-noto);font-size:var(--typography-px-size-16);font-style:normal;font-weight:600;line-height:24px}@media screen and (max-width: 599px){.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian-toggle-text-link{top:-35px;padding-bottom:16px;justify-content:flex-start}}@media screen and (min-width: 600px)and (max-width: 767px){.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian-toggle-text-link{top:-70px;padding-right:0px}}.faq-wrapper.faq-container .mldc-accordion-container button:focus-visible{outline:2px solid #000;outline-offset:2px;border:2px solid #000}.faq-wrapper.faq-container .mldc-accordion-container button:focus:not(:focus-visible){outline:none;border:none}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian button:focus-visible,.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian [role=button]:focus-visible{outline:2px solid #000 !important;outline-offset:2px !important;border:2px solid #000 !important;border-radius:4px !important}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian button:focus:not(:focus-visible),.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian [role=button]:focus:not(:focus-visible){outline:none !important;border:none !important}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian .title-holder button:focus-visible{outline:2px solid #000;outline-offset:2px;border:2px solid #000;border-radius:4px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian .title-holder button:focus:not(:focus-visible){outline:none;border:none}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian-toggle-text-link button:focus-visible{outline:2px solid #000;outline-offset:2px;border:2px solid #000;border-radius:4px}.faq-wrapper.faq-container .mldc-accordion-container .mldc-accordian-toggle-text-link button:focus:not(:focus-visible){outline:none;border:none}
.tech-diff{margin-top:0px !important;background:rgba(0,0,0,0) linear-gradient(232deg, #1e4c76 0%, #0090da 100%) 0% 0% no-repeat padding-box !important;opacity:1;height:100vh;overflow:auto}.tech-diff .tech-diff-heading1{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-family:"MetLifeCircular","Arial","Helvetica",sans-serif;font-size:24px;color:#fff;margin-top:5.5rem;margin-left:4rem;margin-right:4rem;text-align:center;white-space:break-spaces;line-height:var(--Body-LH-2, 24px)}@media screen and (max-width: 1280px){.tech-diff .tech-diff-heading1{white-space:normal}}@media screen and (max-width: 820px){.tech-diff .tech-diff-heading1{font-size:22px}}@media screen and (max-width: 580px){.tech-diff .tech-diff-heading1{margin-left:1.5rem;margin-right:1.5rem;font-size:18px}}.tech-diff .tech-diff-error-message{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-family:"MetLifeCircular","Arial","Helvetica",sans-serif;font-size:24px;color:#fff;margin-top:1.5rem;margin-bottom:3rem;margin-left:3.5rem;margin-right:3.5rem;white-space:break-spaces;text-align:center;line-height:var(--Body-LH-2, 24px)}@media screen and (max-width: 1280px){.tech-diff .tech-diff-error-message{white-space:normal}}@media screen and (max-width: 820px){.tech-diff .tech-diff-error-message{margin-bottom:2rem;font-size:22px}}@media screen and (max-width: 580px){.tech-diff .tech-diff-error-message{margin-left:1.5rem;margin-right:1.5rem;font-size:18px}}.tech-diff .tech-diff-heading2{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-family:"MetLifeCircular","Arial","Helvetica",sans-serif;font-size:24px;color:#fff;margin-top:1.5rem;margin-bottom:3rem;margin-left:3.5rem;margin-right:3.5rem;white-space:break-spaces;text-align:center;line-height:var(--Body-LH-2, 24px)}@media screen and (max-width: 1280px){.tech-diff .tech-diff-heading2{white-space:normal}}@media screen and (max-width: 820px){.tech-diff .tech-diff-heading2{margin-bottom:2rem;font-size:22px}}@media screen and (max-width: 580px){.tech-diff .tech-diff-heading2{margin-left:1.5rem;margin-right:1.5rem;font-size:18px}}.tech-diff .tech-diff-close{position:relative;font-family:"MetLifeCircular","Arial","Helvetica",sans-serif;font-size:24px;text-align:left;color:#fff;margin-bottom:40px;white-space:break-spaces;display:flex;justify-content:center;align-items:center}
.leaving-consent-page{min-height:100vh;background-color:#f8f9fa;padding:20px 0}@media screen and (max-width: 768px){.leaving-consent-page{padding:10px 0}}
.leaving-consent-component-wrapper .leaving-consent-section{text-align:center}.leaving-consent-component-wrapper .leaving-consent-header-text{color:#333;text-align:center;font-family:var(--typography-family-metlife);font-size:var(--typography-px-size-24);font-style:normal;font-weight:var(--typography-weight-7);line-height:var(--typography-px-size-36);padding-bottom:var(--typography-px-size-24)}.leaving-consent-component-wrapper .leaving-consent-description{color:var(--brand-neutrals-black);text-align:center;font-family:var(--typography-family-noto);font-size:var(--typography2-px-size-16);font-style:normal;font-weight:var(--typography2-body-weight-normal);line-height:24px;padding-bottom:48px;margin:0 auto;width:80%}.leaving-consent-component-wrapper .button-wrapper{display:flex;justify-content:center;gap:24px;align-items:center}@media screen and (max-width: 767px){.leaving-consent-component-wrapper .button-wrapper{flex-direction:column}}.leaving-consent-component-wrapper .button-wrapper .leave-beneficiary-portal-cancel-button{display:flex;width:130px;min-width:var(--buttons-min-width);padding:16px 24px;justify-content:center;align-items:center;gap:8px;color:var(--color-background-blue);text-align:center;font-family:var(--typography-family-noto);font-size:var(--typography-px-size-16);font-style:normal;font-weight:600;line-height:normal;border-radius:8px;border:2px solid var(--brand-primary-ml-blue2)}@media screen and (max-width: 767px){.leaving-consent-component-wrapper .button-wrapper .leave-beneficiary-portal-cancel-button{min-width:130px;width:80%}}.leaving-consent-component-wrapper .button-wrapper .leave-beneficiary-portal-button{display:flex;min-width:var(--buttons-min-width);padding:16px 24px;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:var(--color-background-blue);color:var(--color-background-default);text-align:center;font-family:var(--typography-family-noto);font-size:var(--typography-px-size-16);font-style:normal;font-weight:600;line-height:normal}@media screen and (max-width: 767px){.leaving-consent-component-wrapper .button-wrapper .leave-beneficiary-portal-button{width:80%}}
.page-loading{width:100vw;height:100vh;overflow:overlay;position:fixed;display:flex;background:rgba(0,0,0,.8);top:0;left:0;z-index:9999;justify-content:center;align-items:center}