.fancybox__container{
--fancybox-bg:rgba(0,0,0,0.95);
font-family:inherit;
z-index:99999;
}
.fancybox__backdrop{
background:var(--fancybox-bg);
}
.fancybox__container .fancybox__toolbar{
top:var(--gap);
right:var(--gap);
padding:0;
margin:0;
position:fixed;
}
.fancybox__container .fancybox__toolbar .f-button[data-fancybox-close]{
width:52px;
height:52px;
border-radius:50%;
background-color:rgba(0,0,0,0.6);
transition:background-color 0.2s;
padding:0;
margin:0;
border:var(--bw1) solid #fff;
}
.fancybox__container .fancybox__toolbar .f-button[data-fancybox-close]:hover{
background-color:rgba(255,255,255,0.15);
}
.fancybox__container .fancybox__toolbar .f-button[data-fancybox-close] svg{
width:24px;
height:24px;
stroke:#fff;
}
.fancybox__nav{
display:none;
}
.fancybox__caption{
display:none;
}
.fancybox__thumbs{
display:none;
}
.fancybox__footer{
display:none;
}
.carousel__dots{
display:none;
}
.fancybox__infobar{
display:none;
}
.fancybox__slide{
padding:0;
}
.fancybox__content{
cursor:default;
}
.fancybox__container.is-closing,
.fancybox__container.is-closing *{
animation:none;
transition:none;
opacity:0;
}
.fancybox__image{
object-fit:contain;
cursor:default;
-webkit-user-drag:none;
user-select:none;
-webkit-touch-callout:none;
}
.fancybox__html5video{
cursor:default;
max-width:100%;
max-height:100%;
}
.fancybox__html5video::-webkit-media-controls{
cursor:default;
}
.fancybox__spinner{
border:3px solid rgba(255,255,255,0.2);
border-top-color:#fff;
}
.fancybox-counter{
position:fixed;
top:var(--gap);
left:var(--gap);
width:56px;
height:56px;
background:transparent;
color:#fff;
padding:0;
margin:0;
font-size:22px;
font-weight:600;
z-index:9999999;
font-family:inherit;
pointer-events:none;
text-shadow:2px 2px 4px rgba(0,0,0,0.8);
display:none;
align-items:center;
justify-content:center;
border-radius:50%;
}
.fancybox-counter.visible{
display:flex;
}
.f-fadeIn{
animation:fancyboxFadeIn 0.25s ease forwards;
}
@keyframes fancyboxFadeIn{
from{
opacity:0;
transform:scale(0.95);
}
to{
opacity:1;
transform:scale(1);
}
}