@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}.my-div{width:50vw;height:256px}.theme-1{--item-bg:#4bb4e7;--item-link:#fff;--item-link-hover:#0d2936;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-2{--item-bg:rgba(0,0,0,0.2);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-3{--item-bg:rgba(0,0,0,0.2);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-4{--item-bg:#12161e;--item-link:#fff;--item-link-hover:#9e6817;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-5{--item-bg:#efe9dd;--item-link:#12161e;--item-link-hover:#0d13c1;--item-meta:#fff;--item-title:#12161e;--item-subtitle:#12161e;--item-text:#12161e}.theme-6{--item-bg:rgba(0,0,0,0);--item-link:#12161e;--item-link-hover:#fff;--item-meta:#fff;--item-title:#ffffff;--item-subtitle:#12161e;--item-text:#ffffff}.theme-7{--item-bg:rgba(0,0,0,0);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-8{--item-bg:#0c13c1;--item-link:#dd8ca5;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-9{--item-bg:#c9efee;--item-link:#000000;--item-link-hover:#e80c40;--item-meta:#fff;--item-title:#000;--item-subtitle:#000;--item-text:#000}.theme-10{--item-bg:rgba(0,0,0,0);--item-link:#000;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#000;--item-text:#fff}.theme-11{--item-bg:rgba(0,0,0,0);--item-link:#000;--item-link-hover:#fff;--item-meta:#000;--item-title:#000;--item-subtitle:#000;--item-text:#000}.theme-12{--item-bg:#4d565b;--item-link:#f6fbfe;--item-link-hover:#000000;--item-meta:#f6fbfe;--item-title:#f6fbfe;--item-subtitle:#f6fbfe;--item-text:#f6fbfe}.theme-13{--item-bg:#d22851;--item-link:#712a3b;--item-link-hover:#f6fbfe;--item-meta:#f6fbfe;--item-title:#f6fbfe;--item-subtitle:#f6fbfe;--item-text:#f6fbfe}.theme-14{--item-bg:rgba(0,0,0,0.2);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-15{--item-bg:rgba(0,0,0,0.3);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-16{--item-bg:#010101;--item-link:#63676b;--item-link-hover:#f6fbfe;--item-meta:#f6fbfe;--item-title:#f6fbfe;--item-subtitle:#f6fbfe;--item-text:#f6fbfe}.theme-17{--item-bg:#ece7e5;--item-link:#d68d13;--item-link-hover:#2d2c2c;--item-meta:#2d2c2c;--item-title:#2d2c2c;--item-subtitle:#2d2c2c;--item-text:#2d2c2c}.theme-18{--item-bg:rgba(0,0,0,0.2);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.theme-19{--item-bg:rgba(0,0,0,0.1);--item-link:#6317f5;--item-link-hover:#fff;--item-meta:#6317f5;--item-title:#fff;--item-subtitle:#6317f5;--item-text:#fff}.theme-20{--item-bg:#6317f5;--item-link:#b29d85;--item-link-hover:#ffffff;--item-meta:#ffffff;--item-title:#ffffff;--item-subtitle:#ffffff;--item-text:#ffffff}.theme-21{--item-bg:#f7ac03;--item-link:#ffffff;--item-link-hover:#2d2c2c;--item-meta:#2d2c2c;--item-title:#ffffff;--item-subtitle:#2d2c2c;--item-text:#2d2c2c}.theme-22{--item-bg:rgba(0,0,0,0.2);--item-link:#fff;--item-link-hover:#fff;--item-meta:#fff;--item-title:#fff;--item-subtitle:#fff;--item-text:#fff}.grid__item{position:relative;display:flex;align-items:stretch}.grid__item--bg{background-color:var(--item-bg)}.grid__item-img{display:block;height:100%;width:100%}.grid__item-img canvas{height:100%}.grid__item-img img{height:100%;display:block;max-width:none;object-fit:cover}.grid__item-img img:nth-child(2){position:absolute;top:0;left:0;opacity:0;transition:opacity 0.3s}.grid__item:hover .grid__item-img img:nth-child(2){opacity:1}.js .grid__item-img img{display:none}@media screen and (min-width:50em){.grid{display:grid}.grid__item{width:100%}}