.swap-stack{display:grid;min-width:0}.swap-panel{grid-area:1 / 1;min-width:0;transition:opacity var(--dur-slow) var(--ease-out) 40ms,transform var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out),visibility 0s linear 0s}.swap-panel[data-pos=before],.swap-panel[data-pos=after]{opacity:0;visibility:hidden;pointer-events:none;filter:blur(2px);transition:opacity calc(var(--dur-slow) * .6) var(--ease-out),transform calc(var(--dur-slow) * .7) var(--ease-out),filter calc(var(--dur-slow) * .6) var(--ease-out),visibility 0s linear calc(var(--dur-slow) * .7)}.swap-panel[data-pos=before]{transform:translate3d(-24px,0,0)}.swap-panel[data-pos=after]{transform:translate3d(24px,0,0)}.swap-stack[data-axis=y]>.swap-panel[data-pos=before]{transform:translate3d(0,-10px,0)}.swap-stack[data-axis=y]>.swap-panel[data-pos=after]{transform:translate3d(0,10px,0)}.swap{position:relative;min-width:0;transition:height var(--swap-ms, var(--dur-slow)) var(--ease-in-out)}.swap.is-swapping{overflow:clip;overflow-clip-margin:24px}.swap-layer{min-width:0}.swap-layer--out{position:absolute;inset:0 0 auto;pointer-events:none;animation:swap-out-fwd calc(var(--swap-ms, var(--dur-slow)) * .7) var(--ease-out) both}.swap-layer--in{animation:swap-in-fwd var(--swap-ms, var(--dur-slow)) var(--ease-out) both}.swap[data-dir=back]>.swap-layer--out{animation-name:swap-out-back}.swap[data-dir=back]>.swap-layer--in{animation-name:swap-in-back}@keyframes swap-in-fwd{0%{opacity:0;transform:translate3d(28px,0,0);filter:blur(2px)}}@keyframes swap-in-back{0%{opacity:0;transform:translate3d(-28px,0,0);filter:blur(2px)}}@keyframes swap-out-fwd{to{opacity:0;transform:translate3d(-20px,0,0);filter:blur(2px)}}@keyframes swap-out-back{to{opacity:0;transform:translate3d(20px,0,0);filter:blur(2px)}}.swap--y>.swap-layer--in{animation-name:swap-in-y}.swap--y>.swap-layer--out{animation-name:swap-out-y}.swap--y[data-dir=back]>.swap-layer--in{animation-name:swap-in-y}.swap--y[data-dir=back]>.swap-layer--out{animation-name:swap-out-y}@keyframes swap-in-y{0%{opacity:0;transform:translate3d(0,10px,0)}}@keyframes swap-out-y{to{opacity:0;transform:translate3d(0,-6px,0)}}@media(prefers-reduced-motion:reduce){.swap-panel,.swap-panel[data-pos]{transform:none!important;filter:none!important}.swap{transition:none}.swap-layer--in,.swap-layer--out,.swap[data-dir]>.swap-layer--in,.swap[data-dir]>.swap-layer--out{animation-name:swap-fade-in;animation-duration:.18s}.swap-layer--out,.swap[data-dir]>.swap-layer--out{animation-name:swap-fade-out}@keyframes swap-fade-in{0%{opacity:0}}@keyframes swap-fade-out{to{opacity:0}}}