:root{
--ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--ease-in:cubic-bezier(.4,0,1,1); /* @kind other */
--ease-reveal:cubic-bezier(.16,1,.3,1); /* @kind other */
--duration-instant:80ms; /* @kind other */
--duration-fast:140ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
--duration-reveal:900ms; /* @kind other */
--transition-control:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard); /* @kind other */
--pulse-alarm:keepot-pulse 1.6s var(--ease-standard) infinite; /* @kind other */
--reveal-distance:40px; /* @kind other */
--reveal-stagger:90ms; /* @kind other */
--transition-reveal:opacity var(--duration-reveal) var(--ease-reveal),transform var(--duration-reveal) var(--ease-reveal),clip-path var(--duration-reveal) var(--ease-reveal); /* @kind other */
--parallax-bg:0.14; /* @kind other */
--parallax-fg:0.06; /* @kind other */
}
@keyframes keepot-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes keepot-ring{0%{box-shadow:0 0 0 0 rgba(220,68,51,.45)}70%{box-shadow:0 0 0 8px rgba(220,68,51,0)}100%{box-shadow:0 0 0 0 rgba(220,68,51,0)}}
.kp-reveal{opacity:0;transform:translateY(var(--reveal-distance));transition:var(--transition-reveal);will-change:opacity,transform}
.kp-reveal.is-in{opacity:1;transform:none}
.kp-reveal-wipe{clip-path:inset(0 100% 0 0);transition:var(--transition-reveal)}
.kp-reveal-wipe.is-in{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.kp-reveal,.kp-reveal-wipe{opacity:1;transform:none;clip-path:none;transition:none}}