.viewer-canvas img{background:#fff}#canvas{max-width:100%;position:absolute;z-index:9999999;max-height:100vh}.el-dialog{margin-top:50px!important}#lucky-page{background:#fbfbfb}#lucky-page,.content{float:left;width:100%}.content{display:grid;background-size:cover;grid-template-columns:repeat(auto-fill,4%);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;min-height:calc(100vh - 124px);padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;background-size:contain!important}.footer{border-top:1px solid #e5e5e5;background:#fafafa;float:left;width:100%;color:#333}.footer,.header{height:62px;text-align:center;line-height:62px}.header{background:#19509b;color:#fff;text-transform:uppercase;font-weight:700;position:relative}.viewer-title,.viewer-toolbar{display:none}.viewer-canvas img{-webkit-filter:grayscale(0);filter:grayscale(0)}.unactive{opacity:.1}.start{display:block;clear:both;flex-direction:column;text-align:center;transform:rotatex(10deg);-webkit-animation:rotateAngle 6s linear infinite;animation:rotateAngle 6s linear infinite}.start button:focus,.start button:hover{background:#027ad6}.start span{text-shadow:2px 8px 6px rgba(0,0,0,.2),0 -5px 35px hsla(0,0%,100%,.3)}.start button{display:inline-block;grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(10,1fr);border-radius:3px;color:#fff;background:#027ad6;font:700 15px sans-serif;box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07);transform-style:preserve-3d}.dialog-user-winning img{-webkit-filter:grayscale(0);filter:grayscale(0)}.dialog-user-winning .el-dialog__header{display:none}.dialog-user-winning .el-dialog__body{padding:10px;padding-bottom:0;text-align:center}.dialog-user-winning .el-dialog__body h5{color:#3672ce;font-size:24px;text-transform:uppercase;margin-top:15px;margin-bottom:15px;text-shadow:5px 0 7px #afeeee}.dialog-user-winning .el-dialog__body h4{color:#b93a65;font-size:15px;margin-bottom:0;text-transform:capitalize}.dialog-user-winning .el-dialog__body span{display:inline-block}.dialog-user-winning .el-dialog__footer{padding:10px}.dialog-user-winning .el-dialog__footer button{width:100%;background:#3672ce;border:1px solid #3672ce}.item:after{content:"";display:block;padding-bottom:100%}.item{position:relative}.item img{position:absolute;top:0;bottom:0;left:0;right:0;width:95%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;cursor:pointer;border:2px solid #fff;background:#fff}.item span{display:inline-block}img{max-width:100%;-webkit-filter:grayscale(60%);filter:grayscale(60%)}.item.user-current{text-align:center}.item.user-current img{-webkit-filter:grayscale(0);filter:grayscale(0);max-width:99%}.active img{-webkit-filter:drop-shadow(3px 8px 9px #000);filter:drop-shadow(3px 8px 9px black)}@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}to{opacity:1}}.flicker img{-webkit-filter:drop-shadow(3px 8px 9px #000);filter:drop-shadow(3px 8px 9px black);-webkit-animation:flash .5s linear infinite;animation:flash .5s linear infinite}@-webkit-keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@keyframes flash{0%{opacity:1}50%{opacity:.1}to{opacity:1}}.active1 img{-webkit-filter:grayscale(15%);filter:grayscale(15%)}.active2 img{-webkit-filter:grayscale(30%);filter:grayscale(30%)}#lucky-page .item{position:relative;padding:5px;float:left;display:inline-block;padding-bottom:0;margin-bottom:7px}#lucky-page .item:nth-child(86){grid-column:auto/span 4;grid-row:auto/span 4}.winner-avatar{max-width:90%;max-height:560px}.dialog-user-winning{max-width:600px}