.pswp {
--pswp-bg: #000;
--pswp-placeholder-bg: #222;
--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: #fff;
--pswp-icon-color-secondary: #4f4f4f;
--pswp-icon-stroke-color: #4f4f4f;
--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: zoom-in;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
cursor: move;
cursor: grab;
}
.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
cursor: grabbing;
} .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
cursor: zoom-out;
} .pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pswp__item { z-index: 1;
overflow: hidden;
}
.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--ui-visible .pswp__hide-on-close {
opacity: 1;
pointer-events: auto;
} .pswp__button {
position: relative;
display: block;
width: 50px;
height: 60px;
padding: 0;
margin: 0;
overflow: hidden;
cursor: pointer;
background: none;
border: 0;
box-shadow: none;
opacity: 0.85;
-webkit-appearance: none;
-webkit-touch-callout: none;
}
.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
transition: none;
padding: 0;
background: none;
border: 0;
box-shadow: none;
opacity: 1;
}
.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;
margin-top: 15px;
margin-left: 20px;
font-size: 14px;
line-height: 30px;
color: var(--pswp-icon-color);
text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
opacity: 0.85;
}
.pswp--one-slide .pswp__counter {
display: none;
}
.wp-block-create-block-duna-artist-gallery-block {
max-width: var(--wp--style--global--wide-size) !important;
padding: 0 var(--wp--preset--spacing--20) !important;
margin: 0 auto;
}
@media screen and (max-width: 675px) {
.wp-block-create-block-duna-artist-gallery-block {
padding: 0 !important;
}
}
.wp-block-create-block-duna-artist-gallery-block .website {
padding-right: var(--wp--preset--spacing--40);
padding-left: var(--wp--preset--spacing--40);
max-width: var(--wp--style--global--content-size);
margin: 0 auto;
}
.wp-block-create-block-duna-artist-gallery-block h3, .wp-block-create-block-duna-artist-gallery-block h4 {
text-align: center;
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
.wp-block-create-block-duna-artist-gallery-block .gallery-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(auto, 300px));
justify-content: center;
grid-gap: 24px;
gap: 24px;
margin: 0 auto;
-ms-overflow-style: none;
overflow-x: auto;
overflow-y: hidden;
display: grid;
gap: 24px;
padding: 0;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
@media screen and (max-width: 675px) {
.wp-block-create-block-duna-artist-gallery-block .gallery-container {
display: flex;
justify-content: space-between;
}
}
.wp-block-create-block-duna-artist-gallery-block .gallery-container .image-container {
position: relative;
flex: 1 0 auto;
scroll-snap-align: center;
display: inline-block;
width: 100%;
padding-bottom: 100%;
position: relative;
cursor: pointer;
margin-bottom: 0;
}
.wp-block-create-block-duna-artist-gallery-block .gallery-container .image-container .attachment-woocommerce_thumbnail,
.wp-block-create-block-duna-artist-gallery-block .gallery-container .image-container img {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-create-block-duna-artist-gallery-block .gallery-container .image-container figcaption {
font-family: sans-serif;
color: white;
font-size: 12px;
padding: 8px;
max-width: 100%;
width: 100%;
box-sizing: border-box;
word-wrap: break-word;
font-weight: 500;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.wp-block-create-block-duna-artist-gallery-block .gallery-container .image-container .gradient {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
z-index: 1;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
@media screen and (max-width: 675px) {
.wp-block-create-block-duna-artist-gallery-block .gallery-container .image-container {
width: 240px;
padding-bottom: 240px;
}
}
@media screen and (max-width: 675px) {
.wp-block-create-block-duna-artist-gallery-block .gallery-container.gallery-container > a:nth-child(1), .wp-block-create-block-duna-artist-gallery-block .gallery-container.gallery-container > figure:nth-child(1),
.wp-block-create-block-duna-artist-gallery-block .gallery-container .product:first-child {
-webkit-margin-inline-start: 24px;
margin-left: 24px;
}
.wp-block-create-block-duna-artist-gallery-block .gallery-container.gallery-container > a:nth-child(1):last-child, .wp-block-create-block-duna-artist-gallery-block .gallery-container.gallery-container > figure:nth-child(1):last-child,
.wp-block-create-block-duna-artist-gallery-block .gallery-container .product:first-child:last-child {
-webkit-margin-inline-end: 24px;
margin-right: 24px;
}
}
.pswp__img {
-o-object-fit: contain;
object-fit: contain;
}