img,video{vertical-align:top}.liste-booru{display:flex;flex-wrap:wrap}.liste-booru .image-holder{width:calc(10% - 20px);margin:10px;cursor:pointer;position:relative}.liste-booru .image-holder:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;box-shadow:inset 0 0 5px rgba(0,0,0,.6);transition:box-shadow .4s ease}.liste-booru .image-holder .image-sizing{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden}.liste-booru .image-holder:hover:after{box-shadow:inset 0 0 10px rgba(0,0,0,.6)}.liste-booru .image-holder img,.liste-booru .image-holder video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .4s ease}.liste-booru .image-holder:hover img,.liste-booru .image-holder:hover video{top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px)}.popup{display:none;overscroll-behavior:contain;position:relative;z-index:1}.popup .popup-bg{background:rgba(0,0,0,.6);backdrop-filter:blur(5px);position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center}.loading-page,.popup-bg:before{content:"";position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;width:50px;height:50px;background:url(/images/loading.svg) center center;background-size:50px 50px;background-repeat:no-repeat}.loading-page{display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px);z-index:1}.popup .popup-container{position:relative;display:flex;justify-content:center;background:#fff;display:none;overflow:hidden}.popup .popup-container:after{content:"";box-shadow:inset 0 0 20px 10px rgba(0,0,0,.6);position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.popup .popup-container img:first-child{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(15px)}.popup .popup-container img:last-child,.popup .popup-container video{max-height:calc(100vh - 100px);max-width:calc(100vw - 100px);min-width:500px;min-height:500px;object-fit:contain;position:relative}.popup .popup-container video{min-width:500px;min-height:300px}.popup .popup-container .contenu:not(:empty){border:1px solid #000}@media screen and (max-width:1200px){.liste-booru .image-holder{width:calc(25% - 20px)}}@media screen and (max-width:700px){.liste-booru .image-holder{width:calc(50% - 20px)}.popup .popup-container img:last-child,.popup .popup-container video{min-width:unset;min-height:unset}.popup .popup-container:after{display:none}}