._beat_5rhsb_1, ._fade_5rhsb_1, ._beatFade_5rhsb_1, ._bounce_5rhsb_1, ._flip_5rhsb_1, ._shake_5rhsb_1, ._spin_5rhsb_1, ._pulse_5rhsb_1 {
  animation-delay: var(--font-class-animationDelay, 0);
  animation-direction: var(--font-class-animationDirection, normal);
  animation-duration: var(--font-class-animationDuration, 1s);
  animation-iteration-count: var(--font-class-animationIterationCount, infinite);
  animation-timing-function: var(--font-class-animationTimingFunction, ease-in-out);
}
@media (prefers-reduced-motion: reduce) {
  ._beat_5rhsb_1, ._fade_5rhsb_1, ._beatFade_5rhsb_1, ._bounce_5rhsb_1, ._flip_5rhsb_1, ._shake_5rhsb_1, ._spin_5rhsb_1, ._pulse_5rhsb_1 {
    transition-delay: 0s;
    transition-duration: 0s;
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
  }
}

._beat_5rhsb_1 {
  animation-name: _beat_5rhsb_1;
}
@keyframes _beat_5rhsb_1 {
  from, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--font-class-beatScale, 1.25));
  }
}

._fade_5rhsb_1 {
  animation-name: _fade_5rhsb_1;
  animation-timing-function: var(--font-class-animationTimingFunction, cubic-bezier(0.4, 0, 0.6, 1));
}
@keyframes _fade_5rhsb_1 {
  50% {
    opacity: var(--font-class-fadeOpacity, 0.4);
  }
}

._beatFade_5rhsb_1 {
  animation-name: _beatFade_5rhsb_1;
  animation-timing-function: var(--font-class-animationTimingFunction, cubic-bezier(0.4, 0, 0.6, 1));
}
@keyframes _beatFade_5rhsb_1 {
  from, to {
    transform: scale(1);
    opacity: var(--font-class-beatFadeOpacity, 0.4);
  }
  50% {
    transform: scale(var(--font-class-beatFadeScale, 1.125));
    opacity: 1;
  }
}

