body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,html,body,.app{width:100%;height:100%}h1{padding:0;margin:0}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.user-card{background:#00000080;min-width:200px;border-radius:5px;justify-content:center;height:150px;margin:10px;display:flex;flex-direction:column;align-items:center;position:relative}.user-card__top{top:5px;left:5px;position:absolute}.user-card__top__status{width:10px;height:10px;border-radius:3px}.user-card .online{background:#1a781a}.user-card .offline{background:#7b7b7b}.user-card.small{height:100px;align-items:center}.user-card.small .user-card__name{padding:0}.user-card__name{font-size:20px;font-weight:600;padding-top:10px}.user-card__result{font-size:40px}.story{max-width:800px;justify-content:center;display:flex;margin:10px;font-size:20px;padding:0 10px;border-radius:5px;height:30px;background:#0000004d;transition:.2s all}.story__number{width:30px}.story__name{flex:1;text-align:center}.story:hover{cursor:pointer;background:#00000080}.voting{width:800px;margin:0 auto}.users{display:flex;justify-content:center;flex-wrap:wrap}.result{font-size:40px;text-align:center}.room{text-align:center}.app{background:linear-gradient(145deg,#7c00ff,#00d4ff);color:#fff;overflow:auto}.app__title,.app h2{color:#fff;text-align:center;font-size:70px}.app hr{margin:20px 0}.app h1{color:#fff}.app h2{color:#fff;font-size:30px;margin-bottom:50px}.app .txtField{text-align:center}.app__form{width:350px;padding:0;margin:0 auto;display:flex;flex-direction:column}.app__form input{height:30px;border-radius:5px;border:none;background:#fffc}.app__form input:not(:last-child){margin-bottom:10px}button{height:30px;border-radius:5px;border:none;background:#0000004d;color:#fff;transition:.2s all}button:hover{background:#00000080;cursor:pointer}button:disabled{opacity:.5}.danger{background:#c800004d}.danger:hover,.error{background:#c8000080}.info{background:#33333380}.message{border-radius:5px;margin-top:10px;padding:5px;text-align:center}label{display:flex;justify-content:center;align-items:center;height:22px}label input[type=checkbox]{height:13px}