:root {
  --podium-cds-size-spacing-xs: 4px
}

/* 购物车弹窗 */
#topcart{
  display: none;
}
#topcart .total_qty{ 
  position: unset;
  font-size: unset;
  width: unset;
  height: unset;
}
.modal-portal-content-wrapper .pro_price{
  text-decoration: line-through;
}
.css-1egqlpw {
  position: fixed;
  inset: 0px;
  height: 100%;
  width: 100%;
  background-color: var(--podium-cds-color-scrim-100);
  z-index: 100;
}

@media (min-width: 960px) {
  .css-1egqlpw {
    background: linear-gradient(to bottom, transparent 0px, transparent 140px, var(--podium-cds-color-scrim-100) 140px);
  }
}

.css-1egqlpw .fade-out:not(:has(:focus-visible)):not(:hover) {
  animation-delay: 6000ms;
  animation-duration: 300ms;
  animation-name: animation-plwpox;
  animation-direction: reverse;
  animation-fill-mode: forwards;
}

@keyframes animation-plwpox {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width: 960px) {
  .css-1egqlpw .confirmation-modalbase {
    border-radius: 0 0 24px 24px;
    min-height: unset;
    right: 48px;
    top: 140px;
    left: auto;
    bottom: unset;
    transform: unset;
    min-width: 300px;
    max-width: 428px;
  }
}

@media (min-width: 960px) {
  .css-h18fww {
    border-radius: 24px;
    max-width: 536px;
    max-height: calc(100% - 120px);
  }
}

@media (min-width: 960px) {
  .css-h18fww {
    bottom: auto;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate3d(-50%, -50%, 0px);
  }
}

.css-h18fww {
  position: absolute;
  left: 0px;
  width: 100%;
  background: #fff;
  bottom: 0px;
  transform: translate3d(0px, 0px, 0px);
  overflow: hidden;
  max-height: calc(100% - 60px);
  border-radius: 224px 24px 0 0;
}

.css-h18fww .confirmation--modalcontainer {
  padding: 24px;
}

@media (min-width: 960px) {
  .css-118o2o0 {
    max-height: calc(-120px + 100vh);
  }
}

@media (min-width: 960px) {
  .css-118o2o0 {
    height: 100%;
    padding: calc(36px + 12px);
  }
}

.css-118o2o0 {
  width: 100%;
  height: 100%;
  padding: 40px 24px 24px 24px;
  scrollbar-width: none;
  overflow: auto;
  max-height: calc(-60px + 100vh);
  display: flex;
  flex-direction: column;
}

.css-1voeis4 {
  overflow-y: auto;
  padding-right: 40px;
  margin-right: -40px;
}

.css-h18fww .button-container-styles .two-up-buttons.vertical {
  grid-template-columns: 1fr;
}

.css-h18fww .close-btn-container {
  position: sticky;
  top: var(--podium-cds-size-spacing-xs);
  right: 1px;
  z-index: 100;
  float: right;
}

.css-1pto8ls.nds-button--icon-only.btn-secondary-dark {
  background-color: #f5f5f5;
}

.css-1pto8ls.nds-button--icon-only.btn-secondary-dark {
  background-color: #f5f5f5;
}

@media (min-width: 600px) {
  .css-1pto8ls.nds-button--icon-only {
    padding: 6px;
  }
}

.css-1pto8ls.nds-button--icon-only {
  width: unset;
  min-height: unset;
  padding: 6px;
}

@media (min-width: 600px) {
  .css-1pto8ls.nds-button--icon-only {
    padding: 6px;
  }
}

.css-1pto8ls.nds-button--icon-only {
  width: unset;
  min-height: unset;
  padding: 6px;
}

.css-1pto8ls {
  font: var(--podium-cds-typography-body1-strong);
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  padding: 6px 16px 6px;
  min-height: 34px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  background: transparent;
  color: var(--main-font-color);
  border: none;
  border-radius: 30px;
  outline: none;
}

.css-h18fww .modal-header-container {
  display: inline-block;
  width: 80%;
}

.d-sm-flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.css-1rhjrcc {
  font: var(--podium-cds-typography-body1-strong);
}

.css-nogfg9 {
  font: var(--podium-cds-typography-body1);
  width: 100%;
}

.pb6-sm {
  padding-bottom: 24px;
}

.pt6-sm {
  padding-top: 24px;
}

.d-sm-flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.css-1oujl2p {
  max-width: 100px;
  /* max-height: 100px; */
  width: 100px;
  /* height: 100px; */
  background: #E5E5E5;
}

.pl3-sm {
  padding-left: 12px;
}

.css-1rhjrcc {
  font: var(--podium-cds-typography-body1-strong);
}

.css-fwd1nn {
  color: var(--podium-cds-color-text-secondary);
}


.css-fwd1nn {
  color: var(--podium-cds-color-text-secondary);
}

.css-e4uzb4 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.css-1m6biot {
  font: var(--podium-cds-typography-body1);
  text-align: start;
  display: inline;
  color: var(--main-font-color);
}


.mr2-sm {
  margin-right: 8px;
}

.css-h18fww .button-container-styles .two-up-buttons.vertical {
  grid-template-columns: 1fr;
}

.css-h18fww .button-container-styles .two-up-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.css-153hayi {
  font: var(--podium-cds-typography-body1-strong);
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 18px 24px;
  width: 100%;
  min-height: 58px;
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: transparent;
  color: var(--main-font-color);
  border: none;
  border-radius: 30px;
  outline: none;
}

.css-7jsinp {
  font: var(--podium-cds-typography-body1-strong);
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  padding: 18px 24px;
  width: 100%;
  min-height: 58px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  background: var(--main-font-color);
  color: #FFF;
  border: none;
  border-radius: 30px;
  outline: none;
}

.css-153hayi::before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 30px;
  border: 1.5px solid #CACACB;
}

.css-7jsinp::before {
  content: "";
  position: absolute;
  inset: 0px;
  border-radius: 30px;
}

.text-color-success {
    color: #007D48;
}

.mr3-sm {
    margin-right: 12px;
}

.css-1pto8ls.nds-button--icon-only.btn-secondary-dark:hover:not(:disabled) {
    background-color: #CACACB;
    border-color: #CACACB;
}

.topcart_title{
  color: var(--main-font-color);
}

@media (hover: hover) {
    .css-153hayi:hover:not(:disabled) {
        background:transparent;
    }
}

@media (hover: hover) {
    .css-153hayi:hover:not(:disabled)::before {
        border-color: var(--main-font-color)
    }
}

@media (hover: hover) {
    .css-7jsinp:hover:not(:disabled) {
        background: #707072;
    }
}