.rcm-nb,
.rcm-nb-reopen {
  --rcm-nb-title-size: var(--rcm-nb-desktop-title-size);
  --rcm-nb-message-1-size: var(--rcm-nb-desktop-message-1-size);
  --rcm-nb-message-1-line: var(--rcm-nb-desktop-message-1-line);
  --rcm-nb-message-2-size: var(--rcm-nb-desktop-message-2-size);
  --rcm-nb-message-2-line: var(--rcm-nb-desktop-message-2-line);
  --rcm-nb-message-3-size: var(--rcm-nb-desktop-message-3-size);
  --rcm-nb-message-3-line: var(--rcm-nb-desktop-message-3-line);
  --rcm-nb-text-size: var(--rcm-nb-desktop-text-size);
  --rcm-nb-line: var(--rcm-nb-desktop-line);
  --rcm-nb-btn-size: var(--rcm-nb-desktop-btn-size);
  --rcm-nb-btn-size-hover: var(--rcm-nb-desktop-btn-size-hover);
  --rcm-nb-btn-w: var(--rcm-nb-desktop-btn-w);
  --rcm-nb-btn-h: var(--rcm-nb-desktop-btn-h);
  --rcm-nb-btn-x: var(--rcm-nb-desktop-btn-x);
  --rcm-nb-btn-y: var(--rcm-nb-desktop-btn-y);
  --rcm-nb-img-scale: var(--rcm-nb-desktop-img-scale);
  --rcm-nb-img-x: var(--rcm-nb-desktop-img-x);
  --rcm-nb-img-y: var(--rcm-nb-desktop-img-y);
  --rcm-nb-close-size: var(--rcm-nb-desktop-close-size);
  --rcm-nb-close-size-hover: var(--rcm-nb-desktop-close-size-hover);
  --rcm-nb-close-icon: var(--rcm-nb-desktop-close-icon);
  --rcm-nb-close-icon-hover: var(--rcm-nb-desktop-close-icon-hover);
  --rcm-nb-close-x: var(--rcm-nb-desktop-close-x);
  --rcm-nb-close-y: var(--rcm-nb-desktop-close-y);
  --rcm-nb-reopen-size: var(--rcm-nb-desktop-reopen-size);
  --rcm-nb-reopen-size-hover: var(--rcm-nb-desktop-reopen-size-hover);
  --rcm-nb-reopen-w: var(--rcm-nb-desktop-reopen-w);
  --rcm-nb-reopen-h: var(--rcm-nb-desktop-reopen-h);
  --rcm-nb-reopen-x: var(--rcm-nb-desktop-reopen-x);
  --rcm-nb-reopen-y: var(--rcm-nb-desktop-reopen-y);
}

.rcm-nb {
  position: relative;
  width: 100%;
  min-height: 120px;
  box-sizing: border-box;
  background: var(--rcm-nb-bg);
  color: var(--rcm-nb-text);
  z-index: var(--rcm-nb-z);
  overflow: visible;
}

.rcm-nb.is-transparent { background: transparent; }
.rcm-nb.is-fixed { position: fixed; left: 0; }
.rcm-nb-top { top: 0; }
.rcm-nb-bottom { bottom: 0; }
.rcm-nb[hidden], .rcm-nb-reopen[hidden] { display: none !important; }

.rcm-nb-inner {
  position: relative;
  width: 100%;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 18px 84px;
}

.rcm-nb-content {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  width: min(1180px, 92vw);
  margin: 0 auto;
  text-align: var(--rcm-nb-align);
}

.rcm-nb-title {
  display: block;
  width: 100%;
  color: var(--rcm-nb-title-color);
  font-family: var(--rcm-nb-title-font);
  font-size: var(--rcm-nb-title-size);
  font-weight: var(--rcm-nb-title-weight);
  font-style: var(--rcm-nb-title-style);
  line-height: 1.15;
  text-align: var(--rcm-nb-title-align);
}

.rcm-nb-text {
  width: 100%;
}

