/* [project]/src/daybook/daybook.css [app-client] (css) */
.daybook-logger {
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.daybook-logger-header {
  z-index: 60;
  align-items: center;
  min-height: 3.5rem;
  display: flex;
  position: relative;
}

.daybook-logger-header [aria-label="Back"] {
  z-index: 60;
  min-width: 2rem;
  min-height: 2rem;
  position: relative;
}

.daybook-logger-body {
  flex-direction: column;
  flex: auto;
  min-height: 12rem;
  display: flex;
  position: relative;
}

.daybook-logger-confirm {
  z-index: 50;
  position: absolute;
  inset: 0;
}

.daybook {
  --daybook-sleep: #5bbe62;
  --daybook-breast: #ec84b7;
  --daybook-medicine: #ed4a49;
  --daybook-diaper: #2cb3b3;
  --daybook-health: #e4896a;
  --daybook-icon-bottle: #7eb6e0;
  --daybook-icon-bath: #5ec4d4;
  --daybook-icon-baby: #e3a15a;
  --daybook-icon-solids: #e08a4f;
  --daybook-icon-star: #e2c15a;
  --daybook-icon-spark: #b794f6;
}

@supports (color: lab(0% 0 0)) {
  .daybook {
    --daybook-sleep: lab(69.4608% -44.8835 37.1852);
    --daybook-breast: lab(67.9614% 45.2318 -8.6993);
    --daybook-medicine: lab(56.2318% 63.1473 38.2171);
    --daybook-diaper: lab(66.3644% -35.9794 -10.8306);
    --daybook-health: lab(66.6411% 33.2151 32.4849);
  }
}

.daybook .daybook-glyph-sleep {
  background: color-mix(in oklch, var(--daybook-sleep) 26%, transparent);
  color: var(--daybook-sleep);
}

.daybook .daybook-glyph-breast {
  background: color-mix(in oklch, var(--daybook-breast) 26%, transparent);
  color: var(--daybook-breast);
}

.daybook .daybook-glyph-medicine {
  background: color-mix(in oklch, var(--daybook-medicine) 26%, transparent);
  color: var(--daybook-medicine);
}

.daybook .daybook-glyph-diaper {
  background: color-mix(in oklch, var(--daybook-diaper) 26%, transparent);
  color: var(--daybook-diaper);
}

.daybook .daybook-glyph-health {
  background: color-mix(in oklch, var(--daybook-health) 26%, transparent);
  color: var(--daybook-health);
}

.daybook .daybook-glyph-icon-bottle, .daybook .daybook-glyph-icon-bath, .daybook .daybook-glyph-icon-baby, .daybook .daybook-glyph-icon-solids, .daybook .daybook-glyph-icon-star, .daybook .daybook-glyph-icon-spark {
  background: color-mix(in srgb, var(--tone) 26%, transparent);
  color: var(--tone);
}

.daybook .daybook-glyph-icon-bottle {
  --tone: var(--daybook-icon-bottle);
}

.daybook .daybook-glyph-icon-bath {
  --tone: var(--daybook-icon-bath);
}

.daybook .daybook-glyph-icon-baby {
  --tone: var(--daybook-icon-baby);
}

.daybook .daybook-glyph-icon-solids {
  --tone: var(--daybook-icon-solids);
}

.daybook .daybook-glyph-icon-star {
  --tone: var(--daybook-icon-star);
}

.daybook .daybook-glyph-icon-spark {
  --tone: var(--daybook-icon-spark);
}

.daybook-glyph {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.daybook-glyph-circle {
  border-radius: 9999px;
  width: 2.5rem;
  height: 2.5rem;
}

.daybook-glyph-circle svg {
  width: 1.25rem;
  height: 1.25rem;
}

.daybook-glyph-row {
  border-radius: .375rem;
  width: 1.5rem;
  height: 1.5rem;
}

.daybook-glyph-row svg {
  width: .875rem;
  height: .875rem;
}

.daybook-timer-stop {
  border-radius: 9999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: transform .15s, background-color .15s;
  display: inline-flex;
}

.daybook-timer-stop:active {
  transform: scale(.94);
}

.daybook-timer-stop-sleep {
  background: color-mix(in oklch, var(--daybook-sleep) 26%, transparent);
  color: var(--daybook-sleep);
}

.daybook-timer-stop-breast {
  background: color-mix(in oklch, var(--daybook-breast) 26%, transparent);
  color: var(--daybook-breast);
}

.daybook-day-strip {
  background: #2a323b;
}

.daybook-strip-shade {
  background: #00000061;
}

.daybook-strip-grid {
  background: #ffffff29;
  width: 1px;
}

.daybook .daybook-strip-bar-sleep {
  z-index: 1;
  color: #b6f08a;
  background: #457239;
  border: 1.5px solid #93e36e;
  border-radius: .45rem;
  min-width: .85rem;
  height: 1.85rem;
}

.daybook .daybook-strip-bar-sleep.is-open {
  background: none;
  border-style: dashed;
  min-width: 1.45rem;
}

.daybook .daybook-strip-bar-sleep.from-edge {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.daybook .daybook-strip-bar-sleep.to-edge {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.daybook .daybook-strip-custom {
  z-index: 2;
  background: color-mix(in srgb, currentColor 18%, transparent);
  border: 1.5px solid;
  border-radius: .45rem;
  min-width: .42rem;
  height: 1.85rem;
}

.daybook .daybook-strip-custom.is-open {
  background: none;
  border-style: dashed;
  min-width: 1.45rem;
}

.daybook .daybook-strip-custom.from-edge {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.daybook .daybook-strip-custom.to-edge {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.daybook .daybook-strip-breast {
  z-index: 2;
  background: #ff4d9a2e;
  border: 1.5px solid #ff4fa8;
  border-radius: 999px;
  min-width: .42rem;
  height: 1.85rem;
}

.daybook .daybook-strip-mark {
  z-index: 2;
}

.daybook .daybook-strip-mark-medicine {
  color: #ff5a45;
}

.daybook .daybook-strip-mark-medicine svg {
  transform: rotate(48deg);
}

.daybook .daybook-strip-mark-diaper {
  color: #5fd0ea;
}

.daybook .daybook-strip-mark-health {
  color: #f0a04a;
}

.daybook .daybook-strip-mark-icon-bottle {
  color: var(--daybook-icon-bottle);
}

.daybook .daybook-strip-mark-icon-bath {
  color: var(--daybook-icon-bath);
}

.daybook .daybook-strip-mark-icon-baby {
  color: var(--daybook-icon-baby);
}

.daybook .daybook-strip-mark-icon-solids {
  color: var(--daybook-icon-solids);
}

.daybook .daybook-strip-mark-icon-star {
  color: var(--daybook-icon-star);
}

.daybook .daybook-strip-mark-icon-spark {
  color: var(--daybook-icon-spark);
}

.daybook .daybook-strip-now {
  z-index: 3;
  background: #3aa0ff;
  width: 2px;
  animation: 2.4s ease-in-out infinite daybook-now;
  top: .85rem;
}

.daybook-sheet-in, .daybook-sheet-out, .daybook-fade-in, .daybook-rise {
  animation-duration: .32s;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1);
  animation-fill-mode: both;
}

.daybook-sheet-in {
  animation-name: daybook-sheet-in;
}

.daybook-sheet-out {
  animation-name: daybook-sheet-out;
  animation-duration: .2s;
  animation-timing-function: cubic-bezier(.4, 0, 1, 1);
}

.daybook-fade-in {
  animation-name: daybook-fade-in;
}

.daybook-rise {
  animation-name: daybook-rise;
  animation-duration: .4s;
  animation-fill-mode: backwards;
}

.daybook .daybook-strip-bar-sleep, .daybook .daybook-strip-breast, .daybook .daybook-strip-custom, .daybook .daybook-strip-mark {
  animation: .45s cubic-bezier(.22, 1, .36, 1) both daybook-draw;
}

.daybook .daybook-strip-bar-sleep.is-open {
  animation: .45s cubic-bezier(.22, 1, .36, 1) both daybook-draw, 1.8s ease-in-out .45s infinite daybook-open-sleep;
}

.daybook-summary {
  transition: grid-template-rows .28s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.daybook [data-action="toggle-summary"], .daybook [data-action="filter-kind"] {
  outline: none;
}

@keyframes daybook-sheet-in {
  from {
    opacity: 0;
    transform: translateX(16%);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes daybook-sheet-out {
  from {
    opacity: 1;
    transform: none;
  }

  to {
    opacity: 0;
    transform: translateX(12%);
  }
}

@keyframes daybook-fade-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes daybook-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes daybook-draw {
  from {
    clip-path: inset(0 100% 0 0);
  }

  to {
    clip-path: inset(0);
  }
}

@keyframes daybook-now {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .35;
  }
}

@keyframes daybook-open-sleep {
  0%, 100% {
    border-color: #93e36e;
  }

  50% {
    border-color: #93e36e66;
  }
}

@media (prefers-reduced-motion: reduce) {
  .daybook-sheet-in, .daybook-sheet-out, .daybook-fade-in, .daybook-rise, .daybook .daybook-strip-bar-sleep, .daybook .daybook-strip-breast, .daybook .daybook-strip-custom, .daybook .daybook-strip-mark, .daybook .daybook-strip-now {
    animation: none;
  }

  .daybook-summary {
    transition: none;
  }
}

/*# sourceMappingURL=src_daybook_daybook_11d5r5r.css.map*/