chromed

Back Back Up Advanced Editor

.basicLightbox
{
	position:fixed; display:flex; justify-content:center; align-items:center; 
	top:0; left:0; width:100%; height:100vh; 
	background:rgba(0,0,0,.8); opacity:.01; transition:opacity .4s ease; z-index:9999; will-change:opacity
}
.basicLightbox--visible{opacity:1}
.basicLightbox__placeholder
{
	max-width:85%;  max-height: 85%;  transform:scale(.9); transition:transform .4s ease; z-index:1; will-change:transform;
	overflow: hidden; overflow-y: auto;
}
.basicLightbox__placeholder>iframe:first-child:last-child,
.basicLightbox__placeholder>img:first-child:last-child,
.basicLightbox__placeholder>video:first-child:last-child{display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:95%; max-height:95%}
.basicLightbox__placeholder>iframe:first-child:last-child,
.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}
.basicLightbox__placeholder>img:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child{width:auto; height:auto}
.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%; height:100%; pointer-events:none}
.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}