.room-code-settings{margin:26px 0 18px;padding-top:22px;border-top:1px solid #30404d}.room-code-settings h3{margin:0 0 8px;font-size:17px}.room-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:18px 0}.room-code-grid form{display:grid;gap:10px;align-content:start;padding:20px;border:1px solid #2b3b48;background:#101820}.room-code-grid h4{font-size:14px;margin:0}.room-code-grid .hint{margin:0 0 5px;min-height:36px}.room-code-grid label{font-size:11px;color:#b5c7d4}.room-code-grid input{box-sizing:border-box;width:100%;min-width:0}.room-code-grid button{margin-top:6px;justify-self:start}.room-code-message{font-size:12px;line-height:1.5;margin:0;color:#b8d9cf}.room-code-message:empty{display:none}@media(max-width:650px){.room-code-grid{grid-template-columns:1fr}.room-code-grid .hint{min-height:0}}