.create-room-visibility.svelte-15qgmfd {
    display: grid;
    min-height: 8.25rem;
    cursor: pointer;
    align-content: start;
    gap: 0.4rem;
    border: 1px solid rgb(var(--fg-rgb) / 0.1);
    border-radius: 0.9rem;
    background: rgb(var(--fg-rgb) / 0.025);
    padding: 0.9rem;
    color: rgb(var(--fg-rgb) / 0.66);
    transition: border-color 150ms ease, background 150ms ease, color 150ms ease;
  }

  .create-room-visibility.svelte-15qgmfd:hover,
  .create-room-visibility--active.svelte-15qgmfd {
    border-color: rgb(var(--primary-rgb) / 0.46);
    background: rgb(var(--primary-rgb) / 0.09);
    color: rgb(var(--fg-rgb));
  }

  .create-room-visibility.svelte-15qgmfd:focus-within {
    outline: 2px solid rgb(var(--primary-rgb) / 0.65);
    outline-offset: 2px;
  }