.commerce-voucherify-invite-referral-popup {
  display: none;
}
.commerce-voucherify-invite-referral-popup.ui-dialog-content {
  display: block;
}
.commerce-voucherify-invite-referral-popup.ui-widget-content a {
  color: #288dea;
}
.commerce-voucherify-invite-referral-popup.ui-widget-content a:hover {
  color: #2071bb;
}
.commerce-voucherify-invite-referral-popup.ui-widget-content .btn-primary {
  color: #fff;
}
.commerce-voucherify-invite-referral-popup.ui-widget-content .btn-primary:hover, .commerce-voucherify-invite-referral-popup.ui-widget-content .btn-primary:active, .commerce-voucherify-invite-referral-popup.ui-widget-content .btn-primary:focus {
  color: #fff;
}
.commerce-voucherify-invite-referral-popup.ui-widget-content .btn-primary:disabled,
.commerce-voucherify-invite-referral-popup.ui-widget-content .btn-primary .disabled {
  color: #fff;
}
.commerce-voucherify-invite-referral-popup .col-title-image,
.commerce-voucherify-invite-referral-popup .col-description {
  padding: 40px;
}
@media (min-width: 1026px) {
  .commerce-voucherify-invite-referral-popup .col-title-image,
.commerce-voucherify-invite-referral-popup .col-description {
    padding: 80px 64px;
  }
}
.commerce-voucherify-invite-referral-popup .col-title-image {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-bottom: 0 !important;
}
.commerce-voucherify-invite-referral-popup .col-title-image img {
  margin: auto auto 0;
}
@media (min-width: 743px) {
  .commerce-voucherify-invite-referral-popup .col-title-image img {
    max-width: calc(100% + 64px);
    margin: auto -32px 0;
  }
}
.commerce-voucherify-invite-referral-popup .col-description {
  font-size: 12px;
}
@media (min-width: 1026px) {
  .commerce-voucherify-invite-referral-popup .col-description {
    font-size: 13px;
  }
}
.commerce-voucherify-invite-referral-popup .col-description h4 {
  font-weight: 600;
}
.commerce-voucherify-invite-referral-popup .col-description li {
  text-align: left;
  margin: 16px 0 0 0;
}
.commerce-voucherify-invite-referral-popup .col-description ul {
  list-style: none;
  margin: 0 0 32px;
  padding: 0;
}
.commerce-voucherify-invite-referral-popup .col-description ul li {
  position: relative;
  padding-left: 34px;
}
.commerce-voucherify-invite-referral-popup .col-description ul li::before {
  position: absolute;
  top: -2px;
  left: 0;
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url("/themes/custom/dcom_theme/images/icon/list-checked-circle.svg") center/contain no-repeat;
}
.commerce-voucherify-invite-referral-popup .col-description ol {
  padding-left: 1rem;
}
.commerce-voucherify-invite-referral-popup .col-description ol li::marker {
  position: relative;
  left: -5px;
}
.commerce-voucherify-invite-referral-popup .col-description .btn {
  display: block;
  margin: 56px auto 24px;
}
@media (min-width: 743px) {
  .commerce-voucherify-invite-referral-popup .col-description .btn {
    max-width: 196px;
  }
}
@media (min-width: 1026px) {
  .commerce-voucherify-invite-referral-popup .col-description .btn {
    margin: 72px auto 40px;
  }
}
.commerce-voucherify-invite-referral-popup .col-description p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1026px) {
  .commerce-voucherify-invite-referral-popup .col-description p:last-child br {
    display: none;
  }
}

.commerce-pwa-install-popup .col-title-image {
  padding: 0;
  justify-content: flex-end;
  background-color: #fff;
}
@media (max-width: 742.98px) {
  .commerce-pwa-install-popup .col-title-image {
    height: 285px;
  }
}
.commerce-pwa-install-popup .col-title-image img {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 742.98px) {
  .commerce-pwa-install-popup .col-title-image img {
    max-width: 285px;
  }
}
.commerce-pwa-install-popup .col-description {
  display: flex;
  flex-direction: column;
}
@media (max-width: 742.98px) {
  .commerce-pwa-install-popup .col-description {
    height: calc(100% - 285px);
    padding-top: 20px;
    padding-bottom: 15px;
  }
}
.commerce-pwa-install-popup .col-description .btn {
  width: 100%;
}
@media (min-width: 1026px) {
  .commerce-pwa-install-popup .col-description .btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 742.98px) {
  .commerce-pwa-install-popup .col-description .btn {
    margin-top: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 742.98px) {
  .commerce-pwa-install-popup .col-description ul {
    margin-bottom: 0;
  }
}
.commerce-pwa-install-popup .steps {
  margin-bottom: auto;
}
.commerce-pwa-install-popup .steps-dots {
  display: flex;
  margin: -5px auto 0;
  justify-content: center;
  gap: 10px;
}
.commerce-pwa-install-popup [class*=steps-dots__dot] {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9b9b9b;
}
.commerce-pwa-install-popup [class*=steps-dots__dot].is-active {
  background-color: #58a856;
}

div.ui-pwa-popup {
  height: 100vh;
  background-color: #f5f5f6;
}
div.ui-pwa-popup .ui-widget-content {
  height: 100% !important;
}
div.ui-pwa-popup .ui-widget-content > .container {
  height: 100%;
}
div.ui-pwa-popup .ui-widget-content > .container > .row {
  height: 100%;
  align-content: space-between;
}

div.ui-reward-popup .ui-dialog-titlebar-close:focus-visible,
div.ui-pwa-popup .ui-dialog-titlebar-close:focus-visible {
  outline: none;
}
div.ui-reward-popup .ui-dialog-titlebar-close .ui-icon,
div.ui-pwa-popup .ui-dialog-titlebar-close .ui-icon {
  width: 16px;
  height: 17px;
}