.lightbox-container{display:none;position:fixed;z-index:1002;padding:1rem;left:0;top:0;width:100%;height:100%;background-color:rgba(51,51,51,0.75)}
.lightbox-container.authoring{display:block;position:static;height:auto;width:auto;padding-top:0;background:0}
.lightbox-container.authoring .lightbox{height:auto}
.lightbox-container .lightbox{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:null;align-items:null;align-content:null;flex-flow:column;padding:1.5rem 1rem 1rem 1rem;max-height:calc(100vh - 18rem);overflow:hidden}
.lightbox-container .header{-webkit-box-flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;order:0;margin-top:1rem;text-align:center}
.lightbox-container .header .h2{display:block}
.lightbox-container .close{-webkit-box-flex:0 0 auto;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;order:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-end;align-items:null;align-content:null;flex-flow:row wrap;z-index:21}
.lightbox-container .close i{font-size:1.4rem}
.lightbox-container .content{-webkit-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;order:0;overflow-y:auto;-ms-overflow-y:auto;z-index:21}
@media screen and (min-width:992px){.lightbox-container{padding-top:8rem}
.lightbox-container .lightbox{max-width:81.6rem;margin:auto;padding:3rem 3rem 8rem 3rem;height:100%;max-height:calc(100vh - 16rem)}
.lightbox-container .header{margin-top:1.5rem}
.lightbox-container .header,.lightbox-container .content{padding:0 6rem}
.lightbox-container .close i{font-size:1.6rem}
}
.lightbox-container.size-square .lightbox{width:450px;height:450px}
.lightbox-container.size-small .lightbox{width:500px;height:375px}
.lightbox-container.size-medium .lightbox{width:600px;height:400px}
.lightbox-container.size-large .lightbox{width:800px;height:533px}