html.smbm-modal-open,
html.smbm-modal-open body,
body.smbm-modal-open {
  overflow: hidden !important;
}

.smbm-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}
.smbm-modal.is-active {
  display: block;
}
.smbm-modal .smbm-modal__overlay {
  position: absolute;
  inset: 0;
}
.smbm-modal .smbm-modal__content {
  --smbm-width: 92%;
  --smbm-max-width: 1200px;
  --smbm-radius: 0px;
  --smbm-padding: 20px;
  --smbm-close-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(var(--smbm-width), var(--smbm-max-width));
  max-width: var(--smbm-max-width);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: var(--smbm-padding);
  border-radius: var(--smbm-radius);
  overflow: visible;
  z-index: 2;
}
.smbm-modal .smbm-modal__content.smbm-modal__content--image .smbm-modal__media,
.smbm-modal .smbm-modal__content.smbm-modal__content--image .smbm-modal__media img,
.smbm-modal .smbm-modal__content.smbm-modal__content--image .smbm-modal__link, .smbm-modal .smbm-modal__content.smbm-modal__content--image_text .smbm-modal__media,
.smbm-modal .smbm-modal__content.smbm-modal__content--image_text .smbm-modal__media img,
.smbm-modal .smbm-modal__content.smbm-modal__content--image_text .smbm-modal__link {
  border-radius: var(--smbm-radius);
}
.smbm-modal .smbm-modal__content.smbm-modal__content--close-top_right .smbm-modal__close {
  top: -12px;
  right: -12px;
}
.smbm-modal .smbm-modal__content.smbm-modal__content--close-top_left .smbm-modal__close {
  top: -12px;
  left: -12px;
}
.smbm-modal .smbm-modal__content.smbm-modal__content--close-bottom_right .smbm-modal__close {
  bottom: -12px;
  right: -12px;
}
.smbm-modal .smbm-modal__content.smbm-modal__content--close-bottom_left .smbm-modal__close {
  bottom: -12px;
  left: -12px;
}
.smbm-modal .smbm-modal__close {
  all: unset;
  position: absolute;
  z-index: 5;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 64px;
  min-height: 32px;
  padding: 7px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.04em;
  cursor: pointer;
  color: var(--smbm-close-color);
  border: 1px solid var(--smbm-close-color);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 999px;
  overflow: visible;
}
.smbm-modal .smbm-modal__close::before, .smbm-modal .smbm-modal__close::after {
  content: none !important;
  display: none !important;
}
.smbm-modal .smbm-modal__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
  -webkit-column-gap: 28px;
     -moz-column-gap: 28px;
          column-gap: 28px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.smbm-modal .smbm-modal__media {
  width: 100%;
}
.smbm-modal .smbm-modal__media img {
  display: block;
  width: 100%;
  height: auto;
}
.smbm-modal .smbm-modal__link {
  display: block;
  width: 100%;
}
.smbm-modal .smbm-modal__text-wrap {
  overflow: hidden;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.smbm-modal .smbm-modal__heading {
  margin: 0 0 16px;
  font-size: 28px;
  line-height: 1.4;
}
.smbm-modal .smbm-modal__body {
  line-height: 1.8;
}
.smbm-modal .smbm-modal__body a {
  color: var(--smbm-link-color);
}
.smbm-modal .smbm-modal__body p:first-child {
  margin-top: 0;
}
.smbm-modal .smbm-modal__body p:last-child {
  margin-bottom: 0;
}
.smbm-modal .smbm-modal__actions {
  margin-top: 22px;
}
.smbm-modal .smbm-modal__button {
  text-decoration: underline;
}
.smbm-modal.is-mobile-full .smbm-modal__content {
  width: min(97vw, var(--smbm-max-width));
  padding: 10px;
}

.smbm-effect-none {
  opacity: 1;
}

.smbm-effect-run {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.smbm-effect-speed-slow {
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
}

.smbm-effect-speed-medium_slow {
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
}

.smbm-effect-speed-normal {
  -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
}

.smbm-effect-speed-medium_fast {
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
}

.smbm-effect-speed-fast {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.smbm-effect-fadeIn {
  -webkit-animation-name: smbmFadeIn;
          animation-name: smbmFadeIn;
}

.smbm-effect-zoomIn {
  -webkit-animation-name: smbmZoomIn;
          animation-name: smbmZoomIn;
}

.smbm-effect-slideInDown {
  -webkit-animation-name: smbmSlideInDown;
          animation-name: smbmSlideInDown;
}

.smbm-effect-slideInUp {
  -webkit-animation-name: smbmSlideInUp;
          animation-name: smbmSlideInUp;
}

.smbm-effect-slideInLeft {
  -webkit-animation-name: smbmSlideInLeft;
          animation-name: smbmSlideInLeft;
}

.smbm-effect-slideInRight {
  -webkit-animation-name: smbmSlideInRight;
          animation-name: smbmSlideInRight;
}

.smbm-effect-bounceIn {
  -webkit-animation-name: smbmBounceIn;
          animation-name: smbmBounceIn;
}

.smbm-effect-backInUp {
  -webkit-animation-name: smbmBackInUp;
          animation-name: smbmBackInUp;
}

.smbm-effect-flipInX {
  -webkit-animation-name: smbmFlipInX;
          animation-name: smbmFlipInX;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

.smbm-effect-jackInTheBox {
  -webkit-animation-name: smbmJackInTheBox;
          animation-name: smbmJackInTheBox;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes smbmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes smbmFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes smbmZoomIn {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.86);
            transform: translate(-50%, -50%) scale(0.86);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes smbmZoomIn {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.86);
            transform: translate(-50%, -50%) scale(0.86);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes smbmSlideInDown {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% - 120px));
            transform: translate(-50%, calc(-50% - 120px));
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes smbmSlideInDown {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% - 120px));
            transform: translate(-50%, calc(-50% - 120px));
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes smbmSlideInUp {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% + 120px));
            transform: translate(-50%, calc(-50% + 120px));
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes smbmSlideInUp {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% + 120px));
            transform: translate(-50%, calc(-50% + 120px));
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes smbmSlideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate(calc(-50% - 120px), -50%);
            transform: translate(calc(-50% - 120px), -50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes smbmSlideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate(calc(-50% - 120px), -50%);
            transform: translate(calc(-50% - 120px), -50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes smbmSlideInRight {
  from {
    opacity: 0;
    -webkit-transform: translate(calc(-50% + 120px), -50%);
            transform: translate(calc(-50% + 120px), -50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@keyframes smbmSlideInRight {
  from {
    opacity: 0;
    -webkit-transform: translate(calc(-50% + 120px), -50%);
            transform: translate(calc(-50% + 120px), -50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@-webkit-keyframes smbmBounceIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.06);
            transform: translate(-50%, -50%) scale(1.06);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(0.96);
            transform: translate(-50%, -50%) scale(0.96);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes smbmBounceIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.7);
            transform: translate(-50%, -50%) scale(0.7);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.06);
            transform: translate(-50%, -50%) scale(1.06);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(0.96);
            transform: translate(-50%, -50%) scale(0.96);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes smbmBackInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% + 160px)) scale(0.8);
            transform: translate(-50%, calc(-50% + 160px)) scale(0.8);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.02);
            transform: translate(-50%, -50%) scale(1.02);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes smbmBackInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, calc(-50% + 160px)) scale(0.8);
            transform: translate(-50%, calc(-50% + 160px)) scale(0.8);
  }
  80% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.02);
            transform: translate(-50%, -50%) scale(1.02);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes smbmFlipInX {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) perspective(800px) rotateX(90deg);
            transform: translate(-50%, -50%) perspective(800px) rotateX(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) perspective(800px) rotateX(0);
            transform: translate(-50%, -50%) perspective(800px) rotateX(0);
  }
}
@keyframes smbmFlipInX {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) perspective(800px) rotateX(90deg);
            transform: translate(-50%, -50%) perspective(800px) rotateX(90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) perspective(800px) rotateX(0);
            transform: translate(-50%, -50%) perspective(800px) rotateX(0);
  }
}
@-webkit-keyframes smbmJackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.1) rotate(20deg);
            transform: translate(-50%, -50%) scale(0.1) rotate(20deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.02) rotate(-3deg);
            transform: translate(-50%, -50%) scale(1.02) rotate(-3deg);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(0.98) rotate(1deg);
            transform: translate(-50%, -50%) scale(0.98) rotate(1deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
            transform: translate(-50%, -50%) scale(1) rotate(0);
  }
}
@keyframes smbmJackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.1) rotate(20deg);
            transform: translate(-50%, -50%) scale(0.1) rotate(20deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.02) rotate(-3deg);
            transform: translate(-50%, -50%) scale(1.02) rotate(-3deg);
  }
  70% {
    -webkit-transform: translate(-50%, -50%) scale(0.98) rotate(1deg);
            transform: translate(-50%, -50%) scale(0.98) rotate(1deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(0);
            transform: translate(-50%, -50%) scale(1) rotate(0);
  }
}
@media (max-width: 767px) {
  .smbm-modal .smbm-modal__content {
    width: min(92vw, var(--smbm-max-width));
    padding: 14px;
  }
  .smbm-modal .smbm-modal__layout {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .smbm-modal .smbm-modal__heading {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .smbm-modal .smbm-modal__close {
    min-width: 58px;
    min-height: 30px;
    padding: 6px 10px;
    font-size: 11px;
  }
  .smbm-modal.is-mobile-full .smbm-modal__content {
    width: 98vw;
    padding: 8px;
  }
}