:root{--juice-press-down:60ms;--juice-press-up:.18s;--juice-flash-correct-ms:.42s;--juice-flash-wrong-ms:.26s;--juice-combo-fade:.3s;--juice-ease-in:cubic-bezier(.5, 0, .75, 0);--juice-ease-back:cubic-bezier(.34, 1.56, .64, 1);--juice-correct:#1f6d4e;--juice-wrong:#b23a2e;--juice-combo:#b23a2e}.juice-press{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .17s ease, background-color .17s ease, border-color .17s ease, scale var(--juice-press-up) var(--juice-ease-back)}.juice-press:active:not(:disabled){transition-duration:.17s, .17s, .17s, var(--juice-press-down);transition-timing-function:ease, ease, ease, var(--juice-ease-in);scale:.92}.juice-press-cta:active:not(:disabled){scale:.96}.juice-freeze,.juice-freeze *{transition:none!important;animation-play-state:paused!important}.juice-flash-correct{animation:juice-flash-correct var(--juice-flash-correct-ms) cubic-bezier(.12, .72, .2, 1) both}.juice-flash-wrong{animation:juice-flash-wrong var(--juice-flash-wrong-ms) cubic-bezier(.12, .72, .2, 1) both}@keyframes juice-flash-correct{0%{box-shadow:0 0 0 4px color-mix(in srgb, var(--juice-correct) 26%, transparent);scale:1.035}60%{box-shadow:0 0 0 8px color-mix(in srgb, var(--juice-correct) 6%, transparent)}to{scale:1;box-shadow:0 0 #0000}}@keyframes juice-flash-wrong{0%{box-shadow:0 0 0 3px color-mix(in srgb, var(--juice-wrong) 14%, transparent);scale:.988}to{scale:1;box-shadow:0 0 #0000}}.juice-combo{animation:juice-combo-in .22s var(--juice-ease-back) both}.juice-combo-pop{animation:juice-combo-pop .2s var(--juice-ease-back) both}@keyframes juice-combo-pop{0%{scale:1}38%{scale:1.13}to{scale:1}}.juice-combo-first{animation:juice-combo-in .26s var(--juice-ease-back) both, juice-combo-ring .72s cubic-bezier(.12, .72, .2, 1) .12s 1 both}@keyframes juice-combo-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--juice-combo) 42%, transparent)}to{box-shadow:0 0 0 14px color-mix(in srgb, var(--juice-combo) 0%, transparent)}}.juice-combo-out{animation:juice-combo-out var(--juice-combo-fade) cubic-bezier(.12, .72, .2, 1) both}@keyframes juice-combo-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}@keyframes juice-combo-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.juice-press,.juice-press:active:not(:disabled),.juice-press-cta:active:not(:disabled){transition:none;scale:1}.juice-flash-correct,.juice-flash-wrong,.juice-combo,.juice-combo-pop,.juice-combo-first,.juice-combo-out{animation:none}}
.juice-t1,.juice-t2,.juice-t3{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.juice-t2:active:not(:disabled):not([aria-disabled=true]){opacity:.62}@media (prefers-reduced-motion:no-preference){.juice-t1,.juice-t2,.juice-t3{--jt-dur:var(--juice-press-up);--jt-ease:var(--juice-ease-back);transition:color .17s cubic-bezier(.12, .72, .2, 1), background-color .17s cubic-bezier(.12, .72, .2, 1), border-color .17s cubic-bezier(.12, .72, .2, 1), box-shadow .17s cubic-bezier(.12, .72, .2, 1), translate .11s cubic-bezier(.12, .72, .2, 1), opacity var(--jt-dur) var(--jt-ease), scale var(--jt-dur) var(--jt-ease)}.juice-t1:active:not(:disabled):not([aria-disabled=true]){--jt-dur:var(--juice-press-down);--jt-ease:var(--juice-ease-in);scale:.96}.juice-t2:active:not(:disabled):not([aria-disabled=true]){--jt-dur:var(--juice-press-down);--jt-ease:var(--juice-ease-in);scale:.985}.juice-t3:active:not(:disabled):not([aria-disabled=true]){--jt-dur:var(--juice-press-down);--jt-ease:var(--juice-ease-in);scale:.97}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.juice-t1:hover:not(:disabled):not([aria-disabled=true]){translate:0 -1px}}