.viewbox-container{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.viewbox-body{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.6);display:flex;flex-direction:column-reverse;left:50%;overflow:auto;position:absolute;top:50%}.viewbox-header{background:hsla(0,0%,5%,.78);color:#fff;max-width:100%;overflow:hidden;padding:10px 0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.viewbox-content{height:300px;width:300px}.viewbox-footer{margin:0 10px;max-width:100%;overflow:hidden;padding:0 0 10px;text-overflow:ellipsis;white-space:nowrap}.viewbox-content .viewbox-image{height:100%;width:100%}.viewbox-button-default{cursor:pointer;height:64px;width:64px}.viewbox-button-default>svg{fill:inherit;background:inherit;height:100%;pointer-events:none;transform:translateX(0);width:100%}.viewbox-button-default{fill:#999}.viewbox-button-default:hover{fill:#fff}.viewbox-button-close{position:absolute;right:10px;top:10px;z-index:9}.viewbox-button-full-screen{position:absolute;right:10px;top:84px;z-index:9}.viewbox-button-next,.viewbox-button-prev{height:128px;margin:-64px 0 0;position:absolute;top:50%;width:128px;z-index:9}.viewbox-button-next{right:10px}.viewbox-button-prev{left:10px}@media (max-width:480px){.viewbox-button-close{right:0;top:0}.viewbox-button-next,.viewbox-button-prev{height:81px;margin-top:-40px;width:81px}.viewbox-button-next{right:-15px}.viewbox-button-prev{left:-15px}}.viewbox-container .loader{left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%}.viewbox-container .loader *{margin:0;padding:0}.viewbox-container .loader .spinner{height:50px;margin:0 auto;position:relative;width:50px}.viewbox-container .loader .double-bounce1,.viewbox-container .loader .double-bounce2{animation:sk-bounce 2s ease-in-out infinite;background-color:#999;border-radius:50%;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.viewbox-container .loader .double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}