.rcm-nb-text-1 {
  color: var(--rcm-nb-message-1-color);
  font-family: var(--rcm-nb-message-1-font);
  font-size: var(--rcm-nb-message-1-size);
  font-weight: var(--rcm-nb-message-1-weight);
  font-style: var(--rcm-nb-message-1-style);
  line-height: var(--rcm-nb-message-1-line);
  text-align: var(--rcm-nb-message-1-align);
}

.rcm-nb-text-2 {
  color: var(--rcm-nb-message-2-color);
  font-family: var(--rcm-nb-message-2-font);
  font-size: var(--rcm-nb-message-2-size);
  font-weight: var(--rcm-nb-message-2-weight);
  font-style: var(--rcm-nb-message-2-style);
  line-height: var(--rcm-nb-message-2-line);
  text-align: var(--rcm-nb-message-2-align);
}

.rcm-nb-text-3 {
  color: var(--rcm-nb-message-3-color);
  font-family: var(--rcm-nb-message-3-font);
  font-size: var(--rcm-nb-message-3-size);
  font-weight: var(--rcm-nb-message-3-weight);
  font-style: var(--rcm-nb-message-3-style);
  line-height: var(--rcm-nb-message-3-line);
  text-align: var(--rcm-nb-message-3-align);
}

.rcm-nb-text p { margin: 0 0 .35em; }
.rcm-nb-text p:last-child { margin-bottom: 0; }

.rcm-nb-image-link,
.rcm-nb-inner > .rcm-nb-image {
  position: absolute;
  z-index: 1;
  display: block;
  width: var(--rcm-nb-img-scale);
  max-width: none;
  height: auto;
  pointer-events: none;
}

.rcm-nb-image-link { pointer-events: auto; }
.rcm-nb-image-link .rcm-nb-image,
.rcm-nb-inner > .rcm-nb-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}

.rcm-nb-image-anchor-top-left .rcm-nb-image-link,
.rcm-nb-image-anchor-top-left .rcm-nb-inner > .rcm-nb-image {
  left: var(--rcm-nb-img-x); top: var(--rcm-nb-img-y); transform: none;
}
.rcm-nb-image-anchor-top-center .rcm-nb-image-link,
.rcm-nb-image-anchor-top-center .rcm-nb-inner > .rcm-nb-image {
  left: calc(50% + var(--rcm-nb-img-x)); top: var(--rcm-nb-img-y); transform: translateX(-50%);
}
.rcm-nb-image-anchor-top-right .rcm-nb-image-link,
.rcm-nb-image-anchor-top-right .rcm-nb-inner > .rcm-nb-image {
  right: var(--rcm-nb-img-x); top: var(--rcm-nb-img-y); transform: none;
}
.rcm-nb-image-anchor-center-left .rcm-nb-image-link,
.rcm-nb-image-anchor-center-left .rcm-nb-inner > .rcm-nb-image {
  left: var(--rcm-nb-img-x); top: calc(50% + var(--rcm-nb-img-y)); transform: translateY(-50%);
}
.rcm-nb-image-anchor-center .rcm-nb-image-link,
.rcm-nb-image-anchor-center .rcm-nb-inner > .rcm-nb-image {
  left: calc(50% + var(--rcm-nb-img-x)); top: calc(50% + var(--rcm-nb-img-y)); transform: translate(-50%, -50%);
}
.rcm-nb-image-anchor-center-right .rcm-nb-image-link,
.rcm-nb-image-anchor-center-right .rcm-nb-inner > .rcm-nb-image {
  right: var(--rcm-nb-img-x); top: calc(50% + var(--rcm-nb-img-y)); transform: translateY(-50%);
}
.rcm-nb-image-anchor-bottom-left .rcm-nb-image-link,
.rcm-nb-image-anchor-bottom-left .rcm-nb-inner > .rcm-nb-image {
  left: var(--rcm-nb-img-x); bottom: calc(0px - var(--rcm-nb-img-y)); transform: none;
}
.rcm-nb-image-anchor-bottom-center .rcm-nb-image-link,
.rcm-nb-image-anchor-bottom-center .rcm-nb-inner > .rcm-nb-image {
  left: calc(50% + var(--rcm-nb-img-x)); bottom: calc(0px - var(--rcm-nb-img-y)); transform: translateX(-50%);
}
.rcm-nb-image-anchor-bottom-right .rcm-nb-image-link,
.rcm-nb-image-anchor-bottom-right .rcm-nb-inner > .rcm-nb-image {
  right: var(--rcm-nb-img-x); bottom: calc(0px - var(--rcm-nb-img-y)); transform: none;
}

