/* Compact Kuponya launcher and its embedded game. */
#ylKuponyaLaunchModal .yl-kuponya-launch-dialog {
  width: min(960px, calc(100vw - 2rem));
  max-width: min(960px, calc(100vw - 2rem));
  height: min(660px, calc(100dvh - 2rem));
  min-height: 0;
  margin: max(1rem, calc((100dvh - 660px) / 2)) auto;
}
#ylKuponyaLaunchModal .modal-content {
  height: 100%;
  max-height: 100%;
  border-radius: var(--yl-theme-radius, 9px);
}
#ylKuponyaLaunchModal .modal-body {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
#ylKuponyaLaunchFrame {
  flex: 1 1 auto;
  height: 100% !important;
  min-height: 0;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-topbar {
  flex-shrink: 0;
  gap: 10px;
  min-height: 56px;
  padding: 8px 10px;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-logo-box {
  min-width: 0;
  max-width: 120px;
  height: 36px;
  padding: 4px 6px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: var(--yl-theme-radius, 9px);
  box-shadow: none;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-logo {
  max-height: 26px;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-title {
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.35;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-pref {
  gap: 5px;
  padding: 5px 7px;
  font-size: .6875rem;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-pref-input {
  width: 13px;
  height: 13px;
}
#ylKuponyaLaunchModal .yl-kuponya-launch-close {
  width: 32px;
  height: 32px;
  border-width: 1px;
  border-radius: var(--yl-theme-radius, 9px);
  font-size: 1.5rem;
}
body.yl-embed-mode {
  --yl-wide-zoom: 1 !important;
}
body.yl-embed-mode .yl-wide-zoom-root {
  zoom: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.yl-embed-mode .yl-kuponya-page-root-embed {
  padding: 10px;
  font-size: .8125rem;
}
body.yl-embed-mode .yl-kuponya-content-row-embed {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr);
  gap: 12px;
  margin: 0;
}
body.yl-embed-mode .yl-kuponya-wheel-col-embed,
body.yl-embed-mode .yl-kuponya-side-col-embed {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
body.yl-embed-mode .yl-wheel-card-embed > .card-body,
body.yl-embed-mode .yl-kuponya-side-card-embed > .card-body {
  padding: 12px !important;
}
body.yl-embed-mode .yl-wheel-card-embed > .card-footer {
  padding: 0 12px 12px !important;
}
body.yl-embed-mode .yl-ladybug-stage {
  container-type: inline-size;
  width: 100%;
  height: clamp(300px, calc(100dvh - 125px), 420px);
  border-radius: var(--yl-theme-radius, 9px);
}
body.yl-embed-mode .yl-frog-hunter {
  left: 0;
  width: clamp(100px, 28cqw, 160px);
}
body.yl-embed-mode .yl-frog-tongue {
  height: 8px;
}
body.yl-embed-mode .yl-ladybug-leaf {
  width: clamp(60px, 20cqw, 110px);
  height: clamp(38px, 12cqw, 68px);
  font-size: clamp(.62rem, 2.4cqw, .8125rem);
}
body.yl-embed-mode .yl-ladybug-bug {
  width: 38px;
  height: 38px;
}
body.yl-embed-mode .yl-ladybug-wing {
  width: 21px;
  height: 26px;
}
body.yl-embed-mode .yl-coupon-wheel {
  width: min(360px, 100%, calc(100dvh - 160px));
  height: auto;
  border-width: 10px;
}
body.yl-embed-mode .yl-coupon-wheel-label {
  min-width: 68px;
  font-size: .8125rem;
}
body.yl-embed-mode .yl-coupon-wheel-center {
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  border-width: 4px;
}
body.yl-embed-mode .yl-coupon-wheel-center-icon {
  width: 34px;
  height: 34px;
}
body.yl-embed-mode #ylCouponSpinBtn {
  min-height: 38px;
  padding: 8px 14px !important;
  font-size: .8125rem;
}
body.yl-embed-mode .yl-wheel-result-box {
  min-height: 36px;
  padding: 7px 9px;
  font-size: .75rem;
}
body.yl-embed-mode .yl-wheel-result-amount {
  font-size: .875rem;
}
body.yl-embed-mode .yl-kuponya-side-card-embed h3 {
  font-size: .875rem;
}
body.yl-embed-mode .yl-kuponya-vouchers {
  margin-top: 16px !important;
}
body.yl-embed-mode .yl-kuponya-vouchers-title {
  font-size: .8125rem;
}
body.yl-embed-mode .yl-kuponya-voucher-empty,
body.yl-embed-mode .yl-kuponya-voucher-item {
  padding: 10px;
  border-radius: var(--yl-theme-radius, 9px);
  font-size: .75rem;
}
#ylCouponWheelResultModal .modal-dialog {
  width: min(380px, calc(100vw - 2rem));
  max-width: min(380px, calc(100vw - 2rem));
  margin-right: auto;
  margin-left: auto;
}
#ylCouponWheelResultModal .modal-content {
  max-height: calc(100dvh - 2rem);
  overflow: hidden;
}
#ylCouponWheelResultModal .yl-coupon-modal-brand {
  padding: 12px;
}
#ylCouponWheelResultModal .yl-coupon-modal-brand img {
  max-width: 160px;
  max-height: 36px;
}
#ylCouponWheelResultModal .modal-header,
#ylCouponWheelResultModal .modal-footer {
  padding: 10px 14px;
  flex-shrink: 0;
}
#ylCouponWheelResultModal .modal-title {
  font-size: 1rem;
}
#ylCouponWheelResultModal .modal-body {
  padding: 16px;
  overflow-y: auto;
}
#ylCouponWheelResultModal #ylCouponWheelResultValue {
  font-size: .9375rem !important;
}
#ylCouponWheelResultModal .modal-footer .btn {
  min-height: 36px;
  padding: 7px 20px !important;
  font-size: .8125rem;
}
@media (max-width: 700px) {
  body.yl-embed-mode .yl-kuponya-content-row-embed {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 575.98px) {
  #ylKuponyaLaunchModal .yl-kuponya-launch-dialog {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    height: min(660px, calc(100dvh - 16px));
    margin: max(8px, calc((100dvh - 660px) / 2)) auto;
  }
  #ylKuponyaLaunchModal .yl-kuponya-launch-logo-box {
    max-width: 76px;
    height: 30px;
    padding: 3px;
  }
  #ylKuponyaLaunchModal .yl-kuponya-launch-logo {
    max-height: 22px;
  }
  #ylKuponyaLaunchModal .yl-kuponya-launch-title {
    font-size: .75rem;
  }
  body.yl-embed-mode .yl-kuponya-page-root-embed {
    padding: 8px;
  }
  body.yl-embed-mode .yl-ladybug-stage {
    height: 340px;
  }
}