.pong.svelte-1szlm6f{width:400px;height:100%;margin:auto}#gameForm.svelte-1szlm6f{grid-row:2;grid-column:2;background-color:#000;color:#fff;padding:10px;border-radius:10px;border:solid 3px black;box-shadow:5px 5px 5px #0000004b}#gameForm.svelte-1szlm6f h2:where(.svelte-1szlm6f){text-align:center;font-size:1em}#gameForm.svelte-1szlm6f #btAzul:where(.svelte-1szlm6f){float:right}#game.svelte-1szlm6f{grid-row:3;grid-column:1/3;max-height:180px;background-color:wheat}#chat.svelte-1gvh756{padding:5px;height:95%;display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(3,33.3%);gap:2px 1px}@media (max-width: 767px){#chat.svelte-1gvh756{display:flex;flex-direction:column;row-gap:5px}}#profile.svelte-1gvh756{grid-row:1/2;grid-column:1;display:grid;grid-template-rows:60% 40%;background-color:#e9eb87;background-image:linear-gradient(343deg,#ca2b16,#fbff005e 70%);padding:10px;border-radius:10px;border:solid 3px black;box-shadow:5px 5px 5px #0000004b}#profile.svelte-1gvh756 #profile-pic:where(.svelte-1gvh756){display:grid;grid-template-columns:repeat(3,33.3%);grid-template-rows:50% 50%}#profile.svelte-1gvh756 #profile-pic:where(.svelte-1gvh756) p:where(.svelte-1gvh756){grid-column:1;grid-row:1;display:inline-block;position:relative;top:-10%;margin:0}#profile.svelte-1gvh756 #profile-pic:where(.svelte-1gvh756) select:where(.svelte-1gvh756){grid-column:1;grid-row:2;height:2em;background-color:#fff;border:none;border-radius:5px;margin-top:10px;display:inline-block;position:relative}#profile.svelte-1gvh756 #profile-pic:where(.svelte-1gvh756) img:where(.svelte-1gvh756){grid-row:1;grid-column:2/3}#profile.svelte-1gvh756 input:where(.svelte-1gvh756){display:inline;background-color:#fff;border:none;border-radius:5px;width:60%}#profile.svelte-1gvh756 label:where(.svelte-1gvh756){display:block}#messageForm.svelte-1gvh756{grid-row:2/3;grid-column:1;color:#fff;background-color:#e9eb87;background-image:linear-gradient(343deg,#ca2b16,#1c0221 70%);font-weight:700;padding:10px;border-radius:10px;border:solid 3px black;box-shadow:5px 5px 5px #0000004b}#messageForm.svelte-1gvh756 label:where(.svelte-1gvh756){margin-right:5px}#messageForm.svelte-1gvh756 input:where(.svelte-1gvh756){display:inline;background-color:#fff;border:none;border-radius:5px}#messageForm.svelte-1gvh756 button:where(.svelte-1gvh756){display:inline;margin-left:5px;border:1px solid black;border-radius:5px;padding:3px;background-color:#7affa6}#messageForm.svelte-1gvh756 button:where(.svelte-1gvh756):hover{background-color:#a8e44e}@media (min-width: 1180px){#profilepic.svelte-1gvh756{border:solid 2px black;position:relative;left:70px;top:10px}}@media (max-width: 1180px){#profilepic.svelte-1gvh756{border:solid 2px black}}#chatbox.svelte-1gvh756{background-color:#938274;min-height:200px;max-height:100%;overflow:scroll;padding:8px;margin:0 5px;border:solid 2px black;border-radius:5px;box-shadow:5px 5px 5px #0000004b;grid-column:3/6;grid-row:1/5;scrollbar-width:none}#messages.svelte-1gvh756{display:flex;flex-direction:column;overflow:auto;row-gap:5px;scrollbar-color:#ca2b16 #1c0221}.message.svelte-1gvh756{background-color:#7b5e7b;padding:10px;margin:1px;border:2px solid black;box-shadow:5px 5px 5px #0000004b;min-height:70px}.message.svelte-1gvh756 img:where(.svelte-1gvh756){border:solid 2px black}.message.svelte-1gvh756 p:where(.svelte-1gvh756){margin:0}.message.svelte-1gvh756 .nameText:where(.svelte-1gvh756){font-style:italic;font-weight:700}.message.svelte-1gvh756 .timeText:where(.svelte-1gvh756){display:inline;font-size:.9em;font-style:italic}.message.svelte-1gvh756 .nameText:where(.svelte-1gvh756),.message.svelte-1gvh756 .messageText:where(.svelte-1gvh756){display:inline-block;overflow-wrap:anywhere;text-wrap:wrap}.message.svelte-1gvh756 .text:where(.svelte-1gvh756){display:inline-block;margin-left:5px;padding:10px;background-color:inherit;max-width:50%;max-height:3em;overflow:scroll;scrollbar-color:#1c0221 #938274;scrollbar-width:none}#status.svelte-1gvh756{grid-row:1/2;grid-column:2;background-color:#1c0221;background-image:linear-gradient(343deg,#1c0221,#5049b15e 70%);color:#fff;padding:10px;border-radius:10px;border:solid 3px black;box-shadow:5px 5px 5px #0000004b}#status.svelte-1gvh756 h1:where(.svelte-1gvh756){font-size:1.5em}.connected.svelte-1gvh756{color:green}.not-connected.svelte-1gvh756{color:red}