/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/org_marykay/cartridge/client/default/scss/account/wishlist.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
.h1-serif, .h1,
h1 {
  font-size: 2.25rem;
  font-weight: 400;
  color: #101820;
  line-height: 2.7rem;
  letter-spacing: 0.07rem;
}

.h2-serif, .h2,
h2 {
  font-size: 2rem;
  font-weight: 400;
  color: #101820;
  line-height: 2.4rem;
  letter-spacing: 0rem;
}

.h3-serif, .h3,
h3 {
  font-size: 1.75rem;
  font-weight: 400;
  color: #101820;
  line-height: 2.1rem;
  letter-spacing: -0.06rem;
}

.h4-serif, .h4,
h4 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.8rem;
  letter-spacing: 0.04rem;
}

.h5-serif, .h5,
h5 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.5rem;
  letter-spacing: 0.04rem;
}

.mk-wishlist-page .price .sales, .h6-serif, .h6,
h6 {
  font-size: 1rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.2rem;
  letter-spacing: 0.03rem;
}

.text-link, .anchor-serif, a, .ol-serif, ol, .ul-serif, ul, .p-bold-serif, .p-bold, .p-serif, p, .para {
  font-size: 1rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.5rem;
  letter-spacing: 0.03rem;
}

.small-serif, .small {
  font-size: 0.875rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.312rem;
  letter-spacing: 0.02rem;
  font-weight: 400;
}

.subtitle-2 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #101820;
  line-height: 1.05rem;
  letter-spacing: 0.01rem;
}

.mk-wishlist-page .line-item-attributes, .caption-serif--color-steel, .caption-serif, .caption {
  font-size: 0.75rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.312rem;
  letter-spacing: 0.02rem;
}

.legal-serif, .legal {
  font-size: 0.625rem;
  font-weight: 400;
  color: #101820;
  line-height: 1.4rem;
  letter-spacing: 0.01rem;
}

.display-1-serif, .display-1 {
  font-size: 5rem;
  font-weight: 300;
  color: #101820;
  line-height: 6rem;
  letter-spacing: 0.15rem;
}

.display-2-serif, .display-2 {
  font-size: 4.5rem;
  font-weight: 300;
  color: #101820;
  line-height: 5.4rem;
  letter-spacing: 0.14rem;
}

.display-3-serif, .display-3 {
  font-size: 4rem;
  font-weight: 300;
  color: #101820;
  line-height: 4.8rem;
  letter-spacing: 0.12rem;
}

.display-4-serif, .display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  color: #101820;
  line-height: 4.2rem;
  letter-spacing: 0.1rem;
}

.display-5-serif, .display-5 {
  font-size: 3rem;
  font-weight: 300;
  color: #101820;
  line-height: 3.6rem;
  letter-spacing: 0.09rem;
}

.display-6-serif, .display-6 {
  font-size: 2.5rem;
  font-weight: 300;
  color: #101820;
  line-height: 3rem;
  letter-spacing: 0.07rem;
}

.toast-error-title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #c73d23;
  line-height: 1rem;
  letter-spacing: 0.015rem;
}

.toast-message-color-raspberry, .toast-error-message {
  font-size: 0.875rem;
  font-weight: 400;
  color: #000;
  line-height: 1rem;
  letter-spacing: 0.015rem;
}

.font-weight-xbold {
  font-weight: 700;
}

body {
  font-family: "Noto Sans", sans-serif;
  color: var(--color-backstage);
  background-color: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans", sans-serif;
}

@media (max-width: 767.98px) {
  .md-h1 {
    font-size: 1.74rem;
    font-weight: 400;
    color: #101820;
    line-height: 2.09rem;
    letter-spacing: 0rem;
  }
}
.h1-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-h2 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #101820;
    line-height: 1.81rem;
    letter-spacing: 0rem;
  }
}
.h2-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-h3, .h3 {
    font-size: 1.44rem;
    font-weight: 400;
    color: #101820;
    line-height: 1.73rem;
    letter-spacing: 0rem;
  }
}
.h3-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-h4 {
    font-size: 1.31rem;
    font-weight: 400;
    color: #101820;
    line-height: 1.56rem;
    letter-spacing: -0.06rem;
  }
}
.h4-serif {
  font-family: "Noto Serif", serif;
}

.h5-serif {
  font-family: "Noto Serif", serif;
}

.h6-serif {
  font-family: "Noto Serif", serif;
}

p--color-steel, .para--color-steel {
  color: #545859;
}

.p-serif {
  font-family: "Noto Serif", serif;
}

.p-bold {
  font-weight: 700;
}

.p-bold-serif {
  font-weight: 700;
  font-family: "Noto Serif", serif;
}

.ul-serif {
  font-family: "Noto Serif", serif;
}

.ol-serif {
  font-family: "Noto Serif", serif;
}

a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

.anchor-serif {
  font-family: "Noto Serif", serif;
  text-decoration: underline;
}
.anchor-serif:hover {
  text-decoration: none;
}

