@keyframes a{0%{transform:translate(-50%,-50%) rotateX(0) rotateY(0)}50%{transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)}to{transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)}}.fluidbox{outline:none}.fluidbox__overlay{background-color:#ffffffd9;cursor:pointer;cursor:zoom-out;opacity:0;pointer-events:none;position:fixed;top:-100%;left:0;bottom:-100%;right:0;transition:all .5s ease-in-out}.fluidbox--opened .fluidbox__overlay{pointer-events:auto}.fluidbox__wrap{background-position:center center;background-size:cover;margin:0 auto;position:relative;transition:all .5s ease-in-out}.fluidbox--closed .fluidbox__thumb,.fluidbox__thumb{transition:opacity 0s ease-in-out 0s}.fluidbox__ghost{background-size:100% 100%;background-position:center center;background-repeat:no-repeat;position:absolute;transition:opacity 0s 0s,transform .5s 0s}.fluidbox--opened .fluidbox__ghost{cursor:pointer;cursor:zoom-out}.fluidbox--closed .fluidbox__ghost{transition:opacity 0s .5s,transform .5s 0s}.fluidbox__loader{opacity:0;perspective:200px;pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0}.fluidbox__loader:before{background-color:#ffffffd9;content:"";transform-style:preserve-3d;position:absolute;top:50%;left:50%;width:20%;padding-bottom:20%;transform:translate(-50%,-50%);transition-property:transform;transition-duration:.5s;transition-delay:0s}.fluidbox--loading .fluidbox__loader{opacity:1;transition:opacity .5s ease-in-out .5s}.fluidbox--loading .fluidbox__loader:before{animation:a 1s 0s infinite ease-in-out forwards}