.rcm-nb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rcm-nb-btn-w);
  height: var(--rcm-nb-btn-h);
  padding: 0 20px;
  border-style: solid !important;
  border-width: var(--rcm-nb-btn-border-width) !important;
  border-color: var(--rcm-nb-btn-border) !important;
  border-radius: var(--rcm-nb-btn-radius) !important;
  background: var(--rcm-nb-btn-bg) !important;
  color: var(--rcm-nb-btn-text) !important;
  font-family: var(--rcm-nb-btn-font) !important;
  font-size: var(--rcm-nb-btn-size) !important;
  font-weight: var(--rcm-nb-btn-weight) !important;
  font-style: var(--rcm-nb-btn-style) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap;
  z-index: 6;
  appearance: none;
  -webkit-appearance: none;
  scale: 1;
  transition:
    background-color var(--rcm-nb-btn-transition) ease,
    color var(--rcm-nb-btn-transition) ease,
    border-color var(--rcm-nb-btn-transition) ease,
    border-width var(--rcm-nb-btn-transition) ease,
    border-radius var(--rcm-nb-btn-transition) ease,
    font-size var(--rcm-nb-btn-transition) ease,
    scale var(--rcm-nb-btn-transition) ease !important;
}
.rcm-nb-button:hover,
.rcm-nb-button:focus {
  background: var(--rcm-nb-btn-bg-hover) !important;
  color: var(--rcm-nb-btn-text-hover) !important;
  border-color: var(--rcm-nb-btn-border-hover) !important;
  border-width: var(--rcm-nb-btn-border-width-hover) !important;
  border-radius: var(--rcm-nb-btn-radius-hover) !important;
  font-family: var(--rcm-nb-btn-font-hover) !important;
  font-size: var(--rcm-nb-btn-size-hover) !important;
  font-weight: var(--rcm-nb-btn-weight-hover) !important;
  font-style: var(--rcm-nb-btn-style-hover) !important;
  text-decoration: none !important;
  filter: none !important;
  scale: var(--rcm-nb-btn-hover-scale);
}
.rcm-nb-button:focus-visible {
  outline: 3px solid rgba(255,255,255,.85);
  outline-offset: 3px;
}

