@media (prefers-color-scheme:light){:root{--Blue:#007fff;--Light-Blue:#e7f4ff;--Blue-Text:#4f8af0;--Text-1:#111;--Text-2:#323232;--Text-3:#4a4a4a;--Grey-1:#ebf0f4;--Grey-2:#f4f4f4;--Background:#fff;--Green:#24cc40;--Text-Red:#cc0f0f;--Red-Light-1:#ffd5d5;--Red-Light-2:#ffa7a7;--User-Blue:#2398ff;--User-Blue-Light:#2398ff26;--User-Orange:#ff9b37;--User-Orange-Light:#ff9b3726;--User-Red:red;--User-Red-Light:#ff000026;--User-Pink:#f0d;--User-Pink-Light:#ff00dd26;--User-Green:#00d312;--User-Green-Light:#00d31226;--User-Purple:#632fff;--User-Purple-Light:#632fff26}}@media (prefers-color-scheme:dark){:root{--Blue:#308be7;--Light-Blue:#121b2b;--Blue-Text:#4f8af0;--Text-1:#dfdfdf;--Text-2:#cdcdcd;--Text-3:#d6d6d6;--Grey-1:#24292e;--Grey-2:#1b1b1b;--Background:#000;--Green:#24cc40;--Text-Red:#d13a3a;--Red-Light-1:#341414;--Red-Light-2:#811515;--User-Blue:#2398ff;--User-Blue-Light:#2398ff40;--User-Orange:#ff9b37;--User-Orange-Light:#ff9b3740;--User-Red:red;--User-Red-Light:#ff000040;--User-Pink:#f0d;--User-Pink-Light:#ff00dd40;--User-Green:#00d312;--User-Green-Light:#00d31240;--User-Purple:#632fff;--User-Purple-Light:#632fff40}}html{height:100svh}body{background-color:var(--Background);flex-direction:column;font-family:Arial,Helvetica,sans-serif;margin:0;max-height:100%;overflow-x:hidden}body,header{display:flex}header{align-items:center;background-color:var(--Light-Blue);box-sizing:border-box;height:65px;justify-content:space-between;padding:20px;width:100%}.headerSideConatiner{display:flex;justify-content:end;width:70px}.headerCenterContainer{align-items:center;display:flex;flex-direction:column}.headerCenterContainer .roomName{margin:0}.headerLeft{justify-content:start}header .onlineUsers{color:var(--Green);font-size:16px;margin:0;width:100%}header .roomName{color:var(--Blue-Text);cursor:pointer;font-size:22px}footer{align-items:center;background-color:var(--Light-Blue);box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:max-content;padding:20px;width:100%}h1{color:var(--Text-2);font-size:24px;margin-bottom:0;margin-top:20px;text-align:center}textarea{word-wrap:break-word;all:unset;background-color:var(--Background);border-radius:14px;box-sizing:border-box;color:var(--Text-1);font-size:16px;max-width:800px;padding:14px;resize:none;white-space:pre-wrap;width:100%}textarea::-webkit-scrollbar{display:none}.content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;height:calc(100svh - 82px);overflow-y:auto;padding:20px}.content::-webkit-scrollbar,.content::-webkit-scrollbar-thumb{display:none}.content-mid-size{height:calc(100svh - 147px)}.content-small{height:calc(100svh - 222px)}.roomContainer{align-items:center;background-color:var(--Grey-1);border-radius:20px;flex-direction:column;max-width:800px;padding:10px}.roomContainer,.roomContainer .header{box-sizing:border-box;display:flex;justify-content:center;width:100%}.roomContainer .header{height:18px}.roomCode{color:var(--Text-2);font-size:16px;margin:0}.roomCode,.roomName{padding:0;text-align:center}.roomName{color:var(--Text-1);font-size:22px}button{all:unset;align-items:center;background-color:var(--Blue);border-radius:14px;color:var(--Background);cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;max-width:800px;width:100%}.buttonWhite{background-color:var(--Background);color:var(--Text-1)}.iconButton{all:unset;align-items:center;display:flex;justify-content:center;z-index:1}.iconButton,.smallButton{background-color:var(--Background);border-radius:8px;cursor:pointer;height:40px;width:40px}.smallButton{color:var(--Blue);font-family:sans-serif;padding:0}input{all:unset;align-items:center;color:var(--Text-1);font-size:22px;height:48px;justify-content:center;text-align:center}.selection,input{background-color:var(--Grey-1);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;max-width:800px;padding:10px;width:100%}.selection{gap:10px}.selection>p{color:var(--Text-3);font-size:16px;margin:0;text-align:center}.selectionCol,.selectionRow{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.selectionRow{display:flex;flex-direction:row}.selection .option{align-items:center;background-color:var(--Grey-1);border-radius:14px;box-sizing:border-box;color:var(--Text-2);cursor:pointer;display:flex;font-size:20px;height:max-content;justify-content:center;padding:10px;text-align:center;width:100%}.selection .option[chosen=true]{background-color:var(--Background)}.colorSelection .option[chosen=true]{background-color:var(--User-Blue-Light);color:var(--User-Blue)}.colorSelection .option:nth-child(2)[chosen=true]{background-color:var(--User-Purple-Light);color:var(--User-Purple)}.colorSelection .option:nth-child(3)[chosen=true]{background-color:var(--User-Pink-Light);color:var(--User-Pink)}.colorSelection .option:nth-child(4)[chosen=true]{background-color:var(--User-Red-Light);color:var(--User-Red)}.colorSelection .option:nth-child(5)[chosen=true]{background-color:var(--User-Green-Light);color:var(--User-Green)}.colorSelection .option:nth-child(6)[chosen=true]{background-color:var(--User-Orange-Light);color:var(--User-Orange)}.qrCode{max-width:400px;width:100%}.container{background-color:var(--Grey-1);flex-direction:column;gap:10px;max-width:800px;padding:10px;width:100%}.container,.windowMessage{border-radius:20px;box-sizing:border-box;display:flex}.windowMessage{word-wrap:break-word;align-items:center;animation:windowMessage 3s ease-in-out;background-color:var(--Red-Light-1);border:1px solid var(--Red-Light-2);justify-content:start;left:20px;padding:20px;position:fixed;top:-100%;width:calc(100% - 40px);z-index:30}.windowMessage p{color:var(--Text-Red);font-size:18px;margin:0}.windowMessage>img{height:24px;margin-left:14px;width:24px}.windowMessage>svg:first-child{stroke:var(--Red-Light-1)}.windowMessage>svg:last-child{stroke:var(--Red-Light-2)}@keyframes windowMessage{0%{top:-100%}5%{top:40px}10%{top:15px}12%{top:20px}90%{top:20px}to{top:-100%}}.chatMessages{gap:14px;width:100%}.chatMessages,.messageContainer{display:flex;flex-direction:column}.messageContainer{gap:4px;justify-content:start;margin-bottom:4px;max-width:100%}.sender{border-radius:6px 6px 2px 2px;font-size:16px;padding:4px 6px;width:max-content}.sender>p{margin:0}.messages{display:flex;flex-direction:column;gap:4px;margin:0}.message{word-wrap:break-word;background-color:var(--Grey-2);border:1px solid var(--Grey-1);border-radius:2px 6px 6px 6px;box-sizing:border-box;color:var(--Text-2);margin:0;max-width:100%;padding:8px 10px;white-space:pre-wrap;width:max-content}.red{background-color:var(--User-Red-Light);color:var(--User-Red)}.blue{background-color:var(--User-Blue-Light);color:var(--User-Blue)}.orange{background-color:var(--User-Orange-Light);color:var(--User-Orange)}.pink{background-color:var(--User-Pink-Light);color:var(--User-Pink)}.green{background-color:var(--User-Green-Light);color:var(--User-Green)}.purple{background-color:var(--User-Purple-Light);color:var(--User-Purple)}
/*# sourceMappingURL=main.3149ce54.css.map*/