/*!
 * Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2026 Fonticons, Inc.
 */
@import url("/assets/fonts-3a3c987c.css");
@import url("/assets/hello/window_chrome-e41790d6.css");

.fas,
.far,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Free'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

:is(.fas,
.far,
.fa)::before {
  content: var(--fa)/"";
}

@supports not (content: ""/"") {
  :is(.fas,
  .far,
  .fa)::before {
    content: var(--fa);
  }
}

.fa-sm {
  font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-fw {
  --fa-width: 1.25em;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-faucet {
  --fa: "\e005";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-heart {
  --fa: "\f004";
}

.fa-star {
  --fa: "\f005";
}

.fa-user {
  --fa: "\f007";
}

.fa-check {
  --fa: "\f00c";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-clock {
  --fa: "\f017";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-circle {
  --fa: "\f111";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-toilet {
  --fa: "\f7d8";
}

/*!
 * Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2026 Fonticons, Inc.
 */
:root {
  --fa-family-classic: 'Font Awesome 7 Free';
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-regular-400-a147dfc7.woff2");
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}

/*!
 * Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2026 Fonticons, Inc.
 */
:root {
  --fa-family-classic: 'Font Awesome 7 Free';
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-37210199.woff2");
}
.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}

.turbo-progress-bar {
  height: 4px;
  background-color: #9C89B8;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

input,
button,
select,
optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

label {
  display: inline-block;
}

ul {
  list-style: none;
}

html {
  background-color: #200B27;
  font-size: 18px;
}

body {
  color: #F0E6EF;
  font-family: system-ui, -apple-system;
  line-height: 1.5;
}

h1, h2, h3 {
  color: #EFC3E6;
  font-weight: lighter;
  margin-bottom: 0.5rem;
}
h1 small, h2 small, h3 small {
  font-weight: lighter;
}

h2 {
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  margin-top: 4rem;
}

h3 {
  margin-top: 2rem;
  font-weight: 400;
  font-size: 1.4rem;
}

p {
  line-height: 1.5;
}

a {
  text-decoration: underline;
  text-decoration-color: #9C89B8;
  text-underline-offset: 0.25rem;
  color: #F0E6EF;
}
a:hover {
  color: white;
}

p code, pre {
  border: 1px solid #4E155D;
  color: #F0E6EF;
  background-color: #230A29;
  padding: 0.5rem;
  border-radius: 4px;
}

pre {
  margin: 1rem 0;
  white-space: pre-wrap;
}

.scroll-wrapper {
  overflow: hidden;
}

.container {
  max-width: 992px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 auto;
}

.lead {
  font-size: 1.33rem;
}

@media screen and (min-width: 576px) {
  .row {
    display: flex;
  }
  .row > * {
    flex: 1 1 0;
  }
}
.d-none,
.btn-close {
  display: none;
}

.d-flex {
  display: flex;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 1rem;
}

.gap-4 {
  gap: 4rem;
}

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

.mt-1 {
  margin-top: 0.25rem;
}

.my-1 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mt-4 {
  margin-top: 4rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.px-1 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.list-unstyled {
  margin-trim: block;
}
.list-unstyled li {
  margin: 2rem 0;
}

.w-100 {
  width: 100%;
}

.sr-only {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.nav li {
  padding: 0.5rem;
}
.nav a {
  text-decoration: none;
}

.form-control,
.btn {
  border-radius: 0.375rem;
  outline: 0;
  padding: 0.25rem 0.5rem;
  border: 1px solid transparent;
  line-height: 1.75rem;
  text-decoration: none;
}

.form-control {
  color: #F0E6EF;
  border-color: #4E155D;
  background-color: #200B27;
  width: 100%;
}

.form-control::placeholder,
.text-body-secondary,
.form-text {
  color: rgba(233, 225, 240, 0.75);
}

.form-text {
  font-size: 0.8rem;
  line-height: 1.5rem;
}

.btn-primary {
  cursor: pointer;
  background-color: #550E60;
  border-color: #550E60;
  color: #F0E6EF;
}

.starve-hero {
  --m: 4rem;
  max-width: 500px;
  margin-top: var(--m);
  margin-bottom: var(--m);
}
@media screen and (min-width: 576px) {
  .starve-hero {
    --m: 8rem;
  }
}

.starve-heading {
  font-family: "Bree Serif", serif;
}
.starve-heading h1 {
  color: #fff;
}
.starve-heading p {
  color: #EFC3E6;
}

.starve-logo {
  border-radius: 3px;
  border: 1px solid #F0E6EF;
}

.feature-copy {
  padding-top: 4rem;
  margin-trim: block;
}

.feature-image {
  margin-top: 2rem;
}
.feature-image img {
  width: 100%;
}

.feature-left .feature-image {
  float: right;
}

@media screen and (min-width: 576px) {
  .feature-list li {
    max-width: 30%;
  }
  .feature-left > :nth-child(1) {
    order: 1;
    width: 40%;
  }
  .feature-left > :nth-child(2) {
    order: 0;
    width: 60%;
  }
  .feature-right .feature-copy {
    text-align: right;
  }
  .feature-right > :nth-child(1) {
    width: 40%;
  }
  .feature-right > :nth-child(2) {
    width: 60%;
  }
}
@media screen and (min-width: 576px) {
  .feature-copy {
    padding-top: 8rem;
  }
  .feature-image {
    margin-top: 6rem;
  }
}
.highlight, .alt-bg {
  background-color: #2D0836;
}

.alt-bg {
  border-top: 1px solid rgba(156, 137, 184, 0.2);
  border-bottom: 1px solid rgba(156, 137, 184, 0.2);
}

.devise header {
  text-align: center;
  margin: 70px 0 50px 0;
}
.devise .container {
  max-width: 400px;
  margin: 50px auto;
}

.nav-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.5rem 1rem;
  background-color: #550E60;
  border-radius: 6px;
}

.badge {
  font-size: 0.8rem;
  font-weight: bolder;
  border-radius: 6px;
  background-color: #9C89B8;
  color: #200B27;
  display: inline-block;
  padding: 0.2rem 0.4rem;
}

.footer,
.footer a {
  text-decoration: none;
  background-color: #230A29;
  color: #9C89B8;
}

.footer {
  padding: 4rem 0;
}