.App{font-family:Lato,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;min-height:700px;padding:0}.App .boxes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.App .boxes .box{align-items:center;border-radius:16px;box-shadow:0 2px 4px #0006,0 7px 13px -3px #0000004d,inset 0 -3px 0 #0003;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;overflow:hidden;padding:10px;text-align:center;width:46%}.App .boxes .box p{margin:0 0 10px}.App .boxes .box p.votes{margin-bottom:15px}.App .boxes .box p.top{display:block;line-height:20px}.App .boxes .box .img-wrapper{margin-bottom:15px;width:100%}.App .boxes .box .img-wrapper .react-lazy-load-image-wrapper{width:100%}.App .boxes .box .img-wrapper .react-lazy-load-image-wrapper img{display:block;opacity:0;transition:opacity .28s ease-in-out;width:100%}.App .boxes .box .img-wrapper .react-lazy-load-image-wrapper img.lazy-load-image-loaded,.App .boxes .box .img-wrapper .react-lazy-load-image-wrapper.lazy-load-image-loaded img{opacity:1}.App .boxes .box button{background-color:#55a4a8;border:1px solid #55a4a8;border-radius:8px;color:#fff;cursor:pointer;font-family:Lato,sans-serif;font-weight:700;margin-bottom:12px;margin-top:15px;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .3s}.App .boxes .box button:hover{background-color:#000;border:1px solid #000}.App .boxes .box button:disabled,.App .boxes .box button[disabled]{background-color:#d3d3d3;border:1px solid #d3d3d3;cursor:not-allowed}.App .boxes .box .bar-border{border:1px solid #e4bbb9;border-radius:500px;margin-bottom:20px;overflow:hidden;width:80%}.App .boxes .box .bar-border .bar{background-color:#ffd9d8;height:10px}.App .boxes .highlight{box-shadow:0 2px 4px #0000004d,0 7px 13px -3px #0e7479b3,inset 0 -3px 0 #55a4a857}.App .info{align-items:center;border-radius:20px;color:#fff;display:flex;justify-content:center;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:20px;text-align:center;width:calc(100% - 60px)}.App .info p{margin:0}.App .info.crashed{background-color:#9e3939}.App .info.started,.App .info.voted{background-color:#6ca5a4}.App .modal{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;left:0;margin-left:-10px;margin-right:-10px;position:absolute;right:0;text-align:center;top:0}.App .modal.hidden{display:none}.App .modal .container{align-items:center;display:flex;flex-direction:column;font-size:16px;justify-content:top;justify-content:flex-start;margin-top:25px}.App .modal .container button{cursor:pointer;padding:10px 20px}.App .filterWrapper{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px;width:100%}.App .filterWrapper select{border-radius:8px;padding:10px 5px}.App .filterWrapper input[type=search]{border:1px solid #ccc;border-radius:6px;min-width:250px;padding:8px 44px 8px 8px}.App .filterWrapper .searchField{display:inline-block;position:relative}.App .filterWrapper input[type=search]::-webkit-search-cancel-button,.App .filterWrapper input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.App .filterWrapper input[type=search]::-ms-clear{display:none}.App .filterWrapper .clear-search{align-items:center;background:none;border:none;border-radius:6px;color:#555;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;opacity:0;padding:4px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .15s ease,background-color .15s ease,opacity .15s ease}.App .filterWrapper .clear-search.visible{opacity:1;pointer-events:auto}.App .filterWrapper .clear-search:focus,.App .filterWrapper .clear-search:hover{background-color:#0000000d;color:#222;outline:none}button.back{background-color:#55a4a8;border:1px solid #55a4a8;border-radius:8px;color:#fff;cursor:pointer;font-family:Lato,sans-serif;font-weight:700;margin-bottom:12px;margin-top:20px;padding:8px 12px;position:relative;text-transform:uppercase;transition:all .3s}button.back:hover{background-color:#000;border:1px solid #000}.lightbox-overlay{animation:fadeIn .2s ease-in-out;background-color:#000000e6;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.lightbox-content,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-content{max-height:90vh;max-width:90vw;position:relative}.lightbox-content img{border-radius:8px;box-shadow:0 0 30px #00000080;max-height:100%;max-width:100%;object-fit:contain}.lightbox-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:0;top:-40px;transition:all .2s;width:40px}.lightbox-close:hover{color:#55a4a8;transform:scale(1.2)}@media screen and (max-width:640px){.lightbox-close{color:#fff;font-size:28px;left:50%;right:auto;top:-50px;transform:translateX(-50%)}}.lightbox-nav{background-color:#55a4a8b3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:48px;line-height:1;padding:15px 20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}.lightbox-nav:hover:not(:disabled){background-color:#55a4a8;transform:translateY(-50%) scale(1.1)}.lightbox-nav:disabled{cursor:not-allowed;opacity:.3}.lightbox-nav.lightbox-prev{left:20px}@media screen and (max-width:640px){.lightbox-nav.lightbox-prev{font-size:32px;left:5px;padding:10px 12px}}.lightbox-nav.lightbox-next{right:20px}@media screen and (max-width:640px){.lightbox-nav.lightbox-next{font-size:32px;padding:10px 12px;right:5px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (min-width:641px){.App .boxes{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.App .boxes .box{width:23%}.App .modal .container{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:60%;width:60%}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}
/*# sourceMappingURL=main.3a40ad2f.css.map*/