.editor-image-lightbox{border-radius:5px;cursor:pointer;position:relative;transition:.3s;&:after{align-items:center;background-color:#000;background-color:rgba(0,0,0,.9);border-radius:50%;color:#f1f1f1;content:"\02194";display:flex;flex-direction:column;font-size:15px;height:20px;line-height:normal;position:absolute;right:.5rem;top:.5rem;transform:rotate(135deg);transition:.3s;width:20px}&:focus,&:focus-within,&:hover{opacity:.7;&:after{transform:scale(1.2) rotate(135deg);transform-origin:center}}}#lightbox-modal{background-color:#000;background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:9999;&:hover{cursor:pointer}}#lightbox-img{display:block;margin:auto;max-width:80%}#lightbox-caption{color:#ccc;display:block;height:150px;margin:auto;padding:10px 0;text-align:center;width:80%}#lightbox-caption,#lightbox-img{animation-duration:.6s;animation-name:lightbox-zoom}@keyframes lightbox-zoom{0%{transform:scale(0)}to{transform:scale(1)}}#close-lightbox-modal{background:none;border:none;color:#f1f1f1;cursor:pointer;font-size:40px;font-weight:700;height:4rem;margin:0;padding:0;position:absolute;right:35px;top:15px;transition:.3s;width:4rem;&:focus,&:hover{color:#bbb;text-decoration:none;transform:rotate(90deg);transform-origin:center}}@media only screen and (max-width:700px){#lightbox-img{max-width:100%}#lightbox-caption{width:100%}}.editor-image-lightbox{&.editor-align-justify{img{width:100%}}&.editor-align-left{float:left;width:40%;img{width:100%}}&.editor-align-center{margin:auto;width:60%;img{width:100%}}&.editor-align-right{float:right;width:40%;img{width:100%}}}