section.event-timesale-component {
  background-color: #f6f6f6;
  padding: 1.6rem 0;
}

.event-timesale-header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  margin: 2rem 0 1.4rem;
  font-family: hs, SpoqaHanSansNeo;
  line-height: 2.7rem;
  letter-spacing: -0.1rem;
  font-size: 1.3rem;
}

.event-timesale-title {
  font-size: 2.4rem;
  font-weight: bold;
}

.event-timesale-badge {
  position: absolute;
  background-color: #122f5c;
  color: #fff;
  width: 3.8rem;
  height: 3.8rem;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Lato';
  font-size: 1.3rem;
  font-weight: bold;
}

.event-timesale-card {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  margin: 0 0.6rem;
  position: relative;
  background-color: #fff;
  padding: 0 0.4rem;
  box-shadow: 0 3px 8px 1px rgba(96, 96, 96, 0.16);
  height: 29rem;
}

.event-timesale-image {
  width: 60%;
  height:16.29rem;
  margin: auto 0;
}

.event-timesale-image picture {
  display:flex;
  align-items:center;
  height:100%;
}

.event-timesale-image picture img {
  width:auto;
  margin:0 auto;
}

.event-timesale-goods-info {
  width: 85%;
  margin-bottom: 1.6rem;
  padding-left: 0.4rem;
}

.event-timesale-goods-info .brandnm, .event-timesale-goods-info .goodsnm {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.event-timesale-goods-info .brandnm {
  font-family: 'Lato';
  font-weight: 800;
  font-size: 1.4rem;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.event-timesale-goods-info .goodsnm {
  font-famliy: 'noto';
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 1.2rem;
}

section.event-timesale-component .price-info {
  font-family: SpoqaHanSansNeo!important;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

section.event-timesale-component .price-info .goods-price {
  font-weight: 800;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 0.4rem;
}

section.event-timesale-component .price-info .soldout {
  font-weight: bold;
  font-size: 1.3rem;
  color: #0b132a;
}

section.event-timesale-component .price-info .consumer-price {
  color: #999;
  text-decoration: line-through;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

section.event-timesale-component .stock-info {
  width: fit-content;
  background-color: #faedf3;
  border-radius: 0.2rem;
  padding: 0.2rem;
  color: #d32f65;
  font-family: SpoqaHanSansNeo;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 0.4rem 0;
  display: inline-block;
}

section.event-timesale-component .stock-info:first-child {
  margin-right: 0.3rem;
}

section.event-timesale-component .stock-info.oneday-delivery-badge {
  background-color: #e6eaf1;
  color: #122f5c;
}

section.event-timesale-component .stock-info.hide {
  visibility: hidden;
  display: none;
}

section.event-timesale-component .swiper-slide {
  width: 70%;
}

section.event-timesale-component .swiper-slide.default {
  height: 29rem;
  background-color: #f6f6f6;
}

section.event-timesale-component .swiper-container {
  padding-bottom: 8px;
}

.event-timesale-footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin: 1.6rem 0;
}

.event-timesale-pagination-img-wrapper {
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.event-timesale-pagination-img-wrapper > svg{
  stroke: #000000;
}

.event-timesale-pagination-text {
  font-size: 1.4rem;
  font-family: Lato;
  font-weight: 300;
}

.event-timesale-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 2rem;
}

.event-timesale-timer > p {
  letter-spacing: -0.15rem;
  display: flex;
  align-items: center;
}

.event-timesale-timer * {
  color: black;
}

.event-timesale-timer > p .timer-text:after {
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: absolute;
  content: '';
}

.event-timesale-timer > p .timer-text {
  font-family: 'Lato' !important;
  color: white;
  padding: 0.25rem 0.6rem;
  border-radius: 0.2rem;
  font-size: 3rem;
  font-weight: bold;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  position: relative;
}

.event-timesale-timer .timer-text.first {
  margin-right: 0.4rem;
}

.event-timesale-timer .timer-text {
  background-color: #0b132a;
}

.event-timesale-timer .colon {
  font-weight: bold;
  font-size: 2.4rem;
  margin: 0 0.2rem;
  color: #0b132a;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
}

.event-timesale-timer .colon.blink {
  color: white;
}

.event-timesale-soldout-tape {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: fit-content;
}