#pdp-extras {
    display: none;
}

.pdp-container-capacity-progressbar {
    width: 100%;
    height: 4px;
    display: block;
    border: none;
    position: relative;
    background: #DADCE0;
    margin-top: 10px;
}

.pdp-container-capacity-progressbar > span {
    width: 0px;
    height: 4px;
    border: none;
    display: block;
    position: relative;
    background: var(--color-accent);
    transition: width 1s ease-in-out;
}

.pdp-container-weight-progressbar {
  width: 100%;
  height: 4px;
  display: block;
  border: none;
  position: relative;
  background: #DADCE0;
  margin-top: 10px;
}

.pdp-container-weight-progressbar > span {
  width: 0px;
  height: 4px;
  border: none;
  display: block;
  position: relative;
  background: var(--solid-button-background-hover);
  transition: width 1s ease-in-out;
}

.pdp-extras-progressbar-indicator {
    color: var(--color-accent);
    font-size: .9375rem;
    overflow: hidden;
    font-family: "Avenir Next", sans-serif;
}

#pdp-container-capacity-percentage {
    color: var(--color-accent);
}

#pdp-container-weight-percentage {
    color: var(--solid-button-background);
}

.button.accent.outline {
    width: 100%;
    color: var(--color-accent);
    border: 1px solid var(--color-accent);
    background-color: #fff;
    margin: 15px 0px;
}

.pdp-extras-progressbar-indicator.weight-bar {
  margin-top: 15px;
  color: var(--solid-button-background);
}

.button.accent.outline #pdp-pallet-qty-btn{
    color: var(--color-accent);
    margin-left: 3px;
    margin-right: 3px;
    font-size: 13px;
    margin-top: 3px;
    font-weight: 400;
    font-family: "Avenir Next", sans-serif;
}