@keyframes cardIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes cardOutLeft{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-40px)scale(.985)}}@keyframes cardOutRight{0%{opacity:1;transform:none}to{opacity:0;transform:translate(40px)scale(.985)}}@keyframes optionPop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.q-card{animation:.34s cubic-bezier(.22,1,.36,1) both cardIn}.q-card[data-exit=next]{animation:.2s ease-in forwards cardOutLeft}.q-card[data-exit=prev]{animation:.2s ease-in forwards cardOutRight}.q-option{transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.q-option:active{transform:scale(.985)}.q-option[data-picked=true]{animation:.28s ease-out optionPop}.q-option .ripple{pointer-events:none;background:currentColor;border-radius:9999px;animation:.5s ease-out forwards ripple;position:absolute}.q-stagger>*{animation:.3s ease-out both floatUp}.q-stagger>:first-child{animation-delay:20ms}.q-stagger>:nth-child(2){animation-delay:60ms}.q-stagger>:nth-child(3){animation-delay:.1s}.q-stagger>:nth-child(4){animation-delay:.14s}.q-stagger>:nth-child(5){animation-delay:.18s}.q-stagger>:nth-child(6){animation-delay:.22s}.r-bar>span{transform-origin:0;animation:.8s cubic-bezier(.22,1,.36,1) both barGrow}.r-in{animation:.5s ease-out both floatUp}@media (prefers-reduced-motion:reduce){.q-card,.q-card[data-exit],.q-option[data-picked=true],.q-stagger>*,.r-bar>span,.r-in,.q-option .ripple{animation:none!important}}