:root{--ease-ui:cubic-bezier(.2, .8, .2, 1);--ms-press:90ms;--ms-fast:.18s;--ms-med:.22s;--ms-screen-in:.26s;--ms-screen-out:.18s;--ms-progress:.42s}@keyframes sfScreenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sf-screen-in{animation:sfScreenIn var(--ms-screen-in) var(--ease-ui) both;will-change:transform, opacity}@keyframes sfScreenOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.sf-screen-out{animation:sfScreenOut var(--ms-screen-out) var(--ease-ui) both}.sf-progress-fill{transition:width var(--ms-progress) var(--ease-ui);will-change:width}.sf-stagger{animation:sfScreenIn var(--ms-med) var(--ease-ui) both;animation-delay:calc(var(--i,0) * 50ms)}.sf-choice{will-change:transform, box-shadow, opacity;transition:opacity .16s ease, transform var(--ms-press) ease, box-shadow var(--ms-press) ease, border-color .16s ease, color .16s ease, background-color .16s ease}.sf-choice:active{transform:translateY(2px);box-shadow:0 4px #0000001f}.sf-choice.is-selected{transition:transform .14s var(--ease-ui), box-shadow .14s var(--ease-ui), border-color .16s ease, color .16s ease, background-color .16s ease, opacity .16s ease;transform:translateY(1px)}.sf-cta{opacity:.35;transition:opacity var(--ms-med) var(--ease-ui), transform var(--ms-med) var(--ease-ui), background-color .16s ease, box-shadow .12s ease;transform:translateY(6px)}.sf-cta.is-enabled{opacity:1;transform:translateY(0)}.sf-cta.is-enabled:active{transform:translateY(2px);box-shadow:0 6px #00000024}.sf-info{opacity:0;transform:translateY(8px)}.sf-info.is-visible{opacity:1;transition:opacity .24s var(--ease-ui), transform .24s var(--ease-ui);transform:translateY(0)}@media (prefers-reduced-motion:reduce){.sf-screen-in,.sf-screen-out,.sf-stagger{animation:none!important}.sf-choice,.sf-cta,.sf-progress-fill,.sf-info{transition:none!important;transform:none!important}.sf-cta{opacity:.5}.sf-cta.is-enabled,.sf-info{opacity:1}}