.wheel-wrapper {
  /* Hide UI during page load */
  visibility: hidden;

  overflow: hidden;
  height: 100%;
  width: 100%;
}

.gui-wrapper {
  padding: 10px;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gui-wrapper > div {
  display: flex;
  flex-direction:row;
  gap: 10px;
  align-items: center;
}

select {
  padding: 2px;
}

label {
  margin-right: 5px;
}

button {
  padding: 10px 20px;
  cursor: pointer;
  margin-right: 10px;
  max-width: 100px;
}
#nameInput{
    border-color: #dbdbdb;
    box-shadow: inset 0 1px 2px #0a0a0a4d;
    /* border: 1px solid; */
    border-radius: 4px;
    flex: 1;
    font-family: BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    overflow: auto;
    padding: .6rem;
    min-height: 400px;
    width:100%;
}
.q-btn {
    align-items: stretch;
    border: 0;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 6px;
}