.minimizelopetto, .closelopetto {
  display: none!important;
}

.startnewconversation {
  position: static;
  width: 40px !important;
  height: 30px !important;
  border-radius: 8px;
  padding: 2px;
}

header.chroma-header > .action {
  grid-template-columns: 1fr!important;
}

header.chroma-header {
  grid-template-columns: 1fr auto auto!important;
  gap: var(--vw1)!important;
}

header.chroma-header .title-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}

header.chroma-header .title-wrapper span:last-child {
  font-size: var(--text-xs)!important;
  font-weight: 100!important;
  color: var(--fontcolor)!important;
}

.backtolottoland-standalone {
  display: grid!important;
}

.ios-close-button {
  display: flex!important;
}


@media (min-width: 660px) {

  .lopetto-wrapper {
    width: 100%!important;
    right: unset!important;
    left: unset!important;
    height: 100vh!important;
    top: unset!important;
    bottom: unset!important;
    border-radius: unset!important;
    overflow: hidden!important;
    box-shadow: unset!important;
    position: static!important;
    max-height: 100vh!important;
  }

  .chat_display {
    padding-inline: calc(1.5 * var(--Hpadding))!important
  }

  .question-input-wrapper {
    width: calc(100% - (3 * var(--Hpadding)))!important;
    left: calc(1.5 * var(--Hpadding)) !important;
  }

  header {
    padding-inline: calc(1.5 * var(--Hpadding))!important;
  }

  .startnewconversation {
    display: grid!important;
    grid-template-columns: 1fr auto!important;
    justify-content: center!important;
    width: max-content !important;
    padding: 1px 9px!important;
    border: 1px solid var(--grey)!important;
    font-size: var(--text-xs)!important;
    gap: var(--vw1-5)!important;
    background: none!important;
    transform: translateX(-30px)!important;
    font-weight: 100!important;
  }

  .startnewconversation span {
    display: block!important;
  }

}

@media (min-width: 1000px) {
  :root {
    --Hpadding: 15vw!important;
  }
}