.event-detail-panel.event-detail-panel--seven-day {
  width: max-content;
  max-width: min(100%, calc(100vw - 32px));
  max-height: none;
  overflow: visible;
  margin: 0;
  justify-self: center;
}
#eventSevenDayRoot {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  overflow: visible;
}
.event-seven-day-slot {
  position: relative;
  display: block;
  margin: 0 auto;
  overflow: visible;
  line-height: 0;
  box-sizing: border-box;
}
.event-seven-day {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  transform-origin: top left;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
}
.event-seven-day .zcls-bg {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
  user-select: none;
}
.event-seven-day .zcls-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.event-seven-day .zcls-grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  pointer-events: auto;
  overflow: visible;
}
.event-seven-day .zcls-ui-piece {
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.event-seven-day .zcls-box-piece {
  z-index: auto;
}
.event-seven-day .zcls-status-piece {
  z-index: 2;
}
.event-seven-day .zcls-day-lbl,
.event-seven-day .zcls-day-amt {
  z-index: 3;
}
.event-seven-day .zcls-recharge-wrap {
  z-index: 4;
}
.event-seven-day .zcls-day-lbl {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  font-size: var(--zcls-label-fs, 17px);
  font-weight: 800;
  line-height: 1.1;
  color: #d63232;
  text-align: center;
  letter-spacing: 0.02em;
}
.event-seven-day .zcls-ui--d7.zcls-day-lbl {
  font-size: var(--zcls-label-fs-d7, 18px);
}
.event-seven-day .zcls-day-amt {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  font-size: var(--zcls-amt-fs, 15px);
  font-weight: 800;
  line-height: 1.1;
  color: #d63232;
  text-align: center;
}
.event-seven-day .zcls-ui--d7.zcls-day-amt {
  font-size: var(--zcls-amt-fs-d7, 16px);
}
.event-seven-day .zcls-day-amt--hidden,
.event-seven-day .zcls-day-amt[hidden] {
  display: none !important;
}
.event-seven-day .zcls-ui--gray.zcls-day-lbl,
.event-seven-day .zcls-ui--gray.zcls-day-amt {
  color: #9a9a9a;
}
.event-seven-day .zcls-box-piece {
  display: block;
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  cursor: default;
  font: inherit;
  line-height: 0;
  overflow: visible;
}
.event-seven-day .zcls-box-piece--claimable {
  cursor: pointer;
}
.event-seven-day .zcls-box-piece--claimable:active {
  opacity: 1;
}
.event-seven-day .zcls-box {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
  vertical-align: bottom;
}
.event-seven-day .zcls-claimed-stamp {
  display: none;
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  width: 78%;
  height: auto;
  max-width: none;
  object-fit: contain;
  pointer-events: none;
  z-index: 4;
}
.event-seven-day .zcls-ui--d7.zcls-box-piece .zcls-claimed-stamp {
  width: 40%;
}
.event-seven-day .zcls-box-piece--claimed .zcls-claimed-stamp {
  display: block;
}
.event-seven-day .zcls-ui--gray .zcls-box {
  filter: grayscale(1) saturate(0.35);
}
.event-seven-day .zcls-status-piece {
  display: inline-block;
  width: auto;
  height: auto;
  pointer-events: none;
  line-height: 0;
  overflow: visible;
  position: absolute;
}
.event-seven-day .zcls-status-bg {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
  user-select: none;
}
.event-seven-day .zcls-status-txt {
  position: absolute;
  left: 6%;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: var(--zcls-status-fs, 12px);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
  text-align: center;
  white-space: nowrap;
}
.event-seven-day .zcls-ui--d7 .zcls-status-txt {
  font-size: var(--zcls-status-fs-d7, 13px);
}
.event-seven-day .zcls-status--claimable .zcls-status-txt {
  color: #fff;
}
.event-seven-day .zcls-status--done .zcls-status-txt {
  color: #fff;
}
.event-seven-day .zcls-status--muted .zcls-status-bg {
  filter: grayscale(1) saturate(0.35);
}
.event-seven-day .zcls-status--muted .zcls-status-txt {
  color: #fff;
}
.event-seven-day .zcls-recharge-wrap {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  line-height: 0;
}
.event-seven-day .zcls-recharge-wrap--active:active {
  opacity: 1;
}
.event-seven-day .zcls-recharge-wrap--disabled {
  cursor: default;
  pointer-events: none;
  opacity: 1;
}
.event-seven-day .zcls-recharge-wrap--disabled .zcls-recharge-img {
  filter: grayscale(1);
  opacity: 1;
}
.event-seven-day .zcls-recharge-img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
}