@keyframes fx-spin{0%{rotate:calc(var(--fx-turn,90deg) * -1)}to{rotate:var(--fx-turn,90deg)}}@keyframes fx-shift{0%{translate:0 var(--fx-from,3rem)}to{translate:0 var(--fx-to,-3rem)}}@keyframes fx-slide-x{0%{translate:var(--fx-from,12%) 0}to{translate:var(--fx-to,-28%) 0}}@keyframes fx-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fx-grow-y{0%{scale:1 0}to{scale:1}}@keyframes fx-fade-in{0%{opacity:0}}@keyframes fx-day{0%{background-color:var(--fx-c0)}33%{background-color:var(--fx-c1)}66%{background-color:var(--fx-c2)}to{background-color:var(--fx-c3)}}@keyframes fx-sun{0%{rotate:-72deg}68%{rotate:72deg}to{rotate:100deg}}@keyframes fx-vanish{0%{opacity:1}to{opacity:0}}@keyframes fx-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.fx-draw-intro :is(path,line,polyline,rect,circle){stroke-dasharray:1;animation:fx-draw 2.2s var(--ease-out-soft,ease-out) both}.fx-draw-intro :nth-child(odd of :is(path,line,polyline,rect,circle)){animation-delay:.25s}}@keyframes demo-enter{0%{opacity:0;translate:0 .75rem}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.fx-spin{animation:linear both fx-spin;animation-timeline:view();animation-range:cover}.fx-shift{animation:linear both fx-shift;animation-timeline:view();animation-range:cover}.fx-slide-x{animation:linear both fx-slide-x;animation-timeline:view();animation-range:cover}.fx-draw :is(path,line,polyline,rect,circle){stroke-dasharray:1;animation:linear both fx-draw;animation-timeline:view();animation-range:entry 10% cover 45%}.fx-grow-y{transform-origin:bottom;transform-box:fill-box;animation:linear both fx-grow-y;animation-timeline:view();animation-range:var(--fx-range,entry 20% cover 40%)}.fx-fade-in{animation:linear both fx-fade-in;animation-timeline:view();animation-range:var(--fx-range,entry 0% cover 30%)}.fx-day-scope{view-timeline-name:--fx-day}.fx-day{animation:linear both fx-day;animation-timeline:--fx-day;animation-range:contain}.fx-sun{animation:linear both fx-sun;animation-timeline:--fx-day;animation-range:contain}.fx-scope{view-timeline-name:--fx-scope}.fx-scope-grow{transform-origin:bottom;transform-box:fill-box;animation:linear both fx-grow-y;animation-timeline:--fx-scope;animation-range:var(--fx-range,contain)}.fx-scope-appear{animation:linear both fx-appear;animation-timeline:--fx-scope;animation-range:var(--fx-range,contain)}.fx-scope-vanish{animation:linear both fx-vanish;animation-timeline:--fx-scope;animation-range:var(--fx-range,contain)}.fx-night{animation:linear both fx-appear;animation-timeline:--fx-day;animation-range:contain 66% contain 88%}}}