main {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.4
}

.header-logo {
  height: 60px;
  width: 100%;
  margin-bottom: 0px
}

.wrapper {
  border-width: 0px;
  padding: 0px
}

.modal-container {
  padding: 0px
}

.modal-content {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1rem
}

.disclaimer-section {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity))
}

.disclaimer-section a {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
  text-decoration-line: underline
}

.reset-options .option-button {
  border-width: 1px;
  border-color: var(--color-primary);
  color: var(--color-on-primary);
  background-color: var(--color-primary)
}

.reset-options .option-button:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.reset-options .option-button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.close-btn {
  top: 1rem;
  right: 1rem;
  fill: #fff
}

