.junction-create-room{min-height:100vh;padding:2rem;display:grid;place-items:center;background:radial-gradient(circle at top,#4f2480 0,#1b0c2e 42%,#10071d 100%)}.create-room-card{width:min(42rem,100%);padding:3rem;border:1px solid rgb(255 255 255/16%);border-radius:1.5rem;background:rgb(16 7 29/88%);box-shadow:0 2rem 5rem rgb(0 0 0/35%)}.create-room-card h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,8vw,4rem)}.create-room-card form{display:grid;grid-gap:.75rem;gap:.75rem;margin:2rem 0}.create-room-card label{font-weight:650}.create-room-card input:not([type=checkbox]),.create-room-card select{width:100%;min-height:2.8rem;padding:.65rem .8rem;border:1px solid rgb(255 255 255/24%);border-radius:.55rem;background:#1b0c2e;color:inherit;font:inherit}.create-room-card small{color:#c7b9d7;overflow-wrap:anywhere}.create-room-card .karaoke-toggle{display:flex;align-items:center;gap:.65rem;margin:.75rem 0}.create-room-card .karaoke-toggle input{width:1.1rem;height:1.1rem;accent-color:#a66cf2}.create-room-card form>button{min-height:2.8rem;border:0;border-radius:.55rem;background:#8c4bd1;color:white;font:inherit;font-weight:700;cursor:pointer}.create-room-card form>button:disabled{opacity:.65;cursor:wait}@media (max-width:36rem){.junction-create-room{padding:1rem}.create-room-card{padding:1.5rem}}