*{box-sizing:border-box}a{text-decoration:none;color:var(--text)}li,p,ul{margin:0;padding:0}main{text-align:center}li{list-style:none}button{cursor:pointer;border:none;background-color:transparent}textarea{font-size:1rem;font-family:"Mulish","Roboto",sans-serif;font-weight:400}.container{max-width:var(--max-width);margin:30px auto 0}.list-container{width:100%;height:100%}.box,.list-container{background-color:var(--white)}.box{border-radius:7px;padding:30px 70px}.shadow{box-shadow:5px 5px 5px 0 rgba(0,0,0,.08)}.strong{font-weight:700}header{height:120px;background-color:var(--white)}nav{max-width:var(--max-width);font-weight:700;height:100%;margin:0 auto}nav .active{color:var(--primary)}nav ul li{padding:0 20px;line-height:120px;float:left}nav .userName{float:right;font-weight:400}nav .userName img{position:relative;top:5px}nav .userName .logout{cursor:pointer;padding:0 10px;color:var(--dim-gray)}nav .userName .login{cursor:pointer;color:var(--primary)}.spinner-box{display:inline-block}.pulse-container{padding:20px;display:flex;justify-content:space-between;align-items:center}.pulse-bubble{width:8px;height:8px;margin:3px;border-radius:50%;background-color:var(--light-gray)}.pulse-bubble-1{animation:pulse .6s ease 0s infinite alternate}.pulse-bubble-2{animation:pulse .6s ease .3s infinite alternate}.pulse-bubble-3{animation:pulse .6s ease .6s infinite alternate}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.85)}}.loading-bar{background-color:var(--primary);height:5px;position:fixed;top:0;z-index:9999}.my-question-mark{width:0;height:0;color:var(--white);border-bottom:50px solid transparent;border-right:50px solid var(--secondary);position:absolute;top:0;right:0}.my-question-mark span{font-size:.8rem;font-weight:700;margin-left:20px}.answer-card-small{background-color:var(--white);width:100%;height:190px;border:2px solid var(--secondary);border-bottom:none;padding:10px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.15);position:relative;transition:all .1s ease-in-out;cursor:pointer}.answer-card-small:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.answer-card-small:last-child{border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-bottom:2px solid var(--secondary)}.answer-card-small .questioner{display:flex;align-items:center}.avatar-img{width:40px;height:40px;border-radius:50%;padding:2px}.answer-card-small .options{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.answer-card-small .options .option{width:45%;padding:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;height:3em}.answer-card-small .options .selected{color:var(--primary);font-weight:700}.answer-card-small .options .or{font-size:1.2rem}.point{padding:10px 0;font-family:var(--point-font-bold);font-size:1.5rem}.answer-card-small .sub-info{font-size:.9rem;position:absolute;bottom:10px;right:10px;color:var(--dim-gray)}.answer-card-small .sub-info span:first-child{margin-right:10px}.no-result{width:100%;height:100%;padding:100px}.answer-card{background-color:var(--white);margin:0 auto;max-width:100%;border-radius:10px;padding:40px;box-shadow:2px 2px 5px 0 rgba(0,0,0,.15)}.answer-card .card-header-container{display:flex;align-items:center}.card-header-container .questioner{width:33%;display:flex;align-items:center;justify-content:left}.card-header-container .date-created{text-align:right;height:70px;line-height:70px;width:33%;font-size:1rem}.card-header-container .point{width:33%;font-size:2rem}.answer-card .answer-form{position:relative;width:100%;height:200px;margin:20px auto}.answer-form .middle-circle{z-index:1;position:absolute;top:50%;left:50%;background-color:var(--white);margin-left:-35px;margin-top:-35px;font-size:1.3rem;width:70px;height:70px;border-radius:50%;text-align:center;line-height:70px}.answer-form .answer-button{position:absolute;top:0;width:49.5%;padding:40px;height:100%;border:none;border-radius:7px;font-size:1.3rem;opacity:.75;transition:all .15s ease-in-out}.answer-form .answer-button:first-child{left:0;background-color:var(--primary)}.answer-form .answer-button:last-child{right:0;background-color:var(--secondary)}.answer-form .answer-button:hover{opacity:.9}.answer-card .poll-result{padding-bottom:20px;border-bottom:1px solid var(--light-gray)}.answer-card .options{position:relative;width:100%;height:200px;margin:20px auto}.answer-card .options .option{position:absolute;top:0;width:49.5%;padding:40px;height:100%;border:none;border-radius:7px;font-size:1.3rem;background-color:var(--lightest-gray)}.answer-card .options .option:first-child{left:0}.answer-card .options .option:last-child{right:0}.answer-card .option .option-text{font-size:1.1rem}.answer-card .option .graph-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;border-bottom-left-radius:7px;border-bottom-right-radius:7px;background-color:var(--primary);animation:slidein .8s ease-in-out}.answer-card .option:first-child .graph-bar{background-color:var(--primary)}.answer-card .option:last-child .graph-bar{background-color:var(--secondary)}.answer-card .option .poll-info{position:relative}.answer-card .option .percentage{padding:10px 0;font-size:2.5rem;animation:showup 2.5s}.answer-card .option .number-of-votes{font-size:.9rem}.answer-card .option .check-mark{width:20px;height:20px;display:none}.answer-card .selected .check-mark{display:inline}.answer-card .option .option-text{font-weight:700}@keyframes slidein{0%{height:0}}@keyframes showup{0%{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}.title-text{font-size:1.5rem;margin:10px 0;text-align:left;font-family:var(--point-font-bold)}.leader-list{width:100%}.leader-list .leader{width:100%;height:155px;background-color:var(--white);border:2px solid var(--lightest-gray);border-radius:7px;padding:10px;margin-bottom:10px;display:flex}.leader-list .selected{border-color:var(--primary)}.leader .user-image{width:25%;height:100%;padding:10px;position:relative;border-right:1px solid var(--lightest-gray)}.leader .user-image img{width:90%;height:90%}.leader .user-image .winner-mark img{max-width:60px;max-height:60px}.leader .user-image .winner-mark{position:absolute;top:0;left:0}.leader .user-info{width:50%;height:100%;padding:10px;text-align:left}.user-info .name{font-size:1.5rem;font-weight:700;text-indent:5px}.user-info .id{font-size:1.1rem;color:var(--dim-gray);text-indent:5px}.user-info ul{margin-top:15px}.user-info li{width:100%;height:100%;text-align:left;display:flex}.user-info li:last-child{border:none}.user-info li .text{width:96%}.user-info li .score{width:4%;font-size:1.2rem}.leader .user-score{width:25%;height:100%;padding:10px;font-weight:700;border-left:1px solid var(--lightest-gray)}.user-score .total{display:block;font-size:4.2rem;font-weight:400}.comments-container h4{text-align:left}.comments-list{margin-bottom:10px;border-bottom:1px solid var(--lightest-gray)}.comments-list:last-child{border-bottom:none}.comment{width:100%;height:100%;display:flex;text-align:left;padding:5px 0}.child-comment{width:95%;margin-left:5%}.comment .vote{width:50px;height:70px;border:1px solid var(--lightest-gray)}.comment .vote img{width:100%}.comment .vote-line{width:100%;height:13px}.comment .op-one .vote-line{background-color:var(--primary)}.comment .op-two .vote-line{background-color:var(--secondary)}.comment .content{width:calc(100% - 50px);height:100%;padding:5px 10px}.content .user-info .user-name{font-weight:700}.content .user-info .date-created{font-size:.8rem;color:var(--medium-gray)}.content .text{margin:5px 0}.content .buttons button{margin-left:-5px;color:var(--dim-gray);font-size:.95rem}.content .buttons .liked{color:var(--primary)}.new-comment{margin-bottom:10px}.new-comment h4{text-align:left}.new-comment form{text-align:right}.new-comment .comment-text{width:100%;border:1px solid var(--medium-gray)}.link-signup{color:var(--dim-gray)}.link-signup a{color:var(--primary);font-weight:700}.notfound h2{margin:0;font-size:300px}.notfound h2,.notfound p{color:var(--dim-gray)}.notfound a{color:var(--white);display:inline-block;width:100%;height:100%}@font-face{font-family:"Mulish";font-style:normal;src:url(/static/media/Mulish-VariableFont_wght.894f3c22.ttf) format("truetype")}@font-face{font-family:"Lobster";font-style:normal;src:url(/static/media/Lobster-Regular.9535d77e.ttf) format("truetype")}:root{--background:#f9f9f9;--text:#252525;--primary:#00c096;--secondary:#3f51b5;--white:#fff;--lightest-gray:#d3d3d3;--light-gray:silver;--medium-gray:#939799;--dim-gray:#666b6c;--max-width:900px;--point-font-bold:"Lobster"}html *{font-size:"20px"}body{margin:0;padding:0;font-family:"Mulish","Roboto",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#252525;color:var(--text);background:#f9f9f9;background:var(--background)}
/*# sourceMappingURL=main.6b640585.chunk.css.map */