.page-enter .sidebar,.page-enter .main{opacity:0;transform:translateY(6px)}
.page-enter.is-ready .sidebar,.page-enter.is-ready .main{opacity:1;transform:none;transition:opacity .22s ease,transform .22s ease}
.panel,.cards article{animation:surface-in .32s cubic-bezier(.2,.8,.2,1) both}.cards article:nth-child(2){animation-delay:.04s}.cards article:nth-child(3){animation-delay:.08s}.cards article:nth-child(4){animation-delay:.12s}
@keyframes surface-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
button,.button,nav a{position:relative;overflow:hidden;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}
button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0f4c7029}button:active,.button:active,nav a:active{transform:translateY(1px) scale(.985)}
button:focus-visible,.button:focus-visible,nav a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #84adff;outline-offset:2px}
button.is-loading{cursor:wait;opacity:.8}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
