blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,html,li,ol,p,pre,ul{margin:0;padding:0}.hovers__list,.hovers__list-item a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}html{box-sizing:border-box;min-height:100vh}*,:after,:before{box-sizing:inherit}:focus{border:0;outline:0;box-shadow:none}li,ul{list-style-type:none}a{text-decoration:none}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}.hover__sample{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.hovers__list{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.hovers__list-item a{display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.hovers__list-item{padding:1rem}.hovers__list-item img{max-width:200px}.hover__item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.hover__item--bg{height:100vh}.hover__item-img{display:block;height:100%;width:100%}.hover__item-img canvas{height:100%;opacity:0;transition:opacity .3s linear}.hover__item-img canvas.active{opacity:1}.hover__item-img img{height:100%;display:none}.hover__item-img img:nth-child(2){position:absolute;top:0;left:0;opacity:0;transition:opacity .3s}.hover__item:hover .hover__item-img img:nth-child(2){opacity:1}.hover__item-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (min-width:50em){.hover__item{height:50vmax;width:100%;max-width:1280px;padding:20px 20px 0}}