ila-ui.min.css

@keyframes loader{to{transform:rotate(360deg)}}.loader{width:2em;height:2em;border:3px solid #fff;border-right-color:rgba(0,0,0,0);border-radius:50%;animation:1.5s linear infinite loader}@media(prefers-reduced-motion){.loader{animation:none}}ul.scroller{position:relative;max-width:100%;-webkit-transition:left .5s ease;-moz-transition:left .5s ease;-o-transition:left .5s ease;transition:left .5s ease;list-style:none;display:flex;margin:0;padding:0;white-space:nowrap}ul.scroller li{display:flex;flex:1 0 12.1212%;white-space:normal}ul.scroller li a{box-sizing:border-box;border:1px solid #484848;background:#555;margin:0 .125em;width:100%;height:100%;position:relative}ul.scroller li a img:hover,ul.scroller li a:hover .caption{opacity:1}ul.scroller li img{width:100%;max-height:100%}ul.scroller .caption{background-color:#484848;color:#fff;box-sizing:border-box;position:absolute;width:100%;bottom:0;padding:10px;-moz-transition:opacity .2s linear;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;opacity:0}ul.scroller .caption:hover{opacity:1}.scroller-wrapper{position:relative;padding:0 1.5em}.scroller-wrapper button{cursor:pointer;text-decoration:none;line-height:1em;position:absolute;z-index:10;height:100%;padding:0;width:1.5em;top:0}.scroller-wrapper button:hover,.scroller-wrapper button:hover:visited{text-decoration:none}.scroller-wrapper button:disabled,.scroller-wrapper button.disabled{cursor:auto}button.scroller-left{left:0}button.scroller-right{right:0}button.scroller-button{box-sizing:border-box;color:#fff;background-color:#3c3c3c;border-color:#2f2f2f;font-size:1.5em;width:1em}button.scroller-button:visited{color:#fff}button.scroller-button:hover,button.scroller-button:hover:visited{color:#428bca}button.scroller-button:disabled,button.scroller-button.disabled{color:#555}button.scroller-button:focus{outline-color:#151515}button.scroller-left.scroller-button{box-shadow:5px 0px 10px 0px #888}button.scroller-left.scroller-button:disabled,button.scroller-left.scroller-button.disabled{box-shadow:none}button.scroller-right.scroller-button{box-shadow:-5px 0px 10px 0px #888}button.scroller-right.scroller-button:disabled,button.scroller-right.scroller-button.disabled{box-shadow:none}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(85,85,85,.9);z-index:20;text-align:center}#overlay .caption{background-color:#484848;color:#fff;box-sizing:border-box;position:absolute;bottom:0;text-align:center;width:100%;padding:.5em;display:none}.image-wrap{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.image-wrap img{max-width:100%;max-height:100%}.image-wrap img.pan{max-width:none;max-height:none}.image-wrap .loader{position:absolute}.image-viewer-controls{position:absolute;top:0;left:0;padding:.5em;display:flex;flex-direction:row-reverse;background:#2f2f2f;width:100%;box-sizing:border-box}.image-viewer-controls a,.image-viewer-controls button{cursor:pointer;text-decoration:none;line-height:1em;box-sizing:border-box;color:#fff;background:none;font-size:2.5em;padding:0 .125em;border:0;display:block}.image-viewer-controls a:hover,.image-viewer-controls a:hover:visited,.image-viewer-controls button:hover,.image-viewer-controls button:hover:visited{text-decoration:none}.image-viewer-controls a:disabled,.image-viewer-controls a.disabled,.image-viewer-controls button:disabled,.image-viewer-controls button.disabled{cursor:auto}.image-viewer-controls a:visited,.image-viewer-controls button:visited{color:#fff}.image-viewer-controls a:hover,.image-viewer-controls a:hover:visited,.image-viewer-controls button:hover,.image-viewer-controls button:hover:visited{color:#428bca}.image-viewer-controls a:disabled,.image-viewer-controls a.disabled,.image-viewer-controls button:disabled,.image-viewer-controls button.disabled{color:#555}.image-viewer-controls a:focus,.image-viewer-controls button:focus{outline-color:#151515}#btn-reveal{display:none}@media screen and (min-width: 768px){.image-viewer-controls{left:auto;right:0;flex-direction:column;width:auto;height:100%;padding:.75em}.image-viewer-controls a,.image-viewer-controls button{padding:.125em 0}.image-wrap{padding:2em 4em 2em 0}#overlay .caption{padding-right:4.5em}}@media screen and (min-width: 1200px){.image-viewer-controls{padding:1em}.image-viewer-controls a,.image-viewer-controls button{font-size:3em;padding:.25em 0}.image-wrap{padding-right:5em}#overlay .caption{padding-right:5.5em}}a.viewer-wrap{position:relative;display:block;cursor:pointer}a.viewer-wrap .cue{position:absolute;top:3px;right:3px;font-size:2em;display:none;color:#428bca}a.viewer-wrap:hover .cue{display:block}.toggle-view{display:none;height:0;overflow:hidden;transition:height 250ms ease-in-out}.toggle-view.visible{display:block;height:auto}