.rcm-nb-button-pos-flow .rcm-nb-button { position: relative; transform: translate(var(--rcm-nb-btn-x), var(--rcm-nb-btn-y)); }
.rcm-nb-button-pos-top-left .rcm-nb-button,
.rcm-nb-button-pos-top-center .rcm-nb-button,
.rcm-nb-button-pos-top-right .rcm-nb-button,
.rcm-nb-button-pos-center-left .rcm-nb-button,
.rcm-nb-button-pos-center .rcm-nb-button,
.rcm-nb-button-pos-center-right .rcm-nb-button,
.rcm-nb-button-pos-bottom-left .rcm-nb-button,
.rcm-nb-button-pos-bottom-center .rcm-nb-button,
.rcm-nb-button-pos-bottom-right .rcm-nb-button { position: absolute; }
.rcm-nb-button-pos-top-left .rcm-nb-button { left: var(--rcm-nb-btn-x); top: var(--rcm-nb-btn-y); }
.rcm-nb-button-pos-top-center .rcm-nb-button { left: calc(50% + var(--rcm-nb-btn-x)); top: var(--rcm-nb-btn-y); transform: translateX(-50%); }
.rcm-nb-button-pos-top-right .rcm-nb-button { right: var(--rcm-nb-btn-x); top: var(--rcm-nb-btn-y); }
.rcm-nb-button-pos-center-left .rcm-nb-button { left: var(--rcm-nb-btn-x); top: calc(50% + var(--rcm-nb-btn-y)); transform: translateY(-50%); }
.rcm-nb-button-pos-center .rcm-nb-button { left: calc(50% + var(--rcm-nb-btn-x)); top: calc(50% + var(--rcm-nb-btn-y)); transform: translate(-50%, -50%); }
.rcm-nb-button-pos-center-right .rcm-nb-button { right: var(--rcm-nb-btn-x); top: calc(50% + var(--rcm-nb-btn-y)); transform: translateY(-50%); }
.rcm-nb-button-pos-bottom-left .rcm-nb-button { left: var(--rcm-nb-btn-x); bottom: var(--rcm-nb-btn-y); }
.rcm-nb-button-pos-bottom-center .rcm-nb-button { left: calc(50% + var(--rcm-nb-btn-x)); bottom: var(--rcm-nb-btn-y); transform: translateX(-50%); }
.rcm-nb-button-pos-bottom-right .rcm-nb-button { right: var(--rcm-nb-btn-x); bottom: var(--rcm-nb-btn-y); }

.rcm-nb-close {
  position: absolute;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rcm-nb-close-size);
  height: var(--rcm-nb-close-size);
  min-width: 0;
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  border-style: solid !important;
  border-width: var(--rcm-nb-close-border-width) !important;
  border-color: var(--rcm-nb-close-border) !important;
  border-radius: var(--rcm-nb-close-radius) !important;
  background: var(--rcm-nb-close-bg) !important;
  color: var(--rcm-nb-close-color) !important;
  line-height: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  scale: 1;
  transition:
    width var(--rcm-nb-close-transition) ease,
    height var(--rcm-nb-close-transition) ease,
    background-color var(--rcm-nb-close-transition) ease,
    color var(--rcm-nb-close-transition) ease,
    border-color var(--rcm-nb-close-transition) ease,
    border-width var(--rcm-nb-close-transition) ease,
    border-radius var(--rcm-nb-close-transition) ease,
    scale var(--rcm-nb-close-transition) ease !important;
}
.rcm-nb-close-icon {
  display: block;
  width: var(--rcm-nb-close-icon);
  height: var(--rcm-nb-close-icon);
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--rcm-nb-close-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
  transition:
    width var(--rcm-nb-close-transition) ease,
    height var(--rcm-nb-close-transition) ease,
    stroke-width var(--rcm-nb-close-transition) ease;
}
.rcm-nb-close:hover,
.rcm-nb-close:focus {
  width: var(--rcm-nb-close-size-hover);
  height: var(--rcm-nb-close-size-hover);
  background: var(--rcm-nb-close-bg-hover) !important;
  color: var(--rcm-nb-close-color-hover) !important;
  border-color: var(--rcm-nb-close-border-hover) !important;
  border-width: var(--rcm-nb-close-border-width-hover) !important;
  border-radius: var(--rcm-nb-close-radius-hover) !important;
  filter: none !important;
  scale: var(--rcm-nb-close-hover-scale);
}
.rcm-nb-close:hover .rcm-nb-close-icon,
.rcm-nb-close:focus .rcm-nb-close-icon {
  width: var(--rcm-nb-close-icon-hover);
  height: var(--rcm-nb-close-icon-hover);
  stroke-width: var(--rcm-nb-close-stroke-hover);
}
.rcm-nb-close:focus-visible {
  outline: 3px solid rgba(255,255,255,.85);
  outline-offset: 3px;
}

