#myPageModal .mp-sale-preview:has(#mpSaleEmpty:not([hidden])) {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner {
  position: relative;
  display: block;
  min-height: 138px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #dcebe5;
  box-shadow: none;
  touch-action: pan-y;
}

:is(#myPageModal, body.mypage-open) .mp-empty-action > span.mp-sale-banner__track:first-child {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  height: 138px;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1);
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide {
  position: relative;
  display: grid;
  width: 100%;
  min-width: 0;
  flex: 0 0 100%;
  grid-template-columns: minmax(0, 1fr) 42%;
  padding: 24px 18px 30px 22px;
  overflow: hidden;
  text-align: left;
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide--mint { background: linear-gradient(125deg, #dcebe5, #edf4f1); color: #173e34; }
:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide--blue { background: linear-gradient(125deg, #dfe9f7, #eef3fa); color: #193a63; }
:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide--sand { background: linear-gradient(125deg, #eee3d1, #f8f2e8); color: #5b3d20; }
:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide--charcoal { background: linear-gradient(125deg, #25302d, #45514d); color: #fff; }
:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide--rose { background: linear-gradient(125deg, #efdddd, #f8eded); color: #613737; }

:is(#myPageModal, body.mypage-open) .mp-sale-banner__copy {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: center;
  gap: 7px;
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner__copy small {
  color: currentColor;
  font-size: 11px;
  font-weight: 800;
  opacity: .72;
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner__copy strong {
  color: currentColor;
  font-size: 19px;
  line-height: 1.35;
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner__copy > span {
  max-width: 210px;
  color: currentColor;
  font-size: 11px;
  line-height: 1.45;
  opacity: .72;
}

:is(#myPageModal, body.mypage-open) .mp-sale-banner__slide > img {
  position: absolute;
  top: 8px;
  right: 2px;
  width: 43%;
  height: 158px;
  object-fit: contain;
  filter: drop-shadow(0 8px 9px rgba(20, 27, 25, .16));
}

@media (max-width: 699px) {
  :is(#myPageModal, body.mypage-open) .mp-sale-banner,
  :is(#myPageModal, body.mypage-open) .mp-empty-action > span.mp-sale-banner__track:first-child {
    min-height: 126px;
    height: 126px;
  }

  :is(#myPageModal, body.mypage-open) .mp-sale-banner__slide { padding: 20px 14px 27px 18px; }
  :is(#myPageModal, body.mypage-open) .mp-sale-banner__copy strong { font-size: 16px; }
  :is(#myPageModal, body.mypage-open) .mp-sale-banner__slide > img { top: 7px; right: -2px; width: 42%; height: 146px; }
}