._bounce_5rhsb_1 {
  animation-name: _bounce_5rhsb_1;
  animation-timing-function: var(--font-class-animationTimingFunction, cubic-bezier(0.28, 0.84, 0.42, 1));
}
@keyframes _bounce_5rhsb_1 {
  from {
    transform: scale(1) translateY(0);
  }
  10% {
    transform: scale(var(--font-class-bounceStartScaleX, 1.1), var(--font-class-bounceStartScaleY, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--font-class-bounceJumpScaleX, 0.9), var(--font-class-bounceJumpScaleY, 1.1)) translateY(var(--font-class-bounceJumpHeight, -0.5em));
  }
  50% {
    transform: scale(var(--font-class-bounceLandScaleX, 1.05), var(--font-class-bounceLandScaleY, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1) translateY(var(--font-class-bounceRebound, -0.125em));
  }
  64% {
    transform: scale(1) translateY(0);
  }
  to {
    transform: scale(1) translateY(0);
  }
}

._flip_5rhsb_1 {
  animation-name: _flip_5rhsb_1;
}
@keyframes _flip_5rhsb_1 {
  50% {
    transform: rotate3d(var(--font-class-flipX, 0), var(--font-class-flipY, 1), var(--font-class-flipZ, 0), var(--font-class-flipAngle, -180deg));
  }
}

._shake_5rhsb_1 {
  animation-name: _shake_5rhsb_1;
  animation-timing-function: var(--font-class-animationTimingFunction, linear);
}
@keyframes _shake_5rhsb_1 {
  from {
    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%, to {
    transform: rotate(0deg);
  }
}

._spin_5rhsb_1 {
  animation-name: _spin_5rhsb_1;
  animation-duration: var(--font-class-animationDuration, 2s);
  animation-timing-function: var(--font-class-animationTimingFunction, linear);
}
@keyframes _spin_5rhsb_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

._pulse_5rhsb_1 {
  animation-name: _spin_5rhsb_1;
  animation-timing-function: var(--font-class-animationTimingFunction, steps(8));
}._questionnaire_11wty_1 > header > button {
  border-radius: 1ch;
  padding: 0.5ch 1ch;
  border: 1px solid light-dark(#cbdfff, #20242a);
}

._questionnaire_11wty_1 > header > button {
  background-color: light-dark(#f9fbff, #171b21);
}
._questionnaire_11wty_1 > header > button:active {
  translate: 0 0.25ch;
}
._questionnaire_11wty_1 > header > button:hover {
  border-color: #e5b04d;
}

._big_11wty_17 {
  font-size: 300%;
}

._questionnaire_11wty_1 {
  display: grid;
  grid: max-content/1fr;
  background: Canvas;
  padding: 1ch;
  padding-top: 0;
}
._questionnaire_11wty_1 > header {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  padding-block: 1ch;
  gap: 1ch;
  background: Canvas;
  z-index: 1;
  position: sticky;
  top: 0;
}._questionnaire_g92q9_1 > fieldset > legend {
  color: #e5b04d;
  font-weight: 500;
}

._questionnaire_g92q9_1 > fieldset {
  background: linear-gradient(light-dark(#f9fbff, #171b21), light-dark(#edf4fd, #0e1217));
  border-radius: 1ch;
  border: 1px solid light-dark(#cbdfff, #20242a);
  padding: 1ch;
}
._monospace_g92q9_12 {
  font-family: monospace;
}

._check_g92q9_16 {
  aspect-ratio: 1;
  width: 1em;
}

._questionnaire_g92q9_1, ._questionnaire_g92q9_1 > fieldset {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1ch;
}
._questionnaire_g92q9_1 > fieldset > small {
  color: light-dark(#778088, #9299a0);
}._input_136ap_1:not([type=range]):not(._slider_136ap_1 > :last-child) {
  border-radius: 1ch;
  padding: 0.5ch 1ch;
  border: 1px solid light-dark(#cbdfff, #20242a);
}

._input_136ap_1:not([type=range]) {
  font-family: Arial, Helvetica, sans-serif;
}
._input_136ap_1:not([type=range]):not(._slider_136ap_1 > :last-child) {
  background-color: light-dark(#f9fbff, #171b21);
  min-width: 0;
}

._slider_136ap_1 {
  display: grid;
  grid: 1fr/1fr max-content;
  gap: 0.5ch 1ch;
}
._slider_136ap_1 > :first-child {
  accent-color: #e5b04d;
  appearance: none;
  background: linear-gradient(to right, #e5b04d 0%, #e5b04d var(--perc), light-dark(#f9fbff, #171b21) var(--perc), light-dark(#f9fbff, #171b21) 100%);
  border-radius: 1ch;
  border: 1px solid light-dark(#cbdfff, #20242a);
  height: 0.5ch;
  align-self: center;
}
._slider_136ap_1 > :last-child {
  background-color: transparent;
  field-sizing: content;
  padding: 0;
  border: 0;
}._field_1bkoe_1 {
  display: grid;
  grid: max-content 1fr/1fr;
  gap: 0.5ch 1ch;
}
._field_1bkoe_1 > label {
  grid-column: 1/-1;
}
._field_1bkoe_1 > div {
  display: grid;
  grid: 1fr/1fr;
  grid-auto-flow: column;
  gap: inherit;
}
._field_1bkoe_1 > div > ._icon_1bkoe_15 {
  align-self: center;
}._plan_1wpgc_1 > fieldset._week_1wpgc_1 > fieldset > header > *, ._plan_1wpgc_1 > fieldset > legend, ._plan_1wpgc_1 > fieldset._week_1wpgc_1 > fieldset > legend {
  color: #e5b04d;
  font-weight: 500;
}

._plan_1wpgc_1 > fieldset, ._plan_1wpgc_1 > fieldset._week_1wpgc_1 > fieldset {
  background: linear-gradient(light-dark(#f9fbff, #171b21), light-dark(#edf4fd, #0e1217));
  border-radius: 1ch;
  border: 1px solid light-dark(#cbdfff, #20242a);
  padding: 1ch;
}
._plan_1wpgc_1, ._plan_1wpgc_1 > fieldset {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1ch;
}
._plan_1wpgc_1 > fieldset._usage_1wpgc_17 {
  grid-template-columns: max-content 1fr;
}
._plan_1wpgc_1 > fieldset._week_1wpgc_1 > fieldset {
  background: Canvas;
  display: grid;
  grid-template-columns: 1fr repeat(2, max-content) 1fr;
  gap: 1ch;
}
._plan_1wpgc_1 > fieldset._week_1wpgc_1 > fieldset > * {
  grid-column: 1/-1;
}
._subgrid_1wpgc_29 {
  display: grid;
  grid-template-columns: subgrid;
}