/*!

  Radancy Component Library: Step Indicator
  Contributor(s): 
  Michael "Spell" Spellacy

  Dependencies: Sass

*/.steps{--steps-color-active: #CCC;--steps-color-complete: #008000;--steps-color-light: #FFF;--steps-color-dark: #000;--steps-color-neutral: #767676;--steps-color-primary: #6F00EF;--scroll-color-track: #EEE;--scroll-color-thumb: var(--steps-color-primary);--scroll-color-active: #666}@keyframes animateCount{0%{opacity:0}50%{transform:scale(1.4)}100%{opacity:1;transform:scale(1)}}@keyframes animateRule{0%{width:0}100%{width:100%}}.steps ol{display:grid;grid-auto-flow:column;list-style:none;margin:0;padding:0}.steps li{scroll-snap-align:center;min-width:9.375rem}.steps__navigation{overflow-x:auto;padding:2em 0 1em;scroll-snap-type:inline mandatory;scrollbar-color:var(--scroll-color-thumb) var(--scroll-color-track);scrollbar-width:thin}@supports selector(::-webkit-scrollbar){.steps__navigation{scrollbar-color:initial;scrollbar-width:auto}.steps__navigation::-webkit-scrollbar{height:.5rem}.steps__navigation::-webkit-scrollbar-track,.steps__navigation::-webkit-scrollbar-thumb{border-radius:100vw}.steps__navigation::-webkit-scrollbar-track{background-color:var(--scroll-color-track)}.steps__navigation::-webkit-scrollbar-thumb{background-color:var(--scroll-color-thumb)}.steps__navigation::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-color-active)}}.steps__btn{background-color:rgba(0,0,0,0);border:0;color:var(--steps-color-dark);display:grid;font:inherit;grid-template-rows:1fr 1fr;padding:0;text-align:center;text-decoration:none}.steps__btn:not([href]){color:var(--steps-color-neutral);pointer-events:none}.steps__btn::before{align-self:center;animation-duration:800ms;animation-fill-mode:forwards;animation-timing-function:linear;background-color:var(--steps-color-neutral);content:"";display:block;grid-area:1/1;height:2px}@media(prefers-reduced-motion: no-preference){.steps__btn::before{animation-name:animateRule;width:0}}li:nth-child(1) .steps__btn::before{animation-delay:0ms}li:nth-child(2) .steps__btn::before{animation-delay:800ms}li:nth-child(3) .steps__btn::before{animation-delay:1600ms}li:nth-child(4) .steps__btn::before{animation-delay:2400ms}li:nth-child(5) .steps__btn::before{animation-delay:3200ms}.steps__btn__complete{display:none}.steps__btn__container{animation-duration:300ms;animation-fill-mode:forwards;display:grid;grid-area:1/1;justify-self:center;place-items:center;transform-origin:center;width:fit-content}@media(prefers-reduced-motion: no-preference){.steps__btn__container{animation-name:animateCount;opacity:0}}li:nth-child(1) .steps__btn__container{animation-delay:690ms}li:nth-child(2) .steps__btn__container{animation-delay:1380ms}li:nth-child(3) .steps__btn__container{animation-delay:2070ms}li:nth-child(4) .steps__btn__container{animation-delay:2760ms}li:nth-child(5) .steps__btn__container{animation-delay:3450ms}.steps__btn:focus .steps__btn__container,.steps__btn:hover .steps__btn__container{transform-origin:center;transform:scale(1.2);transition:transform 300ms ease-in-out}.steps__btn:focus .steps__btn__count,.steps__btn:hover .steps__btn__count,.steps__btn:visited .steps__btn__count{background-color:var(--steps-color-primary)}.steps__btn:focus .steps__btn__icon--edit svg,.steps__btn:hover .steps__btn__icon--edit svg,.steps__btn:visited .steps__btn__icon--edit svg{stroke:var(--steps-color-primary)}.steps__btn__count{background-color:var(--steps-color-neutral);border-radius:100vw;color:var(--steps-color-light);display:grid;font-weight:700;grid-area:1/1;height:3.5rem;place-items:center;width:3.5rem}[aria-current=step] .steps__btn__count{background-color:var(--steps-color-primary)}.steps__btn__label{align-self:center;line-height:normal}.steps__btn__icon{display:none;grid-area:1/1;inset-inline-start:1.75rem;place-self:center;position:relative;width:1.5625rem}@media(scripting: enabled){.steps__btn__icon--edit{display:block}}.steps__btn__icon svg{fill:#fff;stroke:var(--steps-color-neutral);stroke-width:20px}.steps__btn--finished .steps__btn__count{background-color:var(--steps-color-complete)}.steps__btn--finished .steps__btn__icon svg{stroke:var(--steps-color-complete)}.steps__section{background-color:var(--steps-color-active);border-radius:5px;margin-block-start:1em;padding:1em}@media(scripting: enabled){.steps__section:not(.active){display:none}}.steps__section:target{outline:3px solid var(--steps-color-primary)}/*# sourceMappingURL=init.css.map */