.shopping-video__product-card {
  display: flex;
  gap: 10px;
  height: 76em;
  padding: 10px;
  background-color: rgb(var(--color-background));
  border-radius: var(--product-card-border-radius, 0);
}

.shopping-video__product-card-image {
  flex-shrink: 0;
  height: 100%;
  aspect-ratio: 1/1;
  background-color: #fff;
}

.shopping-video__product-card-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shopping-video__product-card-title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% - 122em);
  overflow: hidden;
}

.shopping-video__product-card-title {
  display: -webkit-box;
  overflow: hidden;
  line-height: 120%;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shopping-video__product-card-price {
  flex-wrap: nowrap;
}

.shopping-video__product-card-price > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shopping-video__product-card-price > div:nth-child(2) {
  flex: 1;
}

.shopping-video__product-card-price .product-price__sale {
  color: rgb(var(--color-text));
}

.shopping-video__product-card-operate-wrapper {
  display: flex;
  flex-shrink: 0;
  gap: 10px;
  align-items: flex-end;
  margin-inline-start: auto;
}

.shopping-video__product-card-operate-wrapper-icon {
  width: 30em;
  height: 30em;
  color: rgb(var(--color-text));
  cursor: pointer;
}

.shopping-video__product-card-operate-wrapper-icon > svg {
  width: 100%;
  height: 100%;
}

.shopping-video__product-card-operate-wrapper-quick-add {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-text));
  border-radius: 50%;
}

.shopping-video__product-card-operate-wrapper-quick-add > svg {
  position: relative;
  inset-inline-start: 1px;
  width: 18em;
  height: 18em;
}

.shopping-video__product-card-operate-wrapper-quick-add
  .shopping-video__product-card-quick-add-form {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}

.shopping-video__product-card-operate-wrapper-quick-add
  .shopping-video__product-card-quick-add-form
  > button {
  width: 100%;
  height: 100%;
  opacity: 0;
}

.shopping-video__product-card-operate-wrapper-toggle {
  transition: all 0.3s ease-in-out;
}

