/* Responsive limited-time event preview for the compiled H5 application. */
uni-view:has(> uni-image > img[src*="tan-hd.png"]) {
  width: min(90vw, 755px, 58vh) !important;
  max-width: none !important;
  padding: 0 !important;
  box-sizing: border-box;
}

uni-image:has(> img[src*="tan-hd.png"]) {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 755 / 1078;
  border-radius: 8px !important;
  overflow: hidden;
}

img[src*="tan-hd.png"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

uni-view:has(> uni-image > img[src*="tan-hd.png"]) > uni-view[style*="position: absolute"] {
  top: 12px !important;
  right: 12px !important;
  width: 40px;
  height: 40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.62);
  border-radius: 50%;
  z-index: 20 !important;
}

uni-view:has(> uni-image > img[src*="tan-hd.png"]) > uni-view[style*="position: absolute"] .u-icon__icon {
  font-size: 30px !important;
}