#night-entry:not([open]){display:none}
body.night-entering{overflow:hidden}
#night-entry .entry-progress{position:relative;width:192px;height:14px;margin:22px auto 0;padding:0;border-radius:14px;background:#fffcf0;box-shadow:0 2px 7px #52776b18,inset 0 0 0 1px #ffffff}
#night-entry .entry-progress-track{position:absolute;inset:3px;overflow:hidden;border-radius:10px;background:#deebdc}
#night-entry .entry-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#83bda2;transform-origin:left center;animation:entry-progress-fill 2.4s linear both;will-change:transform}
#night-entry .entry-progress-guide{position:absolute;left:6px;right:6px;top:50%;height:0;animation:entry-progress-travel 2.4s linear both;will-change:transform}
#night-entry .entry-progress-paw{display:grid;place-items:center;position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:2px solid #fffdf6;border-radius:50%;background:#ffedda;box-shadow:0 2px 6px #6b87612b;animation:entry-paw-step .6s ease-in-out infinite}
#night-entry .entry-progress-paw img{width:17px;height:17px;opacity:.62}
#night-entry .opening-enter{margin-top:19px}
#night-entry.entry-preparing .opening-content{opacity:0}
#night-entry.entry-preparing *,#night-entry.entry-preparing *:after{animation-play-state:paused!important}
#night-entry.opening-leave::backdrop{background:transparent}
#night-entry.is-skipping{animation:opening-exit .17s ease-out both;pointer-events:none}
@keyframes entry-progress-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes entry-progress-travel{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes entry-paw-step{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-2px) rotate(8deg)}}
@media(prefers-reduced-motion:reduce){#night-entry{display:none!important}}
@media(min-width:768px){#night-entry{display:none!important}}