.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);
left:var(--gap);
right:auto;
padding:0;
margin:0;
position:fixed;
z-index:100000;
}
.f-button[data-fancybox-close]{
width:48px;
height:48px;
border-radius:50%;
background-color:rgba(0,0,0,0.45);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:background-color 150ms;
padding:0;
margin:0;
border:2px solid rgba(255,255,255,0.25);
box-shadow:0 2px 8px rgba(0,0,0,0.4);
}
.f-button[data-fancybox-close]:hover{
background-color:rgba(0,0,0,0.65);
border-color:rgba(255,255,255,0.4);
}
.f-button[data-fancybox-close] svg{
width:22px;
height:22px;
stroke:rgba(255,255,255,0.25);
stroke-width:2.5;
filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6));
}
.fancybox__nav,
.fancybox__caption,
.fancybox__thumbs,
.fancybox__footer,
.carousel__dots,
.fancybox__infobar{
display:none;
}
.fancybox__slide{
padding:0;
}
.fancybox__content{
cursor:default;
}
.fancybox__container.is-closing{
animation:none;
transition:opacity 60ms ease;
opacity:0;
}
.fancybox__container.is-closing *{
animation:none;
}
.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;
}
.f-fadeIn{
animation:fancyboxFadeIn 80ms ease forwards;
}
@keyframes fancyboxFadeIn{
from{
opacity:0;
transform:scale(0.95);
}
to{
opacity:1;
transform:scale(1);
}
}