@charset "UTF-8";
/*!
 * ImageSet - responsive, lazy-loading images for Kirby CMS
 * 
 * @copyright (c) 2016 Fabian Michael <https://fabianmichael.de>
 * @link https://github.com/fabianmichael/kirby-imageset
 *
 */
.imageset{overflow:hidden;contain:content}.imageset.-ratio{display:inline-block;vertical-align:middle;width:100%;position:relative;z-index:0}.imageset.-ratio .imageset-element{display:block;position:absolute;left:0;top:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;zoom:1}.imageset-placeholder,.imageset.-ratio .imageset-ratio-fill{display:block;overflow:hidden;position:relative;z-index:-1;width:100%}.imageset.-ratio .imageset-element{z-index:2}.js .imageset.-ratio.-lazyload .imageset-element{z-index:1}.js .imageset.-alpha.-lazyload .imageset-element{opacity:0;will-change:opacity}@media screen{.js .imageset.-alpha.-lazyload .imageset-element{transition:opacity .5s}}.js .imageset.-alpha.-lazyload.is-loaded .imageset-element{opacity:1;will-change:auto}.imageset-placeholder{position:absolute;z-index:1;top:50%;left:50%;height:100%;max-width:none!important;max-height:none!important;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.js .imageset.-lazyload .imageset-placeholder{z-index:2;pointer-events:none;background-color:#efefef}@media screen{.js .imageset.-lazyload .imageset-placeholder{transition:opacity .5s .05s,visibility 0s .8s}}.imageset.-alpha .imageset-placeholder{visibility:hidden}.js .imageset.-alpha .imageset-placeholder{visibility:visible}@media screen{.js .imageset.-alpha .imageset-placeholder{transition:opacity .5s .05s,visibility 0s .8s}}.js .imageset.-alpha:not(.-placeholder\:color) .imageset-placeholder{background-color:transparent}.imageset.-placeholder\:mosaic .imageset-placeholder{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated}.js .imageset.is-loaded .imageset-placeholder{opacity:0;visibility:hidden}.imageset.-ratio .imageset-fallback{position:absolute;z-index:5;min-width:100%;min-height:100%;top:50%;left:50%;transform:translate(-50%,-50%);-ms-interpolation-mode:bicubic}@supports (object-fit:cover){.imageset.-ratio .imageset-fallback{min-width:none;min-height:none;width:100%;height:100%;top:0;left:0;transform:none;object-fit:cover}}.no-js .imageset .imageset-element,.operamini .imageset-placeholder{display:none}.operamini .imageset.-multiple-ratios .imageset-element{-o-object-fit:cover;object-fit:cover}