.small--bold {
  font-weight: 600;
}
.small--color-steel {
  color: #545859;
}

.small-serif {
  font-family: "Noto Serif", serif;
}

.caption--color-steel {
  color: #545859;
}
.caption--color-white {
  color: #fff !important;
}

.caption-serif {
  font-family: "Noto Serif", serif;
}
.caption-serif--color-steel {
  font-family: "Noto sans", serif;
  color: #545859;
}

.legal-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-display-1 {
    font-size: 2.73rem;
    font-weight: 300;
    color: #101820;
    line-height: 3.27rem;
    letter-spacing: 0rem;
  }
}
.display-1-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-display-2 {
    font-size: 2.52rem;
    font-weight: 300;
    color: #101820;
    line-height: 3.03rem;
    letter-spacing: 0rem;
  }
}
.display-2-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-display-3 {
    font-size: 2.33rem;
    font-weight: 300;
    color: #101820;
    line-height: 2.8rem;
    letter-spacing: 0rem;
  }
}
.display-3-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-display-4 {
    font-size: 2.13rem;
    font-weight: 300;
    color: #101820;
    line-height: 2.56rem;
    letter-spacing: 0rem;
  }
}
.display-4-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-display-5 {
    font-size: 1.94rem;
    font-weight: 300;
    color: #101820;
    line-height: 2.33rem;
    letter-spacing: 0rem;
  }
}
.display-5-serif {
  font-family: "Noto Serif", serif;
}

@media (max-width: 767.98px) {
  .md-display-6 {
    font-size: 1.74rem;
    font-weight: 300;
    color: #101820;
    line-height: 2.09rem;
    letter-spacing: 0rem;
  }
}
.display-6-serif {
  font-family: "Noto Serif", serif;
}

.banner-title {
  font-size: 3.43rem;
  font-weight: 700;
  color: #fff;
  line-height: 2.7rem;
  letter-spacing: 0rem;
}
@media (min-width: 768px) {
  .banner-title {
    font-size: 6.875rem;
    font-weight: 700;
    color: #fff;
    line-height: 5.5rem;
    letter-spacing: 0rem;
  }
}

.toast-error-title {
  font-family: "Noto Sans", sans-serif;
}

.toast-error-message {
  font-family: "Noto Sans", sans-serif;
}

.toast-message-color-raspberry {
  color: #990045;
}

.text-link {
  text-decoration-line: underline;
}

.add-to-wishlist-messages,
.remove-from-wishlist-messages {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
}

.add-to-wishlist-alert,
.remove-from-wishlist-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
  color: #ececeb;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.add-to-wishlist-alert.show,
.remove-from-wishlist-alert.show {
  display: block;
}

.add-to-cart-wishlist .add-to-cart {
  float: right;
  margin-right: 1.5em;
}
@media (max-width: 767.98px) {
  .add-to-cart-wishlist .add-to-cart {
    float: none;
    width: 100%;
  }
}

.select-attributes-wishlist .select-attributes-btn {
  float: right;
  margin-right: 1.5em;
}
@media (max-width: 767.98px) {
  .select-attributes-wishlist .select-attributes-btn {
    float: none;
    width: 100%;
  }
}

.product-info {
  margin-bottom: 0.313em;
  padding: 0.625em;
}
@media (min-width: 768px) {
  .product-info {
    height: auto;
  }
}
.product-info .remove-btn {
  color: #999;
  font-size: 1.625em;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0.25rem;
  border: none;
  background-color: #fff;
}
@media (min-width: 768px) {
  .product-info .remove-btn {
    top: 0;
    bottom: 0;
    right: -0.625rem;
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
  }
}

.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-image img.product-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 5.625em;
}

.line-item-attributes {
  font-size: 0.813rem;
  margin: 0;
}

.item-attributes {
  display: inline-block;
  vertical-align: top;
}

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1em;
  color: #222;
  font-weight: bold;
  margin-bottom: 0.625em;
  width: 90%;
}

.product-card-price {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767.98px) {
  .product-card-price {
    margin-left: 6.5rem;
  }
}

.edit {
  font-size: 0.813rem;
}

.wishlist-line-item-divider {
  margin: 0.625em -0.615em;
}

.wishlist-edit-item-divider {
  margin: 0.625em -0.615em;
}

.remove-btn-lg {
  border: none;
  border-radius: 0;
  font-size: 1.625em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  z-index: 1;
}

.wishlist-hide {
  margin: 0 0 0.15rem 1rem;
}

.line-item-price-info {
  margin-bottom: 0.25rem;
}

.wishlist-item-update-button-block {
  text-align: center;
}
@media (max-width: 767.98px) {
  .wishlist-item-update-button-block {
    padding-bottom: 26px;
  }
  .wishlist-item-update-button-block .btn {
    width: 98%;
    margin: 1%;
    display: block;
  }
}

.update-wishlist-messages {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
}