.rcm-nb-close-pos-top-left .rcm-nb-close { left: var(--rcm-nb-close-x); top: var(--rcm-nb-close-y); }
.rcm-nb-close-pos-top-center .rcm-nb-close { left: calc(50% + var(--rcm-nb-close-x)); top: var(--rcm-nb-close-y); transform: translateX(-50%); }
.rcm-nb-close-pos-top-right .rcm-nb-close { right: var(--rcm-nb-close-x); top: var(--rcm-nb-close-y); }
.rcm-nb-close-pos-center-left .rcm-nb-close { left: var(--rcm-nb-close-x); top: calc(50% + var(--rcm-nb-close-y)); transform: translateY(-50%); }
.rcm-nb-close-pos-center .rcm-nb-close { left: calc(50% + var(--rcm-nb-close-x)); top: calc(50% + var(--rcm-nb-close-y)); transform: translate(-50%, -50%); }
.rcm-nb-close-pos-center-right .rcm-nb-close { right: var(--rcm-nb-close-x); top: calc(50% + var(--rcm-nb-close-y)); transform: translateY(-50%); }
.rcm-nb-close-pos-bottom-left .rcm-nb-close { left: var(--rcm-nb-close-x); bottom: var(--rcm-nb-close-y); }
.rcm-nb-close-pos-bottom-center .rcm-nb-close { left: calc(50% + var(--rcm-nb-close-x)); bottom: var(--rcm-nb-close-y); transform: translateX(-50%); }
.rcm-nb-close-pos-bottom-right .rcm-nb-close { right: var(--rcm-nb-close-x); bottom: var(--rcm-nb-close-y); }

.rcm-nb-reopen {
  position: fixed;
  z-index: calc(var(--rcm-nb-z) + 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rcm-nb-reopen-w);
  height: var(--rcm-nb-reopen-h);
  padding: 0 18px;
  border-style: solid !important;
  border-width: var(--rcm-nb-reopen-border-width) !important;
  border-color: var(--rcm-nb-reopen-border) !important;
  border-radius: var(--rcm-nb-reopen-radius) !important;
  background: var(--rcm-nb-reopen-bg) !important;
  color: var(--rcm-nb-reopen-color) !important;
  font-family: var(--rcm-nb-reopen-font) !important;
  font-size: var(--rcm-nb-reopen-size) !important;
  font-weight: var(--rcm-nb-reopen-weight) !important;
  font-style: var(--rcm-nb-reopen-style) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0,0,0,.22);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  scale: 1;
  transition:
    background-color var(--rcm-nb-reopen-transition) ease,
    color var(--rcm-nb-reopen-transition) ease,
    border-color var(--rcm-nb-reopen-transition) ease,
    border-width var(--rcm-nb-reopen-transition) ease,
    border-radius var(--rcm-nb-reopen-transition) ease,
    font-size var(--rcm-nb-reopen-transition) ease,
    scale var(--rcm-nb-reopen-transition) ease !important;
}
.rcm-nb-reopen:hover,
.rcm-nb-reopen:focus {
  background: var(--rcm-nb-reopen-bg-hover) !important;
  color: var(--rcm-nb-reopen-color-hover) !important;
  border-color: var(--rcm-nb-reopen-border-hover) !important;
  border-width: var(--rcm-nb-reopen-border-width-hover) !important;
  border-radius: var(--rcm-nb-reopen-radius-hover) !important;
  font-family: var(--rcm-nb-reopen-font-hover) !important;
  font-size: var(--rcm-nb-reopen-size-hover) !important;
  font-weight: var(--rcm-nb-reopen-weight-hover) !important;
  font-style: var(--rcm-nb-reopen-style-hover) !important;
  text-decoration: none !important;
  filter: none !important;
  scale: var(--rcm-nb-reopen-hover-scale);
}
.rcm-nb-reopen:focus-visible {
  outline: 3px solid rgba(255,255,255,.85);
  outline-offset: 3px;
}

