.mp-sizechart-container {
  margin-top: 16px;
}
.mpcss.size-chart-main {
  display: flex;
  flex-wrap: wrap;
}
.size-chart-main-table {
  font-size: 14px;
  width: 100%;
}
.size-chart-header h3 {
  font-size: 20px;
  margin-bottom: 16px;
}
.mp-sizechart-link {
  font-size: 13px;
  color: #1d4ed8;
}
.mp-sizechart-link img {
  width: 14px;
}
.mpsizechart-overlay,
.mpsizechart-popup {
  display: none;
}
.mpsizechart-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  max-width: 980px;
  width: 96%;
  border-radius: 8px;
  height: 100%;
  max-height: 84vh;
  overflow: hidden;
}
.mpsizechart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 888;
}
#mpsizechart-popup header {
  font-size: 20px;
}
#mpsizechart-popup #mp-size-chart-wrapper {
  max-height: 90%;
}

.herqua-size-charts > .herqua-swatch {
  flex-direction: column;
  align-items: start;
  position: relative;
}

.herqua-size-charts > .herqua-swatch > label {
  margin-left: 0.25rem;
}

.herqua-size-charts > .herqua-swatch > label .mp-sizechart-link {
  position: absolute;
  bottom: 0;
  left: 0.25rem;
  font-size: 1rem;
}

.herqua-size-charts
  > .herqua-swatch
  > label
  .mp-sizechart-link
  .cursor-pointer {
  flex-direction: row-reverse;
  color: #0081c5;
}

.herqua-size-charts > .herqua-swatch > label .mp-sizechart-link img {
  width: 17px;
  margin-right: 5px;
}

.herqua-size-charts > .herqua-swatch > .product-option-values {
  margin-left: 0;
  margin-bottom: 1rem;
}

@media (min-width: 640px) {
  .herqua-size-charts > .herqua-swatch > .product-option-values {
    margin-bottom: 1.7rem;
  }
}