@charset "utf-8";

.mbp-co121 { height: 100%; padding: 0px 21px 21px; overflow: hidden; background: transparent; }

@media screen and (min-width: 300px) and (max-width: 600px) {
  .mbp-co121 { padding: 0px 12px 12px; }
}

.mbp-co121 .sisterBrandPrice { font-style: normal; font-weight: 500; line-height: 21px; letter-spacing: 0.05em; }

@media screen and (min-width: 300px) and (max-width: 600px) {
  .mbp-co121 .sisterBrandPrice { line-height: 11px; }
}

.mbp-co122 { height: 30px; display: flex; overflow: hidden; position: relative; max-height: 0px; transition: max-height 1.5s; justify-content: flex-end; }

@media screen and (min-width: 500px) {
  .mbp-co122 { height: 45px; }
}

.mbp-co123 { top: 50%; width: 100%; height: 1px; z-index: 1; position: absolute; transform: translateY(-50%); background: rgb(93, 140, 120); }

.mbp-co124 { top: 50%; left: 50%; color: rgb(93, 140, 120); width: 77%; margin: 0px; padding: 0px 2px; z-index: 2; position: absolute; font-size: 13px; transform: translate(-50%, -50%); text-align: center; text-transform: uppercase; background-color: white; }

@media screen and (min-width: 300px) and (max-width: 500px) {
  .mbp-co124 { font-size: 8px; }
}

@media screen and (min-width: 501px) and (max-width: 850px) {
  .mbp-co124 { font-size: 9px; }
}

@media screen and (min-width: 851px) and (max-width: 1024px) {
  .mbp-co124 { font-size: 11px; }
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 500px) {
}

@media screen and (min-width: 300px) and (max-width: 500px) {
}

@media screen and (min-width: 501px) and (max-width: 850px) {
}

@media screen and (min-width: 851px) and (max-width: 1024px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 500px) {
}

@media screen and (min-width: 300px) and (max-width: 500px) {
}

@media screen and (min-width: 501px) and (max-width: 850px) {
}

@media screen and (min-width: 851px) and (max-width: 1024px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 500px) {
}

@media screen and (min-width: 300px) and (max-width: 500px) {
}

@media screen and (min-width: 501px) and (max-width: 850px) {
}

@media screen and (min-width: 851px) and (max-width: 1024px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 300px) and (max-width: 600px) {
}

@media screen and (min-width: 500px) {
}

@media screen and (min-width: 300px) and (max-width: 500px) {
}

@media screen and (min-width: 501px) and (max-width: 850px) {
}

@media screen and (min-width: 851px) and (max-width: 1024px) {
}