.rcm-nb-reopen-pos-top-left { left: var(--rcm-nb-reopen-x); top: var(--rcm-nb-reopen-y); }
.rcm-nb-reopen-pos-top-center { left: calc(50% + var(--rcm-nb-reopen-x)); top: var(--rcm-nb-reopen-y); transform: translateX(-50%); }
.rcm-nb-reopen-pos-top-right { right: var(--rcm-nb-reopen-x); top: var(--rcm-nb-reopen-y); }
.rcm-nb-reopen-pos-center-left { left: var(--rcm-nb-reopen-x); top: calc(50% + var(--rcm-nb-reopen-y)); transform: translateY(-50%); }
.rcm-nb-reopen-pos-center { left: calc(50% + var(--rcm-nb-reopen-x)); top: calc(50% + var(--rcm-nb-reopen-y)); transform: translate(-50%, -50%); }
.rcm-nb-reopen-pos-center-right { right: var(--rcm-nb-reopen-x); top: calc(50% + var(--rcm-nb-reopen-y)); transform: translateY(-50%); }
.rcm-nb-reopen-pos-bottom-left { left: var(--rcm-nb-reopen-x); bottom: var(--rcm-nb-reopen-y); }
.rcm-nb-reopen-pos-bottom-center { left: calc(50% + var(--rcm-nb-reopen-x)); bottom: var(--rcm-nb-reopen-y); transform: translateX(-50%); }
.rcm-nb-reopen-pos-bottom-right { right: var(--rcm-nb-reopen-x); bottom: var(--rcm-nb-reopen-y); }

