.pswp { --pswp-bg: var(--color-white); --pswp-placeholder-bg: var(--color-white); --pswp-root-z-index: 100000; --pswp-preloader-color: rgba(79, 79, 79, 0.4); --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9); --pswp-icon-color: #999999; --pswp-icon-color-secondary: var(--pswp-icon-color); --pswp-icon-stroke-color: var(--pswp-icon-color); --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); } .pswp { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--pswp-root-z-index); display: none; touch-action: none; outline: 0; opacity: 0.003; contain: layout style size; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .pswp:focus { outline: 0; } .pswp * { box-sizing: border-box; } .pswp img { max-width: none; } .pswp--open { display: block; } .pswp, .pswp__bg { transform: translateZ(0); will-change: opacity; } .pswp__bg { opacity: 0.005; background: var(--pswp-bg); } .pswp, .pswp__scroll-wrap { overflow: hidden; } .pswp__scroll-wrap, .pswp__bg, .pswp__container, .pswp__item, .pswp__content, .pswp__img, .pswp__zoom-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pswp__img, .pswp__zoom-wrap { width: auto; height: auto; } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } .pswp__container, .pswp__img, .pswp__button, .pswp__counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__item { z-index: 1; overflow: hidden; } .pswp__item video { max-width: unset; } .pswp__hidden { display: none !important; } .pswp__content { pointer-events: none; } .pswp__content>* { pointer-events: auto; } .pswp__error-msg-container { display: grid; } .pswp__error-msg { margin: auto; font-size: 1em; line-height: 1; color: var(--pswp-error-text-color); } .pswp .pswp__hide-on-close { opacity: 0.005; will-change: opacity; transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1); z-index: 10; pointer-events: none; } .pswp__bottom-bar { position: absolute; bottom: clamp(1.5rem, 2vw, 3rem); left: 50%; transform: translateX(-50%); display: inline-flex; flex-direction: row-reverse; align-items: center; background-color: var(--color-white); border-radius: 30px; transition: none; border: 1px solid var(--border-color-base); } .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto; } .pswp__button { position: relative; display: block; width: 50px; height: 50px; padding: 0; margin: 0; overflow: hidden; cursor: pointer; background: none; border: 0; border-radius: 0; box-shadow: none; font-size: 20px; -webkit-appearance: none; -webkit-touch-callout: none; color: var(--pswp-icon-color); } .pswp__button--bls--close { display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius: 50%; font-size: 22px; opacity: 1; background-color: var(--color-white); border: 1px solid var(--border-color-base); margin: clamp(1.5rem, 3vw, 4rem) clamp(1.5rem, 3vw, 4rem) 0 clamp(1.5rem, 3vw, 4rem); } .pswp__button:hover, .pswp__button:active, .pswp__button:focus { transition: none; padding: 0; background: none; box-shadow: none; opacity: 1; color: var(--heading-color); border-color: #dedede; } .pswp__button--bls--close:hover, .pswp__button--bls--close:active, .pswp__button--bls--close:focus { background-color: var(--color-white); } .pswp__button:disabled { opacity: 0.3; cursor: auto; } .pswp__icn { fill: var(--pswp-icon-color); color: var(--pswp-icon-color-secondary); } .pswp__icn { position: absolute; top: 14px; left: 9px; width: 32px; height: 32px; overflow: hidden; pointer-events: none; } .pswp__icn-shadow { stroke: var(--pswp-icon-stroke-color); stroke-width: var(--pswp-icon-stroke-width); fill: none; } .pswp__icn:focus { outline: 0; } div.pswp__img--placeholder, .pswp__img--with-bg { background: var(--pswp-placeholder-bg); } .pswp__top-bar { position: absolute; left: 0; top: 0; width: 100%; height: 60px; display: flex; flex-direction: row; justify-content: flex-end; z-index: 10; pointer-events: none !important; } .pswp__top-bar>* { pointer-events: auto; will-change: opacity; } .pswp__button--close { margin-right: 6px; } .pswp__button--arrow { position: absolute; top: 0; width: 75px; height: 100px; top: 50%; margin-top: -50px; } .pswp__button--arrow:disabled { display: none; cursor: default; } .pswp__button--arrow .pswp__icn { top: 50%; margin-top: -30px; width: 60px; height: 60px; background: none; border-radius: 0; } .pswp--one-slide .pswp__button--arrow { display: none; } .pswp--touch .pswp__button--arrow { visibility: hidden; } .pswp--has_mouse .pswp__button--arrow { visibility: visible; } .pswp__button--arrow--prev { right: auto; left: 0px; } .pswp__button--arrow--next { right: 0px; } .pswp__button--arrow--next .pswp__icn { left: auto; right: 14px; transform: scale(-1, 1); } .pswp__button--zoom { display: none; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__zoom-icn-bar-v { display: none; } .pswp__preloader { position: relative; overflow: hidden; width: 50px; height: 60px; margin-right: auto; } .pswp__preloader .pswp__icn { opacity: 0; transition: opacity 0.2s linear; animation: pswp-clockwise 600ms linear infinite; } .pswp__preloader--active .pswp__icn { opacity: 0.85; } @keyframes pswp-clockwise { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .pswp__counter { height: 30px; font-size: 14px; line-height: 30px; color: var(--heading-color); margin: 0 1rem; } .pswp--one-slide .pswp__counter { display: none; } .pswp__dynamic-caption { position: absolute; width: 100%; left: 0; top: 0; transition: opacity 120ms linear !important; } .bls-shopable-content-popup { display: none; } .pswp__dynamic-caption--faded { opacity: 0 !important; } .pswp__dynamic-caption--aside { width: auto; max-width: 380px; padding: 20px 15px 20px 20px; margin-top: 70px; } .pswp__dynamic-caption--below { width: auto; max-width: 760px; padding: 15px 0 0; } .pswp__dynamic-caption--on-hor-edge { padding-left: 15px; padding-right: 15px; } .pswp__dynamic-caption--mobile { width: 100%; background: rgba(0, 0, 0, 0.5); padding: 10px 15px; right: 0; bottom: 0; top: auto !important; left: 0 !important; }