.update-wishlist-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.update-wishlist-alert.show {
  display: block;
}

.more-wl-items,
.my-account {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

#wishlist-search .wishlist-error-search {
  margin-top: 1rem;
}
#wishlist-search button {
  margin-bottom: 1rem;
}

.wl-hit,
.find-another-wl {
  margin-top: 1rem;
}

.wishlist-owner {
  font-size: 1.5rem;
}

/* *** MIXINS *** */
/* ******** Set Line Clamp ******** */
.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--1 {
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--2 {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--3 {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--4 {
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--5 {
  -webkit-line-clamp: 5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.clamp--9 {
  -webkit-line-clamp: 9;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/**
  @mixin aspect-ratio
  Use CSS aspect-ratio rule where possible, but fall back to
  padding-top hack iff needed (i.e. iOS 14)
*/
.account-left-panel {
  background-color: #fff7fa;
  border-color: #f8dbe0 !important;
}
@media (min-width: 768px) {
  .account-left-panel .welcome-name-text,
  .account-left-panel .navigation-list {
    border-bottom: 1px solid #f8dbe0;
  }
}
.account-left-panel .navigation-item .icon-fill {
  display: none;
}
.account-left-panel .navigation-item.active, .account-left-panel .navigation-item:hover {
  background-color: #faebef;
}
.account-left-panel .navigation-item.active a,
.account-left-panel .navigation-item.active a:hover, .account-left-panel .navigation-item:hover a,
.account-left-panel .navigation-item:hover a:hover {
  font-weight: 500;
}
.account-left-panel .navigation-item.active .icon-fill, .account-left-panel .navigation-item:hover .icon-fill {
  display: block;
}
.account-left-panel .navigation-item.active .icon-normal, .account-left-panel .navigation-item:hover .icon-normal {
  display: none;
}
@media (max-width: 767.98px) {
  .account-left-panel .navigation-list {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    border: 1px solid #ececeb;
    overflow: auto;
    height: 12.5rem;
    border-radius: 0.25rem;
    overflow-y: auto;
    scrollbar-width: thin;
  }
}
.account-left-panel .select-box-heading {
  background-color: #faebef;
}
.account-left-panel .select-box-heading::after {
  position: absolute;
  top: calc(50% - 20px);
  right: 0;
  content: "";
  background-image: url("../../images/select-arrow.svg");
  pointer-events: none;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 2;
}
.account-left-panel .select-box-heading.active::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.mk-ibc-consultant-info .consultant-image-size {
  width: 8.125rem;
  height: 8.125rem;
}
.mk-ibc-consultant-info .consultant-image-size img {
  width: 100%;
  height: 100%;
}
.mk-ibc-consultant-info .ibc-disconnect-card-size {
  max-width: 31.25rem;
}
.mk-ibc-consultant-info .card.ibc-detailed-card {
  background-color: rgba(249, 238, 255, 0.5);
  border: 0.0625rem solid #f9eeff;
}
.mk-ibc-consultant-info .ibc-consultant-buttons {
  border-top: 0.0625rem solid #f9eeff;
}
@media (min-width: 768px) {
  .mk-ibc-consultant-info .ibc-consultant-buttons {
    border-top: unset;
  }
}

.disconnect-modal .disconnect-profile-details-main {
  border: 1px solid #f9eeff;
  background: rgba(249, 238, 255, 0.5);
}

.mk-wishlist-page .card,
.mk-wishlist-page .line-dotted {
  border-color: #b9bdbd;
}
.mk-wishlist-page .card {
  border-radius: 0.75rem;
}
.mk-wishlist-page .add-to-cart-wishlist .add-to-cart {
  min-width: 15.625rem;
}
.mk-wishlist-page .price .sales {
  font-weight: 700;
}
.mk-wishlist-page .no-favourites-wrapper {
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: #dee2e6;
  border-radius: 0.75rem;
}
@media (min-width: 768px) {
  .mk-wishlist-page .no-favourites-wrapper {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media (min-width: 768px) {
  .mk-wishlist-page .no-favourites-wrapper .no-favourite-img.login-fav-page {
    width: 9.375rem;
    height: 9.375rem;
  }
}
.mk-wishlist-page .mk-social-sharing .icon-image-wraper {
  background-color: var(--color-pastel-pink);
  border-radius: 100%;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  margin-right: 0.75rem;
}
.mk-wishlist-page .mk-social-sharing .icon-image-wraper .icon-image {
  width: 1.5rem;
  height: 1.5rem;
}
.mk-wishlist-page .share-icons-copy-link-btn {
  background: none;
}
.mk-wishlist-page .mk-alert-success {
  background-color: #387e61;
  border-color: #387e61;
}
.mk-wishlist-page .mk-alert-success.alert {
  color: #fff;
}
.mk-wishlist-page .wishlist-item-checkbox {
  z-index: 1;
}

/*# sourceMappingURL=default\css\account\wishlist.css.map*/