.rcm-nb.is-awaiting-trigger {
  display: none !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.rcm-nb.is-entering {
  visibility: visible;
  pointer-events: auto;
  animation-duration: var(--rcm-nb-animation-duration, 650ms);
  animation-delay: var(--rcm-nb-animation-delay, 0ms);
  animation-timing-function: var(--rcm-nb-animation-easing, ease-out);
  animation-fill-mode: both;
}

.rcm-nb.is-entering.rcm-nb-anim-none { animation-name: rcmNbNone; }
.rcm-nb.is-entering.rcm-nb-anim-fade { animation-name: rcmNbFade; }
.rcm-nb.is-entering.rcm-nb-anim-fade-up { animation-name: rcmNbFadeUp; }
.rcm-nb.is-entering.rcm-nb-anim-fade-down { animation-name: rcmNbFadeDown; }
.rcm-nb.is-entering.rcm-nb-anim-slide-up { animation-name: rcmNbSlideUp; }
.rcm-nb.is-entering.rcm-nb-anim-slide-down { animation-name: rcmNbSlideDown; }
.rcm-nb.is-entering.rcm-nb-anim-slide-left { animation-name: rcmNbSlideLeft; }
.rcm-nb.is-entering.rcm-nb-anim-slide-right { animation-name: rcmNbSlideRight; }
.rcm-nb.is-entering.rcm-nb-anim-zoom-in { animation-name: rcmNbZoomIn; }
.rcm-nb.is-entering.rcm-nb-anim-zoom-out { animation-name: rcmNbZoomOut; }
.rcm-nb.is-entering.rcm-nb-anim-spin-in { animation-name: rcmNbSpinIn; }
.rcm-nb.is-entering.rcm-nb-anim-bounce { animation-name: rcmNbBounce; }

.rcm-nb.is-scroll-progress {
  visibility: visible;
  pointer-events: auto;
  animation: none !important;
  will-change: opacity, transform;
}

.rcm-nb.is-closing {
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 250ms ease,
    transform 250ms ease,
    visibility 0s linear 250ms;
}

@keyframes rcmNbNone {
  from { opacity: 1; transform: none; }
  to { opacity: 1; transform: none; }
}
@keyframes rcmNbFade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes rcmNbFadeUp {
  from { opacity: 0; transform: translateY(48px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes rcmNbFadeDown {
  from { opacity: 0; transform: translateY(-48px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes rcmNbSlideUp {
  from { opacity: 1; transform: translateY(110%); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes rcmNbSlideDown {
  from { opacity: 1; transform: translateY(-110%); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes rcmNbSlideLeft {
  from { opacity: 1; transform: translateX(-110%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes rcmNbSlideRight {
  from { opacity: 1; transform: translateX(110%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes rcmNbZoomIn {
  from { opacity: 0; transform: scale(.62); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes rcmNbZoomOut {
  from { opacity: 0; transform: scale(1.35); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes rcmNbSpinIn {
  from { opacity: 0; transform: rotate(-360deg) scale(.35); }
  to { opacity: 1; transform: rotate(0) scale(1); }
}
@keyframes rcmNbBounce {
  0% { opacity: 0; transform: translateY(110%); }
  68% { opacity: 1; transform: translateY(-10px); }
  84% { transform: translateY(5px); }
  100% { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .rcm-nb.is-entering {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
  }
  .rcm-nb.is-closing {
    transition-duration: 1ms !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rcm-nb,
  .rcm-nb-reopen {
    --rcm-nb-title-size: var(--rcm-nb-tablet-title-size);
    --rcm-nb-message-1-size: var(--rcm-nb-tablet-message-1-size);
    --rcm-nb-message-1-line: var(--rcm-nb-tablet-message-1-line);
    --rcm-nb-message-2-size: var(--rcm-nb-tablet-message-2-size);
    --rcm-nb-message-2-line: var(--rcm-nb-tablet-message-2-line);
    --rcm-nb-message-3-size: var(--rcm-nb-tablet-message-3-size);
    --rcm-nb-message-3-line: var(--rcm-nb-tablet-message-3-line);
    --rcm-nb-text-size: var(--rcm-nb-tablet-text-size);
    --rcm-nb-line: var(--rcm-nb-tablet-line);
    --rcm-nb-btn-size: var(--rcm-nb-tablet-btn-size);
    --rcm-nb-btn-size-hover: var(--rcm-nb-tablet-btn-size-hover);
    --rcm-nb-btn-w: var(--rcm-nb-tablet-btn-w);
    --rcm-nb-btn-h: var(--rcm-nb-tablet-btn-h);
    --rcm-nb-btn-x: var(--rcm-nb-tablet-btn-x);
    --rcm-nb-btn-y: var(--rcm-nb-tablet-btn-y);
    --rcm-nb-img-scale: var(--rcm-nb-tablet-img-scale);
    --rcm-nb-img-x: var(--rcm-nb-tablet-img-x);
    --rcm-nb-img-y: var(--rcm-nb-tablet-img-y);
    --rcm-nb-close-size: var(--rcm-nb-tablet-close-size);
    --rcm-nb-close-size-hover: var(--rcm-nb-tablet-close-size-hover);
    --rcm-nb-close-icon: var(--rcm-nb-tablet-close-icon);
    --rcm-nb-close-icon-hover: var(--rcm-nb-tablet-close-icon-hover);
    --rcm-nb-close-x: var(--rcm-nb-tablet-close-x);
    --rcm-nb-close-y: var(--rcm-nb-tablet-close-y);
    --rcm-nb-reopen-size: var(--rcm-nb-tablet-reopen-size);
    --rcm-nb-reopen-size-hover: var(--rcm-nb-tablet-reopen-size-hover);
    --rcm-nb-reopen-w: var(--rcm-nb-tablet-reopen-w);
    --rcm-nb-reopen-h: var(--rcm-nb-tablet-reopen-h);
    --rcm-nb-reopen-x: var(--rcm-nb-tablet-reopen-x);
    --rcm-nb-reopen-y: var(--rcm-nb-tablet-reopen-y);
  }
  .rcm-nb { min-height: 0; }
  .rcm-nb-inner { min-height: 0; height: auto; padding: 14px 72px; }
  .rcm-nb-content { width: 100%; max-width: 100%; }
  .rcm-nb.hide-tablet, .rcm-nb-reopen.hide-tablet { display: none !important; }
  .rcm-nb.hide-image-tablet .rcm-nb-image-link,
  .rcm-nb.hide-image-tablet .rcm-nb-inner > .rcm-nb-image { display: none !important; }
}

@media (max-width: 767px) {
  .rcm-nb,
  .rcm-nb-reopen {
    --rcm-nb-title-size: var(--rcm-nb-mobile-title-size);
    --rcm-nb-message-1-size: var(--rcm-nb-mobile-message-1-size);
    --rcm-nb-message-1-line: var(--rcm-nb-mobile-message-1-line);
    --rcm-nb-message-2-size: var(--rcm-nb-mobile-message-2-size);
    --rcm-nb-message-2-line: var(--rcm-nb-mobile-message-2-line);
    --rcm-nb-message-3-size: var(--rcm-nb-mobile-message-3-size);
    --rcm-nb-message-3-line: var(--rcm-nb-mobile-message-3-line);
    --rcm-nb-text-size: var(--rcm-nb-mobile-text-size);
    --rcm-nb-line: var(--rcm-nb-mobile-line);
    --rcm-nb-btn-size: var(--rcm-nb-mobile-btn-size);
    --rcm-nb-btn-size-hover: var(--rcm-nb-mobile-btn-size-hover);
    --rcm-nb-btn-w: var(--rcm-nb-mobile-btn-w);
    --rcm-nb-btn-h: var(--rcm-nb-mobile-btn-h);
    --rcm-nb-btn-x: var(--rcm-nb-mobile-btn-x);
    --rcm-nb-btn-y: var(--rcm-nb-mobile-btn-y);
    --rcm-nb-img-scale: var(--rcm-nb-mobile-img-scale);
    --rcm-nb-img-x: var(--rcm-nb-mobile-img-x);
    --rcm-nb-img-y: var(--rcm-nb-mobile-img-y);
    --rcm-nb-close-size: var(--rcm-nb-mobile-close-size);
    --rcm-nb-close-size-hover: var(--rcm-nb-mobile-close-size-hover);
    --rcm-nb-close-icon: var(--rcm-nb-mobile-close-icon);
    --rcm-nb-close-icon-hover: var(--rcm-nb-mobile-close-icon-hover);
    --rcm-nb-close-x: var(--rcm-nb-mobile-close-x);
    --rcm-nb-close-y: var(--rcm-nb-mobile-close-y);
    --rcm-nb-reopen-size: var(--rcm-nb-mobile-reopen-size);
    --rcm-nb-reopen-size-hover: var(--rcm-nb-mobile-reopen-size-hover);
    --rcm-nb-reopen-w: var(--rcm-nb-mobile-reopen-w);
    --rcm-nb-reopen-h: var(--rcm-nb-mobile-reopen-h);
    --rcm-nb-reopen-x: var(--rcm-nb-mobile-reopen-x);
    --rcm-nb-reopen-y: var(--rcm-nb-mobile-reopen-y);
  }
  .rcm-nb { min-height: 0; }
  .rcm-nb-inner {
    min-height: 0;
    height: auto;
    padding: 12px 62px calc(12px + env(safe-area-inset-bottom, 0px)) 14px;
    align-items: center;
  }
  .rcm-nb-content {
    gap: 7px;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .rcm-nb-title, .rcm-nb-text { width: 100%; }
  .rcm-nb-button {
    padding: 0 14px;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    align-self: center;
  }
  .rcm-nb.hide-mobile, .rcm-nb-reopen.hide-mobile { display: none !important; }
  .rcm-nb.hide-image-mobile .rcm-nb-image-link,
  .rcm-nb.hide-image-mobile .rcm-nb-inner > .rcm-nb-image { display: none !important; }
}

@media (min-width: 1025px) {
  .rcm-nb.hide-desktop, .rcm-nb-reopen.hide-desktop { display: none !important; }
  .rcm-nb.hide-image-desktop .rcm-nb-image-link,
  .rcm-nb.hide-image-desktop .rcm-nb-inner > .rcm-nb-image { display: none !important; }
}