.shopping-video__product-card-operate-wrapper-toggle--expand {
  transform: rotate(180deg);
}
.shopping-video__product-card-group {
  position: absolute;
  inset-block-end: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-height: 76em;
  overflow: hidden;
  border-start-start-radius: var(--product-card-border-radius, 0);
  border-start-end-radius: var(--product-card-border-radius, 0);
  transition: all 0.3s ease-in-out;
}
.shopping-video__product-card-group > :nth-child(1) {
  order: 1;
}
.shopping-video__product-card-group--under-video {
  background-color: rgb(255 255 255/100%);
}
.shopping-video__product-card-group--above-video {
  background-color: rgb(255 255 255 / 50%);
}
.shopping-video__product-card-group--expand {
  max-height: 100%;
}
.shopping-video__product-video-group {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--product-card-border-radius, 0);
  transition: all 0.3s ease-in-out;
}
.shopping-video__product-video-group--without-transition {
  transition: none;
}
.shopping-video__product-video-group-video--padding-block-end {
  padding-block-end: 76em;
}
.shopping-video__product-video-group-card-group-wrapper {
  width: 100%;
  height: 76em;
  max-height: 76em;
}
.shopping-video__product-video-group-card-group-wrapper--above-video {
  position: absolute;
  inset-block-end: 0;
  height: 100%;
  max-height: 100%;
}
.shopping-video__product-video-group .shopping-video__heading-text {
  font-size: calc(var(--title4-font-size) * var(--base-scale-ratio));
}
.shopping-video__product-video-group
  .shopping-video__product-card-price
  .product-price__sale {
  font-size: calc(var(--body2-font-size) * var(--base-scale-ratio));
}
.shopping-video__product-video-group
  .shopping-video__product-card-price
  .product-price__origin {
  font-size: calc(var(--body5-font-size) * var(--base-scale-ratio));
}
.shopping-video__product-video-group .shopping-video__description-text {
  font-size: calc(var(--body3-font-size) * var(--base-scale-ratio));
}
.shopping-video__product-video-group .shopping-video__product-card-title {
  font-size: calc(var(--body6-font-size) * var(--base-scale-ratio));
}
.shopping-video__product-video-group .button {
  font-size: calc(var(--body2-font-size) * var(--base-scale-ratio));
}
@media (max-width: 959px) {
  .shopping-video__video {
    width: 250em;
  }

  .shopping-video__video-wrapper {
    height: 490em;
  }
}
@media (min-width: 960px) {
  .shopping-video__video {
    width: 320em;
  }

  .shopping-video__video-wrapper {
    height: 533em;
  }
}
.shopping-video__video {
  position: relative;
  overflow: hidden;
  border-radius: var(--product-card-border-radius, 0);
}
.shopping-video__video-wrapper {
  position: relative;
  width: 100%;
  color: #000;
  background-color: #f3f3f3;
}
.shopping-video__video-wrapper-media {
  height: 100%;
}
.shopping-video__video-wrapper-media .theme-video-media {
  width: 100%;
  height: 100%;
}
.shopping-video__video-wrapper-autoplay {
  position: absolute;
}
.shopping-video__video-wrapper-mute {
  display: none;
}
.shopping-video__video-wrapper-mute--active {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 10px;
  z-index: 2;
  display: block;
  width: 36em;
  height: 36em;
}
.shopping-video__video-wrapper-mute--active > svg {
  width: 100%;
  height: 100%;
}
.shopping-video__video-text-group-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
}
.shopping-video__video-text-group-wrapper--full-height {
  height: 100% !important;
}
.shopping-video__video-text-group-wrapper > div {
  height: 100%;
}
.shopping-video__video-text-group-wrapper--float {
  position: absolute;
  inset-block-end: 0;
  z-index: 4;
}
@keyframes shopping-video-progress {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}
.shopping-video__product-video-list-group {
  --base-scale-ratio: 1.1;

  font-size: calc(var(--base-scale-ratio) * 1px);
}
.shopping-video__product-video-list-group theme-carousel {
  display: flex;
}
.shopping-video__product-video-list-group-track-container {
  position: relative;
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 960px) {
  .shopping-video__product-video-list-group-track-container--page {
    padding: 0 44px;
  }
}
.shopping-video__product-video-list-group-track-container-wrapper {
  display: flex;
  align-items: center;
  max-width: 100%;
}
@media (max-width: 959px) {
  .shopping-video__product-video-list-group-track-container-wrapper {
    min-width: 250em;
    padding: 0 12.5px;
  }
}
@media (min-width: 960px) {
  .shopping-video__product-video-list-group-track-container-wrapper {
    min-width: 320em;
    padding: 0 16px;
  }
}
.shopping-video__product-video-list-group-track-container-wrapper > li {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
@media (max-width: 959px) {
  .shopping-video__product-video-list-group-track-container-wrapper > li {
    margin: 0 -12.5px;
  }
}
@media (min-width: 960px) {
  .shopping-video__product-video-list-group-track-container-wrapper > li {
    margin: 0 -16px;
  }
}
.shopping-video__product-video-list-group-track-container-wrapper
  > li
  .shopping-video__product-video-group {
  transform: scale(0.909);
}
.shopping-video__product-video-list-group-track-container-wrapper
  > li.is-active
  .shopping-video__product-video-group,
.shopping-video__product-video-list-group-track-container-wrapper
  > li.zoom
  .shopping-video__product-video-group {
  transform: scale(1);
}
.shopping-video__product-video-list-group-track-container-indicator-pager--pages-arrow
  > button {
  position: absolute;
  inset-block-start: 39%;
  padding: 0;
  background: none;
  border: none;
}
.shopping-video__product-video-list-group-track-container-indicator-pager--pages-arrow
  > button[name="previous"] {
  inset-inline-start: 0;
  transform: rotate(180deg);
}
.shopping-video__product-video-list-group-track-container-indicator-pager--pages-arrow
  > button[name="next"] {
  inset-inline-end: 0;
}
.shopping-video__product-video-list-group-track-indicator {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.shopping-video__product-video-list-group-track-indicator-pager--progresses {
  display: flex;
  gap: 10px;
  justify-content: center;
  width: 100%;
}
.shopping-video__product-video-list-group-track-indicator-pager--progress {
  display: block;
  width: 120px;
  height: 6px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  background-color: rgb(var(--color-text), 50%);
  border: 0;
}
.shopping-video__product-video-list-group-track-indicator-pager--progress.is-active {
  opacity: 1;
}
.shopping-video__product-video-list-group-track-indicator-pager--progress.is-active
  .shopping-video__product-video-list-group-track-indicator-pager--progress-inner {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-text));
  animation: shopping-video-progress 0s linear forwards;
}
.shopping-video__product-video-list-group-track-indicator-pager--arrows {
  display: flex;
  gap: 8px;
}
.shopping-video__product-video-list-group-track-indicator-pager--arrows
  > button {
  background: none;
  border: none;
}
.shopping-video__product-video-list-group-track-indicator-pager--arrows
  > button
  > svg {
  width: 40px;
  height: 40px;
}
.shopping-video__product-video-list-group-track-indicator-pager--arrow-icon--previous {
  transform: rotate(90deg);
}
.shopping-video__product-video-list-group-track-indicator-pager--arrow-icon--next {
  transform: rotate(-90deg);
}
.shopping-video__product-video-list-group-track-indicator-pager--pages {
  width: 4ch;
  font-weight: bold;
}
.shopping-video__product-text-group {
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.shopping-video__product-text-group--float .shopping-video__heading,
.shopping-video__product-text-group--float .shopping-video__description {
  color: #fff;
}
.shopping-video__product-text-group--normal {
  background-color: rgb(var(--color-background));
}
.shopping-video__product-text-group--normal .shopping-video__heading,
.shopping-video__product-text-group--normal .shopping-video__description {
  color: rgb(var(--color-text));
}
.shopping-video-section {
  overflow: auto;
  background-color: rgb(var(--color-background));
}
@media (max-width: 959px) {
  .shopping-video-section {
    padding: 0;
  }
}
.shopping-video-section-wrapper {
  max-width: 100%;
}
.shopping-video-section-wrapper__video-list-group-wrapper {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}