body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{align-items:center;background:#214475;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Jost;font-size:1rem;font-style:normal;font-weight:500;height:100vh;line-height:1;min-height:-webkit-fill-available;width:100%}:root{--color-primary:#214475;--color-button-primary:#f18660;--color-button-hover:#fbb11a;--color-button-disabled:#ad583a;--color-button-error:#f19898;--color-text-placeholder:#122641}button{background:#f18660;background:var(--color-button-primary);color:#fff}button:hover{background:#fbb11a;background:var(--color-button-hover);color:#fff}button:disabled,button[disabled]{background-color:#ad583a;background-color:var(--color-button-disabled);border:2px solid #fff;color:#fff}::-webkit-input-placeholder{color:#122641;color:var(--color-text-placeholder)}:-moz-placeholder{color:#122641;color:var(--color-text-placeholder)}input{color:#122641;color:var(--color-text-placeholder)}.lobby{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;font-size:calc(.8rem + .3vw);height:90vh;height:100dvh;justify-content:center;min-height:-webkit-fill-available;padding:1rem;text-align:center;width:100vw;width:100dvw}.lobby h1{font-size:calc(1.1rem + .3vw);font-weight:500;line-height:1.5rem;margin:0;padding:2rem 0 0}.lobby__players{flex-direction:column;flex-grow:1;justify-content:space-evenly;max-width:95vw;padding:.2rem 0;width:400px}.lobby__player,.lobby__players{align-items:center;display:flex}.lobby__player{flex-direction:row;height:3.4rem;justify-content:space-around;width:90%}.lobby__player img{height:2.5rem;width:2.5rem}.lobby__player-name{font-size:calc(1rem + .3vw);font-weight:500;line-height:1.5rem;padding-right:1.2rem}.lobby__player-ready{color:#36ce08;font-size:1rem;font-weight:100;line-height:1rem;text-align:center;width:3rem}.lobby-button{border:2px solid #fff;border-radius:3rem;cursor:pointer;height:2rem;margin-left:.2rem;width:8rem}.lobby-button,.lobby__host-controls{align-items:center;display:flex;justify-content:center}.lobby__host-controls{flex-direction:column;padding:2rem 0}.lobby__host-controls hr{border:1px solid #fff;width:10rem}@media only screen and (min-width:700px){.lobby{max-height:700px;max-width:500px}.lobby-button{font-size:1.1rem;height:3rem}}.welcome{background:#214475;height:100vh;width:100vw}.welcome,.welcome__login-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.welcome__login-container{max-width:400px;width:calc(80% - 2vw)}.welcome__login-container h1{font-size:2rem;line-height:2rem;padding-bottom:2rem}.welcome__login-error{color:#f19898;font-size:.75rem;line-height:1.1rem;text-align:left}.welcome__login-error-container{height:1rem;margin-top:.3rem;text-align:left}.welcome__input--login,.welcome__input--room{border-radius:2rem;display:flex;height:2rem;width:100%}.welcome__bottom-container{margin-top:1rem;width:100%}.welcome__bottom-container,.welcome__bottom-container--right{align-items:center;display:flex;justify-content:space-between}.welcome__bottom-container--right{box-sizing:border-box;flex-direction:column;padding-left:1rem;width:50%}.welcome__bottom-container--left{align-items:center;border-right:2px solid #fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding-right:1rem;width:50%}.welcome__login-button--container{display:flex;flex-direction:row-reverse;justify-content:flex end;padding-top:1rem;width:100%}.welcome__login-button{border:2px solid #fff;border-radius:3rem;color:#fff;cursor:pointer;height:2rem;justify-content:center;margin-left:.2rem;width:100%}.room,.welcome__login-button{align-items:center;box-sizing:border-box;display:flex}.room{flex-direction:column;font-size:1rem;height:90vh;height:100dvh;padding:1rem;width:100vw;width:100dvw}.room__main-container{flex-direction:column;height:100%;max-height:700px;max-width:500px}.header,.room__main-container{align-items:center;display:flex;width:100%}.header{align-self:start;justify-content:center;justify-self:start;padding-top:1%}.header,.info-container{flex-direction:row;text-align:center}.info-container{align-items:center;display:flex;gap:1rem;height:3rem;justify-content:space-between;padding-bottom:1rem;width:100%}.room-info{align-items:start;flex-direction:column;font-family:Jost;font-size:.75rem;font-style:normal;font-weight:500;justify-content:start;line-height:1rem}.player_info,.room-info{display:flex;flex-wrap:wrap;max-height:3rem}.player_info{align-items:center;flex-direction:row;gap:.5rem;justify-content:end;max-width:48%;min-width:30%;text-align:end}.player_img{border:1px solid #fff;border-radius:3rem;display:flex;height:1.8rem;width:1.8rem}.player_name{flex-wrap:wrap;font-size:.7rem;height:3rem;text-align:center}.player_name,.room__game-container{align-items:center;display:flex;justify-content:center}.room__game-container{flex-basis:100%;flex-direction:column;font-size:1rem;padding-bottom:1rem}.sentence-container{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1rem;justify-content:space-between;line-height:2.3;margin-bottom:.8rem;min-height:50%;width:100%}.sentence{line-height:2.6}.room__player [placeholder]::-webkit-input-placeholder{color:#fff;text-align:center}.room__player[placeholder]:-moz-placeholder{color:#fff;text-align:center}.player_text{padding:0 .5rem 0 .2rem}.room__player,.room__player-punctuation-container{display:inline-block}.room__player{position:relative;-webkit-transform:translateY(1rem);transform:translateY(1rem)}.room__player input{background-color:inherit;background-position:50%;background-repeat:no-repeat;background-size:3rem;border:none;border-bottom:1px solid #fff;line-height:1;padding:5px;width:5rem}.room__player .room__player-text--below{font-style:italic;margin-top:-1rem;text-align:center}#avatar{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:swingHead;animation-name:swingHead;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;border-bottom:1px dashed #f19898;text-indent:-10rem}#avatar:focus{-webkit-animation-duration:0s;animation-duration:0s;-webkit-animation-name:swingHead;animation-name:swingHead;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-color:transparent;background-position-x:500%;border:none;border-bottom:1px solid #f19898;outline:none;text-indent:-10rem}.room__waiting{align-items:center;display:flex;justify-content:center;text-align:center}.room__bottom{display:flex;flex-direction:column;width:100%}.room__bottom-container{align-items:center;display:flex;flex-direction:row;gap:.2rem;justify-content:space-between;width:100%}.room__input-container--left{align-items:center;display:flex;flex:1 1;flex-direction:column}.room__input-container--right{display:flex}.room__input-bottom{border:1px solid var(--color-text-placeholder);border-radius:2rem;display:flex;font-size:.75rem;height:2rem;padding:0 .4rem;text-align:center;width:95%}.room__instructions{display:flex;flex-direction:row;font-size:.7rem;justify-content:center;margin-top:.2rem;padding-top:.3rem;text-align:center;width:100%}.room__instructions p span{color:#f19898}.room__button{border:2px solid #fff;border-radius:3rem;cursor:pointer;height:2rem;margin-left:.2rem;width:6rem}.room__button,.room__waiting-alert{align-items:center;display:flex;justify-content:center}.room__waiting-alert{font-size:1rem;height:5rem;text-align:center;width:100%}@-webkit-keyframes swingHead{0%{background-position-x:40%;background-position-y:30%;border-bottom:1px solid #f19898}25%{background-position-y:50%;border-bottom:1px dashed #f19898}50%{background-position-x:70%;background-position-y:30%;border-bottom:1px solid #f19898}75%{background-position-y:50%;border-bottom:1px dashed #f19898}to{background-position-x:40%;background-position-y:30%;border-bottom:1px solid #f19898}}@keyframes swingHead{0%{background-position-x:40%;background-position-y:30%;border-bottom:1px solid #f19898}25%{background-position-y:50%;border-bottom:1px dashed #f19898}50%{background-position-x:70%;background-position-y:30%;border-bottom:1px solid #f19898}75%{background-position-y:50%;border-bottom:1px dashed #f19898}to{background-position-x:40%;background-position-y:30%;border-bottom:1px solid #f19898}}@media only screen and (min-width:700px){.room{align-items:center;justify-content:center;max-height:700px;max-width:500px}.room-info{font-size:1rem;gap:.2rem}.player_name{font-size:1.2rem}.player_img{height:2.2rem;width:2.2rem}.sentence{font-size:1.2rem;line-height:2.3;padding-bottom:1rem}.room__instructions{font-size:1rem}.room__button,.room__input-bottom{font-size:1.1rem;height:2.6rem}.room__button{width:7rem}}.results{display:flex;flex-direction:column;height:90vh;height:100dvh;justify-content:space-between;min-height:-webkit-fill-available;padding:1rem}.results-room-info{flex-direction:row;width:100%}.results-container,.results-room-info{align-items:center;display:flex;justify-content:center}.results-container{flex-basis:100%;flex-direction:column;flex-grow:1;font-size:1.1rem;gap:.3rem}.results__sentence-container{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;font-size:1rem;justify-content:space-between;line-height:2.3;margin-bottom:.8rem;width:100%}.results__sentence{line-height:2.6;max-width:400px}.results-button{align-items:center;border:2px solid #fff;border-radius:3rem;cursor:pointer;height:2rem;justify-content:center;margin-left:.2rem;width:7rem}.results__vote-container{display:flex;flex-direction:column;font-size:large;gap:1rem;justify-content:center;padding-top:1rem;text-align:center}#voteIcons{cursor:pointer;display:flex;gap:.1rem;justify-content:space-between;margin:0 auto;padding:.3rem 0 1rem;width:8rem}.fa-laugh{color:#37b007;height:1.3rem}.fa-smile{color:#a6e300;height:1.3rem}.fa-meh{color:#e8dc00;height:1.3rem}.fa-frown{color:#e07f00;height:1.3rem}.fa-dizzy{color:#de2904;height:1.3rem}.results__bottom-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding-top:1rem;text-align:center;width:100%}.results-button{display:flex;font-size:1rem;height:2.6rem;width:9rem}.results__bottom-info{font-size:1rem;height:1rem;width:100%}.mytooltip{display:inline;overflow:hidden;position:relative;z-index:999}.mytooltip .tooltip-item{cursor:pointer;display:inline-block}.mytooltip .tooltip-content{align-items:center;background:rgba(0,0,0,.8);border-radius:10rem;bottom:100%;cursor:default;display:flex;font-size:1rem;left:0;line-height:1;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:11rem;z-index:9999}.mytooltip .tooltip-content:after{border-color:rgba(0,0,0,.8) transparent transparent;border-width:.625rem;content:"";height:0;left:50%;margin-left:-.625rem;pointer-events:none;position:absolute;top:100%;width:0}.mytooltip .tooltip-content img{display:block;max-width:3.5rem;position:relative}.mytooltip .tooltip-item:after{bottom:100%;content:"";height:1.25rem;left:50%;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:22.5rem}.mytooltip:hover .tooltip-item:after{pointer-events:auto}.mytooltip:hover .tooltip-content{opacity:1;pointer-events:auto;-webkit-transform:translateZ(0) rotate3d(0,0,0,0deg);transform:translateZ(0) rotate3d(0,0,0,0deg)}.mytooltip .tooltip-text{display:flex;flex:1 1;justify-content:center;padding:1rem}@media only screen and (min-width:750px){.results{align-items:center;box-sizing:border-box;justify-content:center;max-height:700px;max-width:500px}.results__sentence{font-size:1.2rem;line-height:2.3;max-width:550px}.results-container{justify-content:space-around}}
/*# sourceMappingURL=main.8a2888c4.css.map*/