@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@900&display=swap);.person{padding:0 4px;position:relative;z-index:0}.person.disabled .person__image{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.5}.person.disabled .person__name{color:#aaa;text-decoration:line-through}.person__image{border-radius:12px;object-fit:cover;vertical-align:middle}@media only screen and (max-height:600px){.person__image{height:55vh;width:40vh}}.person__name{bottom:0;color:#fff;left:0;margin:0;padding:16px 8px;position:absolute;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.6);width:100%;z-index:1}@media only screen and (max-height:600px){.person__name{font-size:10px}}.people-list{border:2px solid #d4f;box-shadow:0 0 16px rgba(221,68,255,.8);margin-left:-8px;overflow:hidden;position:relative;transition:-webkit-filter .6s;transition:filter .6s;transition:filter .6s,-webkit-filter .6s;width:calc(100% + 16px)}.people-list.blured{-webkit-filter:blur(4px);filter:blur(4px)}.people-list__wrapper{background:#121820;display:flex;overflow:hidden;position:relative;width:100%}.people-list__wrapper:after,.people-list__wrapper:before{bottom:100%;box-shadow:0 0 16px 4px #000;content:"";height:50px;position:absolute;width:100%;z-index:9}.people-list__wrapper:after{top:100%}.people-list__cursor{display:block;height:100%;left:50%;position:absolute;top:0;-webkit-transform:scaleX(.4);transform:scaleX(.4);width:0;z-index:20}.people-list__cursor:after,.people-list__cursor:before{background:#d4f;box-shadow:0 0 16px #d4f,0 0 20px 4px rgba(0,0,0,.3);content:"";display:block;height:24px;left:0;position:absolute;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:24px;z-index:1}.people-list__cursor:after{top:100%}.button{background:#04d342;border:0;box-shadow:0 0 10px rgba(20,236,117,.5);color:#fff;cursor:pointer;font-size:20px;font-weight:600;letter-spacing:1px;margin-top:24px;padding:12px 40px;text-transform:uppercase;transition:box-shadow .2s}.button:hover{box-shadow:0 0 18px rgba(20,236,117,.7)}.button[disabled]{opacity:.5;pointer-events:none}:root{box-sizing:border-box}body,html{margin:0;padding:0}*,:after,:before{box-sizing:inherit}.App{align-items:center;background:#121820;font-family:sans-serif;height:100vh;justify-content:center;overflow:hidden;text-align:center}.App,.settings{display:flex;flex-direction:column}.settings{margin:0 auto;max-height:100%;padding:32px}.settings__heading{color:#fff}.settings__people-container{display:flex;flex-wrap:wrap;height:100%;justify-content:center;overflow:auto;width:100%}.settings .person{margin-bottom:8px}.settings .person__image{cursor:pointer;height:200px;transition:.15s;width:150px}.settings .person__image:hover{opacity:.9}.settings .person__name{font-size:14px;pointer-events:none}.reset-button{border-radius:50%;cursor:pointer;opacity:0;position:fixed;right:24px;top:24px;transition:opacity .2s;z-index:99}.reset-button.loaded{opacity:1}.reset-button svg{height:40px;width:40px}.reset-button path{fill:#ccc}.reset-button:hover path{fill:#04d342}.winner{left:calc(50% - 2px);position:fixed;top:50%;-webkit-transform:translate(-50%,calc(-50% - 36px));transform:translate(-50%,calc(-50% - 36px));transition:.6s;z-index:50}.winner:before{background:rgba(0,0,0,.3);content:"";height:100vh;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:inherit;width:100vw}.winner.revealed{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3)}.winner.revealed:before{opacity:1}.winner .person__image{box-shadow:0 0 0 rgba(0,0,0,.6);transition:box-shadow .6s}.winner.revealed .person__image{box-shadow:0 4px 8px rgba(0,0,0,.6)}.confetti-container{left:50%;position:fixed;top:50%;z-index:100}.bonanza .winner:not(.revealed){opacity:0}.bonanza .winner:before{display:none}.gif{left:50%;opacity:0;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:3s ease-out;z-index:999}.gif.loaded{opacity:1;-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}.everyone-wins{font-family:Arial,Helvetica,sans-serif;font-size:160px;font-weight:900;left:50%;line-height:1;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);z-index:999;width:100%}.everyone-wins:before{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background:#fff;content:"";border-radius:100% 10%;height:20vmax;-webkit-filter:blur(40px);filter:blur(40px);left:50%;max-width:800px;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:2s;width:50vmax}.everyone-wins div,.everyone-wins div:first-child{--row-delay:0}.everyone-wins div:nth-child(2){--row-delay:0.6}.everyone-wins div:nth-child(3){--row-delay:1.2}.everyone-wins div:nth-child(4){--row-delay:1.8}.everyone-wins div:nth-child(5){--row-delay:2.4}.everyone-wins span{-webkit-animation:flash .6s infinite;animation:flash .6s infinite;display:inline-block;-webkit-transform:scale(0) rotate(0);transform:scale(0) rotate(0);transition:2s cubic-bezier(.62,1.69,.63,.91)}.everyone-wins span:empty{width:.3em}.everyone-wins span:nth-child(3n){-webkit-animation-delay:.2s;animation-delay:.2s}.everyone-wins span:nth-child(3n+1){-webkit-animation-delay:.4s;animation-delay:.4s}.everyone-wins span:first-child{transition-delay:calc(0.5s*var(--row-delay))}.everyone-wins span:nth-child(2){transition-delay:calc(0.5s*var(--row-delay) + .2s)}.everyone-wins span:nth-child(3){transition-delay:calc(0.5s*var(--row-delay) + .4s)}.everyone-wins span:nth-child(4){transition-delay:calc(0.5s*var(--row-delay) + .6s)}.everyone-wins span:nth-child(5){transition-delay:calc(0.5s*var(--row-delay) + .8s)}.everyone-wins span:nth-child(6){transition-delay:calc(0.5s*var(--row-delay) + 1s)}.everyone-wins span:nth-child(7){transition-delay:calc(0.5s*var(--row-delay) + 1.2s)}.everyone-wins span:nth-child(8){transition-delay:calc(0.5s*var(--row-delay) + 1.4s)}.everyone-wins span:nth-child(9){transition-delay:calc(0.5s*var(--row-delay) + 1.6s)}.everyone-wins span:nth-child(10){transition-delay:calc(0.5s*var(--row-delay) + 1.8s)}.everyone-wins span:nth-child(11){transition-delay:calc(0.5s*var(--row-delay) + 2s)}.everyone-wins span:nth-child(12){transition-delay:calc(0.5s*var(--row-delay) + 2.2s)}.everyone-wins span:nth-child(13){transition-delay:calc(0.5s*var(--row-delay) + 2.4s)}.everyone-wins span:nth-child(14){transition-delay:calc(0.5s*var(--row-delay) + 2.6s)}.everyone-wins span:nth-child(15){transition-delay:calc(0.5s*var(--row-delay) + 2.8s)}.everyone-wins span:nth-child(16){transition-delay:calc(0.5s*var(--row-delay) + 3s)}.everyone-wins span:nth-child(17){transition-delay:calc(0.5s*var(--row-delay) + 3.2s)}.everyone-wins span:nth-child(18){transition-delay:calc(0.5s*var(--row-delay) + 3.4s)}.everyone-wins span:nth-child(19){transition-delay:calc(0.5s*var(--row-delay) + 3.6s)}.everyone-wins span:nth-child(20){transition-delay:calc(0.5s*var(--row-delay) + 3.8s)}.everyone-wins.loaded{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.everyone-wins.loaded:before{opacity:.5}.everyone-wins.loaded span{-webkit-transform:scale(1) rotate(1turn);transform:scale(1) rotate(1turn)}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes flash{0%,33%{color:red;text-shadow:.1em .1em 0 rgba(0,128,0,.8),.2em .2em 0 rgba(0,0,255,.6)}34%,66%{color:green;text-shadow:.1em .1em 0 rgba(0,0,255,.8),.2em .2em 0 rgba(255,0,0,.6)}67%,to{color:#00f;text-shadow:.1em .1em 0 rgba(255,0,0,.8),.2em .2em 0 rgba(0,128,0,.6)}}@keyframes flash{0%,33%{color:red;text-shadow:.1em .1em 0 rgba(0,128,0,.8),.2em .2em 0 rgba(0,0,255,.6)}34%,66%{color:green;text-shadow:.1em .1em 0 rgba(0,0,255,.8),.2em .2em 0 rgba(255,0,0,.6)}67%,to{color:#00f;text-shadow:.1em .1em 0 rgba(255,0,0,.8),.2em .2em 0 rgba(0,128,0,.6)}}
/*# sourceMappingURL=main.dd8a5667.chunk.css.map */