:root{
--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */
--ease-spring:cubic-bezier(.34,1.4,.64,1);/* @kind other */
--dur-instant:90ms;/* @kind other */
--dur-page:560ms;/* @kind other */
--dur-reveal:720ms;/* @kind other */
--stagger-step:60ms;/* @kind other */
}
@keyframes kg-fade-up{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes kg-fade{from{opacity:0}to{opacity:1}}
@keyframes kg-scale-in{from{opacity:0;transform:translate3d(0,12px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes kg-toast-in{from{opacity:0;transform:translate3d(0,16px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes kg-drape{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes kg-shimmer{from{background-position:-200% 0}to{background-position:200% 0}}
.kg-page{animation:kg-fade var(--dur-page) var(--ease-out) both}
.kg-reveal{animation:kg-fade-up var(--dur-reveal) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger-step))}
.kg-dialog-scrim{animation:kg-fade var(--dur-base) var(--ease-out) both;backdrop-filter:blur(2px)}
.kg-dialog-panel{animation:kg-scale-in var(--dur-slow) var(--ease-out) both}
.kg-toast{animation:kg-toast-in var(--dur-slow) var(--ease-spring) both}
.kg-drape{animation:kg-drape 1100ms var(--ease-in-out) both}
.kg-skeleton{background:linear-gradient(90deg,var(--kg-linen) 0%,#f3eee4 50%,var(--kg-linen) 100%);background-size:200% 100%;animation:kg-shimmer 1.6s linear infinite}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important;scroll-behavior:auto!important}
}