.mfp-bg {
   position: fixed;
   z-index: 1102;
   overflow: hidden;
   background-color: rgba(0, 0, 0, 0.7);
}
.mfp-wrap {
   position: fixed;
   z-index: 1103;
   outline: none !important;
   -webkit-backface-visibility: hidden;
}
.mfp-container {
   position: absolute;
   padding: 0;
   text-align: center;
}
.mfp-container:before {
   content: "";
   display: inline-block;
   vertical-align: middle;
}
.mfp-content {
   position: relative;
   z-index: 1105;
   display: inline-block;
   margin: 0 auto;
   vertical-align: middle;
   text-align: left;
}
.mfp-inline-holder .mfp-content {
   width: 100%;
   cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
   user-select: none;
}
.mfp-hide {
   display: none !important;
}
.mfp-preloader {
   position: absolute;
   top: 50%;
   inset-inline: 8px;
   z-index: 1104;
   margin-top: -0.8em;
   width: auto;
   color: #bbb;
   text-align: center;
}
.mfp-preloader a {
   color: #bbb;
}
.mfp-preloader a:hover {
   color: #fff;
}
.mfp-s-ready .mfp-preloader,
.mfp-s-error .mfp-content {
   display: none;
}
.mfp-iframe-holder {
   padding-top: 40px;
   padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
   max-width: 900px;
   width: 100%;
   line-height: 0;
}
.mfp-iframe-scaler {
   overflow: hidden;
   padding-top: 56.25%;
   width: 100%;
   height: 0;
}
.mfp-iframe-scaler iframe {
   position: absolute;
   display: block;
   border-radius: var(--wd-brd-radius);
}
.mfp-wrap ~ :is(.wd-close-side, .wd-side-hidden) {
   z-index: 900;
   pointer-events: none;
}
.mfp-content {
   position: relative;
}
.mfp-content button.mfp-close {
   position: absolute;
   top: 0;
   color: var(--color-gray-900);
}
.mfp-content button.mfp-close:hover {
   background-color: transparent;
   color: var(--color-gray-500);
}
.wd-popup {
   display: none;
   margin: calc(var(--wd-admin-bar-h) + 25px) auto 25px auto;
   padding: var(--wd-popup-padding, 30px);
   width: 100%;
   border-radius: var(--wd-brd-radius);
   background-color: var(--bgcolor-white);
}
.mfp-wrap .wd-popup {
   display: block;
}
.mfp-move-horizontal .mfp-with-anim {
   opacity: 0;
   transition:
      transform 0.3s ease,
      opacity 0.3s ease;
   transform: translateX(-100px);
}
.mfp-move-horizontal .mfp-with-anim .summary-inner {
   opacity: 0;
   transition:
      transform 0.3s ease,
      opacity 0.3s ease;
   transform: translateY(30px);
}
.mfp-move-horizontal.mfp-bg {
   opacity: 0;
   transition:
      opacity 0.25s ease,
      visibility 0s ease 0.25s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim,
.mfp-move-horizontal.mfp-ready .mfp-with-anim .summary-inner {
   opacity: 1;
   transform: none;
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
   opacity: 1;
   transition:
      opacity 0.25s ease,
      visibility 0s ease;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
   opacity: 0;
   transform: translateX(100px);
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
   opacity: 0;
}
.mfp-move-horizontal.mfp-removing .mfp-close {
   display: none;
}
button.mfp-arrow {
   position: absolute;
}
.mfp-bg,
.mfp-wrap,
.mfp-container,
.mfp-iframe-scaler iframe {
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
button.mfp-close {
   position: fixed;
   inset-block: var(--wd-admin-bar-h) auto;
   right: 0;
   left: auto;
   z-index: 1104;
   padding: 0;
   width: 50px;
   height: 50px;
   min-height: unset;
   background: none;
   color: #fff;
   font-weight: 400;
   font-size: 0;
   opacity: 1;
   cursor: pointer;
   transition: all 0.25s ease;
   touch-action: manipulation;
   opacity: 0;
   transition:
      all 0.25s ease,
      opacity 0s ease 0s;
}
button.mfp-close:after {
   font-size: 20px;
   content: "\f112";
   font-family: "woodmart-font";
}
button.mfp-close:hover {
   background-color: rgba(0, 0, 0, 0.3);
   box-shadow: none;
   color: #fff;
   opacity: 1;
}
.mfp-ready button.mfp-close {
   opacity: 1;
   transition:
      all 0.25s ease,
      opacity 0.3s ease 0.35s;
}