@import url("/assets/lobster_two/lobster_two-018cbea7.css");
@import url("/assets/lucide/lucide-2828cda0.css");
@import url("/assets/picocss/pico.lime.min-357fed0b.css");

.pico-color-lime-200 {
  color: #a5d601;
}

.lovli-flex {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lovli-main {
  margin-top: auto;
  margin-bottom: auto;
  max-width: 800px;
}

.lovli-footer {
  color: var(--pico-muted-color);
  text-align: center;
  font-size: 0.7rem;
  margin-bottom: var(--pico-typography-spacing-vertical);
}

.lovli-footer > a {
  text-decoration: none;
}

.lovli-text-center {
  text-align: center;
}

.lovli-title {
  font-family: "Lobster Two";
  font-size: 10rem;
}

.lovli-subtitle {
  font-family: "Lobster Two";
  margin-top: 2rem;
}

.lovli-form {
  margin-top: 4rem;
}

.lovli-invalid {
  color: var(--pico-del-color);
}

.lovli-result {
  display: flex;
  column-gap: 1rem;
  margin-top: 4rem;
}

.lovli-button {
  margin-bottom: var(--pico-spacing);
}

.lovli-link {
  text-underline-offset: var(--pico-text-underline-offset);
  --pico-box-shadow: var(--pico-button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
  padding: var(--pico-form-element-spacing-vertical)
    var(--pico-form-element-spacing-horizontal);
  border: var(--pico-border-width) solid var(--pico-border-color);
  border-radius: var(--pico-border-radius);
  outline: 0;
  background-color: var(--pico-background-color);
  box-shadow: var(--pico-box-shadow);
  color: var(--pico-color);
  font-weight: var(--pico-font-weight);
  font-size: 1rem;
  line-height: var(--pico-line-height);
  text-align: center;
  text-decoration: none;
  user-select: none;
  transition:
    background-color var(--pico-transition),
    border-color var(--pico-transition),
    color var(--pico-transition),
    box-shadow var(--pico-transition);
  margin-bottom: var(--pico-spacing);
  display: inline-block;
  cursor: pointer;
  --pico-color: var(--pico-secondary);
  --pico-border-color: var(--pico-secondary);
}

.lovli-link:is(:hover, :active, :focus) {
  --pico-color: var(--pico-secondary-hover);
  --pico-border-color: var(--pico-secondary-hover);
}

.lovli-link:hover {
  --pico-box-shadow: var(
    --pico-button-hover-box-shadow,
    0 0 0 rgba(0, 0, 0, 0)
  );
}

.lovli-link:focus {
  --pico-box-shadow:
    var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
    0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
}