@import url(https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.chat{background-color:#2d343e;display:flex;flex-direction:column;height:800px;justify-content:space-between;margin-right:20px;padding:1rem;width:1200px}.chat .user-name{text-align:start;width:100%}.chat .user-name h2{border-bottom:1px solid #ffffff1a;font-weight:300;padding-bottom:1rem}.chat .chat-message{align-content:flex-start;display:flex;flex-direction:column;height:70%;overflow-y:auto;width:100%}.chat .chat-message .content img{height:100px;width:100px}.chat .chat-message .message{margin-left:0;padding-left:.5rem;width:100%}.chat .chat-message .message span{color:#000;font-size:.6rem;font-weight:200;padding-left:.5rem}.chat .chat-message .mess-right{display:flex;flex-direction:column;margin-left:auto;margin-right:0;max-width:220px;padding-right:.5rem}.chat .chat-message .mess-right p{background-color:#ff1e56;border-radius:10px 0 10px 10px;color:#fff;text-align:end}.chat .chat-message .mess-right span{padding-left:0;padding-right:.5rem;text-align:end;width:100%}.chat body{align-items:center;animation:strobe 1s infinite;background-color:red;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:24px;height:100vh;justify-content:center;margin:0;padding:0;text-align:center}.chat .color-selector{margin-bottom:10px;position:relative}.chat .color-dropdown{align-items:center;background:#fff;border:1px solid #ccc;cursor:pointer;display:flex;padding:10px}.chat .color-swatch{border-radius:3px;height:20px;margin-right:10px;width:20px}.chat .dropdown-menu{background:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;margin-top:5px;position:absolute;width:100%;z-index:1000}.chat .dropdown-item{align-items:center;cursor:pointer;display:flex;padding:10px}.chat .controls{left:20px;position:absolute;top:20px}.chat input{font-size:16px;padding:10px;width:100px}.chat label{font-size:16px;margin-right:10px}.chat .send{display:flex;height:50px;width:100%}.chat .send input{border:none;border-radius:5px 0 0 5px;padding-left:1rem;text-decoration:none;width:80%}.chat .send input:focus{outline:none}.chat .send button{background-color:#ffac41;border:none;border-radius:0 5px 5px 0;width:20%}.chat .send button:hover{cursor:pointer}.admin-panel{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px;position:absolute;top:0}.show-extras{margin-top:50px}h1,h2{color:#333}input[type=number],select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;margin:10px 0;padding:10px;transition:border-color .3s;width:100%}input[type=number]:focus,select:focus{border-color:#007bff;outline:none}.button-container{display:flex;justify-content:space-between;margin-top:20px}button{background-color:#007bff;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}button:hover{background-color:#0056b3}.room-previews{display:flex;flex-wrap:wrap;margin:-10px}.color-picker{margin-top:20px}.colors-list{display:flex;margin-top:10px}.color-box{border-radius:50%;cursor:pointer;margin-right:10px}.selected-room{filter:brightness(80%)}.extra-features{margin-top:20px}.extra-functionality-panel{display:flex;flex-direction:column;margin-top:10px}.color-settings{margin-top:20px}.room-preview{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:1;margin:5px;min-width:29%;padding:10px;text-align:left;transition:border .3s ease}.color-box.selected{border:3px solid #000}.room-preview:hover{box-shadow:0 4px 10px #0003}.room-preview.effect-active{border-color:red}.color-box{border:1px solid #000;border-radius:5px;display:inline-block;height:30px;margin:5px;vertical-align:middle;width:30px}.color-row{display:flex;margin-bottom:10px}.color-code{font-family:monospace}.room-preview p{color:#555;margin:4px 0}.color-swatch{border-radius:3px;color:#fff;display:inline-block;font-weight:700;margin-right:5px;padding:5px;text-align:center}.login-container{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-container h1{margin-bottom:20px}.login-container input{border:1px solid #ccc;border-radius:4px;margin:10px 0;padding:10px;width:300px}.login-container input:focus{border-color:#66afe9;outline:none}.login-container button{background-color:#5cb85c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.login-container button:hover{background-color:#4cae4c}.login-container .error{color:red;margin-top:10px}*{font-family:Muli,sans-serif}*,button{color:#000}button{background-color:#ffac41;border:none;border-radius:5px;font-size:1rem;padding:.5rem 1rem;width:100px}button:hover{cursor:pointer}body{margin:0}.App{align-items:center;background-color:#033c6e;display:flex;flex-direction:column;min-height:100vh;place-content:space-around;width:100%}.App .connection{align-items:center;background-color:#2d343e;border-radius:5px;display:flex;flex:2 1;flex-direction:column;height:500px;margin:1rem;padding:2rem;place-content:space-around;width:500px}.App .connection input{background-color:#404450;border:none;border-radius:5px;height:50px;padding-left:1rem;width:80%}.App .connection input:focus{outline:none}.App .room{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;place-content:center;width:100%}.App body{align-items:center;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.App .anfiteatro-container{height:800px;position:relative;width:340px}.App .logo-container{margin-bottom:20px;margin-top:20px;text-align:center}.App .anfiteatro-logo{display:inline-block;height:auto;width:350px}.App .anfiteatro{grid-gap:20px;align-items:end;display:grid;grid-template-columns:repeat(3,100px);justify-items:center;position:relative;width:360px}.App .fila-1{grid-gap:20px;display:grid;gap:20px;grid-column:1/4;grid-template-columns:repeat(3,100px);margin-bottom:40px}.App .escenario{align-items:center;background-color:#333;border-radius:10px;color:#fff;display:flex;font-size:20px;grid-column:1/4;height:80px;justify-content:center;width:100%}.App .fila-2{grid-gap:20px;display:grid;gap:20px;grid-column:1/4;grid-template-columns:repeat(3,100px)}.App .escalon{background-color:#007bff;border-radius:5px;box-shadow:0 4px 6px #0000001a;display:flex;height:80px;justify-content:center;width:100px}.App .escalon p{color:#fff;font-size:18px;margin:0}
/*# sourceMappingURL=main.13dd52ee.css.map*/