.wrap.svelte-1xhi2iz{opacity:1;margin-left:0;position:relative;z-index:20;padding:0 1rem}@media(min-width:810px){.wrap.svelte-1xhi2iz{width:calc(50vw + 2rem);padding:0 2rem}}.wrap.svelte-1xhi2iz .room-list:where(.svelte-1xhi2iz){display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:10rem}.wrap.svelte-1xhi2iz .room-list:where(.svelte-1xhi2iz) button:where(.svelte-1xhi2iz){padding:1rem;color:#fff}.wrap.svelte-1xhi2iz .room-button:where(.svelte-1xhi2iz){margin-bottom:2rem;color:#fff;background:#202020;border:2px solid #f3f3f3;padding:2rem;height:20vh;transition:.4s ease height;overflow:hidden;width:100%;position:relative}@media(min-width:810px){.wrap.svelte-1xhi2iz .room-button:where(.svelte-1xhi2iz):hover{height:25vh;background:#f3f3f31a}}.wrap.svelte-1xhi2iz .room-players:where(.svelte-1xhi2iz){color:#ffffff80}.wrap.svelte-1xhi2iz .room-top:where(.svelte-1xhi2iz){display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;position:absolute;top:0;left:0;right:0;padding:1rem}.wrap.svelte-1xhi2iz .room-title:where(.svelte-1xhi2iz){text-transform:capitalize;padding:1rem 0;font-size:4rem;font-family:rbw-sans;font-weight:700;letter-spacing:-.02rem}.wrap.svelte-1xhi2iz .room-game:where(.svelte-1xhi2iz){color:#ffffff80}.wrap.svelte-1xhi2iz .room-game:where(.svelte-1xhi2iz) span:where(.svelte-1xhi2iz){font-weight:700;color:#fff}.wrap.svelte-1xhi2iz .room-game:where(.svelte-1xhi2iz){margin-bottom:1rem}.wrap.svelte-1xhi2iz .room-activity:where(.svelte-1xhi2iz){color:#ffffff80}.room-creator-input.svelte-1xhi2iz{border:2px solid #fff}.section-header.svelte-1xhi2iz{margin:3rem 0 1rem;font-size:2rem}.section-header.svelte-1xhi2iz .subtitle:where(.svelte-1xhi2iz){opacity:.5;font-size:.9rem;font-family:rbw-mono;white-space:nowrap}.split.svelte-1xhi2iz{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row}.user-name.svelte-1xhi2iz{color:#202020;background:#e2e2e2;padding:0 .2rem}.server-status.svelte-1xhi2iz{font-family:rbw-mono;padding:.1rem 0rem;font-size:.9rem;letter-spacing:-.1;line-height:1.1;height:2rem;line-height:2rem;position:relative}.server-status.svelte-1xhi2iz span:where(.svelte-1xhi2iz){opacity:.5}.room-top-buttons.svelte-1xhi2iz{display:flex;align-items:center;justify-content:space-between;flex-direction:row;font-family:rbw-mono}.room-top-buttons.svelte-1xhi2iz .room-name:where(.svelte-1xhi2iz){letter-spacing:.01rem;padding:.1rem .4rem;text-transform:uppercase;display:block;line-height:1.1}.room-top-buttons.svelte-1xhi2iz .exit-button:where(.svelte-1xhi2iz){font-family:rbw-mono;height:2rem;border-radius:1000px;display:flex;align-items:center;justify-content:center;gap:0rem;padding:.1rem;border:2px solid #202020}.room-top-buttons.svelte-1xhi2iz .exit-button:where(.svelte-1xhi2iz) .exit-button-icon:where(.svelte-1xhi2iz){width:1.5rem;height:1.5rem;line-height:0;border-radius:1000px;background-color:#202020;display:flex;align-items:center;justify-content:center}.room-top-buttons.svelte-1xhi2iz .exit-button:where(.svelte-1xhi2iz) .exit-button-icon:where(.svelte-1xhi2iz) svg:where(.svelte-1xhi2iz){height:.8rem;width:.8rem;fill:currentColor}.room-top-buttons.svelte-1xhi2iz .exit-button:where(.svelte-1xhi2iz){transition:.15s ease all}.room-top-buttons.svelte-1xhi2iz .exit-button:where(.svelte-1xhi2iz):hover{color:#202020;background-color:#f3f3f3;gap:.2rem}.room-top-buttons.svelte-1xhi2iz .exit-button:where(.svelte-1xhi2iz):hover svg:where(.svelte-1xhi2iz){fill:#fff}.online-icon.svelte-1xhi2iz{opacity:1;position:absolute;left:0;top:50%;transform:translate(-200%,-50%);height:.5rem;width:.5rem;border-radius:1000px;display:flex;align-items:center;justify-content:center;background-color:#0bd44a;line-height:0;vertical-align:middle}.online-icon.svelte-1xhi2iz:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#0bd44a;height:.8rem;width:.8rem;border-radius:1000px;opacity:.2}.online-icon.svelte-1xhi2iz svg:where(.svelte-1xhi2iz){fill:transparent;height:.6rem;width:.6rem}