/* MENUBE_PULSE_SCORE_PUBLIC_CLEAN_V4_SINGLE_VOTE_FILL */
/* MENUBE_PULSE_SCORE_PUBLIC_CLEAN_V5_I18N */

.mpscore-trigger{
  --mpscore-fill:0%;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  height:25px !important;
  min-height:25px !important;
  margin-left:8px !important;
  padding:0 !important;
  border:1px solid rgba(186,137,76,.45) !important;
  border-radius:999px !important;
  background:#fffaf2 !important;
  color:#a76d20 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  vertical-align:middle !important;
  line-height:1 !important;
  font-size:0 !important;
  text-align:center !important;
}

.mpscore-trigger:hover,
.mpscore-trigger.is-user-voted{
  background:#fff6e5 !important;
}

.mpscore-trigger__star{
  position:relative !important;
  display:inline-block !important;
  width:17px !important;
  height:17px !important;
  line-height:17px !important;
  font-size:16px !important;
}

.mpscore-trigger__star-base,
.mpscore-trigger__star-fill{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  height:17px !important;
  line-height:17px !important;
  font-size:16px !important;
  text-align:left !important;
  white-space:nowrap !important;
}

.mpscore-trigger__star-base{
  width:17px !important;
  color:rgba(167,109,32,.28) !important;
}

.mpscore-trigger__star-fill{
  width:var(--mpscore-fill) !important;
  max-width:17px !important;
  overflow:hidden !important;
  color:#ba894c !important;
}

.mpscore-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}

.mpscore-modal.is-active{
  display:flex !important;
}

.mpscore-modal__backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.48) !important;
}

.mpscore-modal__card{
  position:relative !important;
  width:min(560px,100%) !important;
  max-width:100% !important;
  padding:24px !important;
  border-radius:26px !important;
  background:#fffaf2 !important;
  color:#15100c !important;
  box-shadow:0 26px 80px rgba(0,0,0,.34) !important;
  border:1px solid rgba(186,137,76,.24) !important;
  overflow:hidden !important;
}

.mpscore-modal__close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#15100c !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  line-height:1 !important;
  text-align:center !important;
  cursor:pointer !important;
}

.mpscore-modal__kicker{
  color:#ba894c !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.mpscore-modal__title{
  margin:8px 48px 6px 0 !important;
  font-size:28px !important;
  line-height:1.08 !important;
}

.mpscore-modal__product{
  margin:0 0 8px !important;
  font-weight:800 !important;
  color:#4b3422 !important;
}

.mpscore-modal__subtitle{
  margin:0 0 14px !important;
  color:#75685c !important;
}

.mpscore-modal__scale-labels{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
  margin:0 0 10px !important;
  color:#75685c !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

.mpscore-modal__scale-labels span{
  max-width:48% !important;
  white-space:normal !important;
}

.mpscore-modal__scores{
  display:grid !important;
  grid-template-columns:repeat(11,minmax(0,1fr)) !important;
  gap:6px !important;
  margin:12px 0 16px !important;
}

.mpscore-modal__score{
  min-width:0 !important;
  min-height:38px !important;
  padding:0 !important;
  border:1px solid rgba(186,137,76,.32) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#15100c !important;
  font-weight:950 !important;
  cursor:pointer !important;
  line-height:1 !important;
}

.mpscore-modal__score.is-selected{
  background:#ba894c !important;
  color:#fff !important;
  border-color:#ba894c !important;
}

.mpscore-modal__submit{
  width:100% !important;
  margin-top:12px !important;
  min-height:48px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#15100c !important;
  color:#fff !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.mpscore-modal__submit:disabled{
  opacity:.65 !important;
  cursor:wait !important;
}

.mpscore-modal__msg{
  min-height:22px !important;
  margin-top:10px !important;
  text-align:center !important;
  color:#166534 !important;
  font-weight:800 !important;
}

@media(max-width:560px){
  .mpscore-modal__card{
    padding:20px !important;
    border-radius:22px !important;
  }

  .mpscore-modal__title{
    font-size:24px !important;
  }

  .mpscore-modal__scores{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  }

  .mpscore-modal__score{
    min-height:36px !important;
  }

  .mpscore-modal__scale-labels{
    flex-direction:column !important;
    gap:4px !important;
  }

  .mpscore-modal__scale-labels span{
    max-width:100% !important;
  }
}

/* MENUBE_PULSE_SCORE_FAST_SECTION_MOUNT_V1 */
.mpscore-trigger{
  transition:background .15s ease, color .15s ease, border-color .15s ease !important;
}
