diff --git a/README.md b/README.md index 44d5903..4e2bc5d 100644 --- a/README.md +++ b/README.md @@ -45,8 +45,8 @@ Yarn : `yarn add animadio` [![jsDelivr Montly Downloads](https://img.shields.io/jsdelivr/npm/hm/animadio.svg?label=jsDelivr+Montly+Downloads)](https://www.jsdelivr.com/package/npm/animadio) [![jsDelivr Yearly Downloads](https://img.shields.io/jsdelivr/npm/hy/animadio.svg?label=jsDelivr+Yearly+Downloads)](https://www.jsdelivr.com/package/npm/animadio) -- Development : [https://cdn.jsdelivr.net/npm/animadio@5.0.3/dist/animadio.css](https://cdn.jsdelivr.net/npm/animadio@5.0.3/dist/animadio.css) -- Production : [https://cdn.jsdelivr.net/npm/animadio@5.0.3/dist/animadio.min.css](https://cdn.jsdelivr.net/npm/animadio@5.0.3/dist/animadio.min.css) +- Development : [https://cdn.jsdelivr.net/npm/animadio@5.0.4/dist/animadio.css](https://cdn.jsdelivr.net/npm/animadio@5.0.4/dist/animadio.css) +- Production : [https://cdn.jsdelivr.net/npm/animadio@5.0.4/dist/animadio.min.css](https://cdn.jsdelivr.net/npm/animadio@5.0.4/dist/animadio.min.css) --- diff --git a/dist/animadio.css b/dist/animadio.css index 6072feb..7a6cded 100644 --- a/dist/animadio.css +++ b/dist/animadio.css @@ -1,4 +1,4 @@ -/*! animadio v5.0.3 | https://animadio.org | MIT License */ +/*! animadio v5.0.4 | https://animadio.org | MIT License */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ @@ -669,19 +669,19 @@ button, --min-width-lg: 50vw; } -/********** BOX SHADOW **********/ -[class*=shabox-] { - --box-shadow-sm: 1px 1px; - --box-shadow-md: 2px 2px; - --box-shadow-lg: 5px 5px; - --box-shadow-blur: 0 0 2px; - --box-shadow-blur-sm: 1px 1px 1px; - --box-shadow-blur-md: 2px 2px 2px; - --box-shadow-blur-lg: 5px 5px 5px; - --box-shadow-spread: 0 0 2px 2px; - --box-shadow-spread-sm: 1px 1px 1px 1px; - --box-shadow-spread-md: 2px 2px 2px 2px; - --box-shadow-spread-lg: 5px 5px 5px 5px; +/********** SHADOW **********/ +[class*=shadow-] { + --shadow-sm: 1px 1px; + --shadow-md: 2px 2px; + --shadow-lg: 5px 5px; + --shadow-blur: 0 0 2px; + --shadow-blur-sm: 1px 1px 1px; + --shadow-blur-md: 2px 2px 2px; + --shadow-blur-lg: 5px 5px 5px; + --shadow-spread: 0 0 2px 2px; + --shadow-spread-sm: 1px 1px 1px 1px; + --shadow-spread-md: 2px 2px 2px 2px; + --shadow-spread-lg: 5px 5px 5px 5px; } /********** ANIMATION **********/ @@ -1692,7 +1692,7 @@ pre { gap: var(--gap6); } } -/********** PLACE CONTENT **********/ +/********** PLACE **********/ .content-around { place-content: space-around; } @@ -1866,7 +1866,6 @@ pre { place-content: flex-end; } } -/********** PLACE ITEMS **********/ .items-normal { place-items: normal; } @@ -2016,7 +2015,6 @@ pre { place-items: flex-end; } } -/********** PLACE SELF **********/ .self-auto { place-self: auto; } @@ -2886,41 +2884,17 @@ pre { /********** HEIGHT **********/ .height-sm, -.height-sm-global > *, -.height-sm-onto:hover, -.height-sm-onto:focus, -.height-sm-toone > *:hover, -.height-sm-toone > *:focus, -*:hover > .height-sm-into, -*:focus > .height-sm-into, -.height-sm-toall:hover > *, -.height-sm-toall:focus > * { +.global-height-sm > * { height: var(--height-sm); } .height-md, -.height-md-global > *, -.height-md-onto:hover, -.height-md-onto:focus, -.height-md-toone > *:hover, -.height-md-toone > *:focus, -*:hover > .height-md-into, -*:focus > .height-md-into, -.height-md-toall:hover > *, -.height-md-toall:focus > * { +.global-height-md > * { height: var(--height-md); } .height-lg, -.height-lg-global > *, -.height-lg-onto:hover, -.height-lg-onto:focus, -.height-lg-toone > *:hover, -.height-lg-toone > *:focus, -*:hover > .height-lg-into, -*:focus > .height-lg-into, -.height-lg-toall:hover > *, -.height-lg-toall:focus > * { +.global-height-lg > * { height: var(--height-lg); } @@ -2956,41 +2930,17 @@ pre { /********** WIDTH **********/ .width-sm, -.width-sm-global > *, -.width-sm-onto:hover, -.width-sm-onto:focus, -.width-sm-toone > *:hover, -.width-sm-toone > *:focus, -*:hover > .width-sm-into, -*:focus > .width-sm-into, -.width-sm-toall:hover > *, -.width-sm-toall:focus > * { +.global-width-sm > * { width: var(--width-sm); } .width-md, -.width-md-global > *, -.width-md-onto:hover, -.width-md-onto:focus, -.width-md-toone > *:hover, -.width-md-toone > *:focus, -*:hover > .width-md-into, -*:focus > .width-md-into, -.width-md-toall:hover > *, -.width-md-toall:focus > * { +.global-width-md > * { width: var(--width-md); } .width-lg, -.width-lg-global > *, -.width-lg-onto:hover, -.width-lg-onto:focus, -.width-lg-toone > *:hover, -.width-lg-toone > *:focus, -*:hover > .width-lg-into, -*:focus > .width-lg-into, -.width-lg-toall:hover > *, -.width-lg-toall:focus > * { +.global-width-lg > * { width: var(--width-lg); } @@ -3144,7 +3094,6 @@ pre { text-transform: lowercase; } -/********** TEXT DECORATION **********/ .deco-none, .deco-none-global > *, .deco-none-onto:hover, @@ -3542,7 +3491,6 @@ pre { color: var(--tw); } -/********** BACKGROUND COLOR **********/ .bg-primary, .bg-primary-global > *, .bg-primary-onto:hover, @@ -4128,291 +4076,291 @@ pre { background-color: var(--white-light); } -/********** BOX SHADOW **********/ -.shabox-sm, -.shabox-sm-global > *, -.shabox-sm-onto:hover, -.shabox-sm-onto:focus, -.shabox-sm-toone > *:hover, -.shabox-sm-toone > *:focus, -*:hover > .shabox-sm-into, -*:focus > .shabox-sm-into, -.shabox-sm-toall:hover > *, -.shabox-sm-toall:focus > * { - box-shadow: var(--box-shadow-sm); -} - -.shabox-in-sm, -.shabox-in-sm-global > *, -.shabox-in-sm-onto:hover, -.shabox-in-sm-onto:focus, -.shabox-in-sm-toone > *:hover, -.shabox-in-sm-toone > *:focus, -*:hover > .shabox-in-sm-into, -*:focus > .shabox-in-sm-into, -.shabox-in-sm-toall:hover > *, -.shabox-in-sm-toall:focus > * { - box-shadow: inset var(--box-shadow-sm); -} - -.shabox-md, -.shabox-md-global > *, -.shabox-md-onto:hover, -.shabox-md-onto:focus, -.shabox-md-toone > *:hover, -.shabox-md-toone > *:focus, -*:hover > .shabox-md-into, -*:focus > .shabox-md-into, -.shabox-md-toall:hover > *, -.shabox-md-toall:focus > * { - box-shadow: var(--box-shadow-md); -} - -.shabox-in-md, -.shabox-in-md-global > *, -.shabox-in-md-onto:hover, -.shabox-in-md-onto:focus, -.shabox-in-md-toone > *:hover, -.shabox-in-md-toone > *:focus, -*:hover > .shabox-in-md-into, -*:focus > .shabox-in-md-into, -.shabox-in-md-toall:hover > *, -.shabox-in-md-toall:focus > * { - box-shadow: inset var(--box-shadow-md); -} - -.shabox-lg, -.shabox-lg-global > *, -.shabox-lg-onto:hover, -.shabox-lg-onto:focus, -.shabox-lg-toone > *:hover, -.shabox-lg-toone > *:focus, -*:hover > .shabox-lg-into, -*:focus > .shabox-lg-into, -.shabox-lg-toall:hover > *, -.shabox-lg-toall:focus > * { - box-shadow: var(--box-shadow-lg); -} - -.shabox-in-lg, -.shabox-in-lg-global > *, -.shabox-in-lg-onto:hover, -.shabox-in-lg-onto:focus, -.shabox-in-lg-toone > *:hover, -.shabox-in-lg-toone > *:focus, -*:hover > .shabox-in-lg-into, -*:focus > .shabox-in-lg-into, -.shabox-in-lg-toall:hover > *, -.shabox-in-lg-toall:focus > * { - box-shadow: inset var(--box-shadow-lg); -} - -.shabox-blur, -.shabox-blur-global > *, -.shabox-blur-onto:hover, -.shabox-blur-onto:focus, -.shabox-blur-toone > *:hover, -.shabox-blur-toone > *:focus, -*:hover > .shabox-blur-into, -*:focus > .shabox-blur-into, -.shabox-blur-toall:hover > *, -.shabox-blur-toall:focus > * { - box-shadow: var(--box-shadow-blur); -} - -.shabox-in-blur, -.shabox-in-blur-global > *, -.shabox-in-blur-onto:hover, -.shabox-in-blur-onto:focus, -.shabox-in-blur-toone > *:hover, -.shabox-in-blur-toone > *:focus, -*:hover > .shabox-in-blur-into, -*:focus > .shabox-in-blur-into, -.shabox-in-blur-toall:hover > *, -.shabox-in-blur-toall:focus > * { - box-shadow: inset var(--box-shadow-blur); -} - -.shabox-blur-sm, -.shabox-blur-sm-global > *, -.shabox-blur-sm-onto:hover, -.shabox-blur-sm-onto:focus, -.shabox-blur-sm-toone > *:hover, -.shabox-blur-sm-toone > *:focus, -*:hover > .shabox-blur-sm-into, -*:focus > .shabox-blur-sm-into, -.shabox-blur-sm-toall:hover > *, -.shabox-blur-sm-toall:focus > * { - box-shadow: var(--box-shadow-blur-sm); -} - -.shabox-in-blur-sm, -.shabox-in-blur-sm-global > *, -.shabox-in-blur-sm-onto:hover, -.shabox-in-blur-sm-onto:focus, -.shabox-in-blur-sm-toone > *:hover, -.shabox-in-blur-sm-toone > *:focus, -*:hover > .shabox-in-blur-sm-into, -*:focus > .shabox-in-blur-sm-into, -.shabox-in-blur-sm-toall:hover > *, -.shabox-in-blur-sm-toall:focus > * { - box-shadow: inset var(--box-shadow-blur-sm); -} - -.shabox-blur-md, -.shabox-blur-md-global > *, -.shabox-blur-md-onto:hover, -.shabox-blur-md-onto:focus, -.shabox-blur-md-toone > *:hover, -.shabox-blur-md-toone > *:focus, -*:hover > .shabox-blur-md-into, -*:focus > .shabox-blur-md-into, -.shabox-blur-md-toall:hover > *, -.shabox-blur-md-toall:focus > * { - box-shadow: var(--box-shadow-blur-md); -} - -.shabox-in-blur-md, -.shabox-in-blur-md-global > *, -.shabox-in-blur-md-onto:hover, -.shabox-in-blur-md-onto:focus, -.shabox-in-blur-md-toone > *:hover, -.shabox-in-blur-md-toone > *:focus, -*:hover > .shabox-in-blur-md-into, -*:focus > .shabox-in-blur-md-into, -.shabox-in-blur-md-toall:hover > *, -.shabox-in-blur-md-toall:focus > * { - box-shadow: inset var(--box-shadow-blur-md); -} - -.shabox-blur-lg, -.shabox-blur-lg-global > *, -.shabox-blur-lg-onto:hover, -.shabox-blur-lg-onto:focus, -.shabox-blur-lg-toone > *:hover, -.shabox-blur-lg-toone > *:focus, -*:hover > .shabox-blur-lg-into, -*:focus > .shabox-blur-lg-into, -.shabox-blur-lg-toall:hover > *, -.shabox-blur-lg-toall:focus > * { - box-shadow: var(--box-shadow-blur-lg); -} - -.shabox-in-blur-lg, -.shabox-in-blur-lg-global > *, -.shabox-in-blur-lg-onto:hover, -.shabox-in-blur-lg-onto:focus, -.shabox-in-blur-lg-toone > *:hover, -.shabox-in-blur-lg-toone > *:focus, -*:hover > .shabox-in-blur-lg-into, -*:focus > .shabox-in-blur-lg-into, -.shabox-in-blur-lg-toall:hover > *, -.shabox-in-blur-lg-toall:focus > * { - box-shadow: inset var(--box-shadow-blur-lg); -} - -.shabox-spread, -.shabox-spread-global > *, -.shabox-spread-onto:hover, -.shabox-spread-onto:focus, -.shabox-spread-toone > *:hover, -.shabox-spread-toone > *:focus, -*:hover > .shabox-spread-into, -*:focus > .shabox-spread-into, -.shabox-spread-toall:hover > *, -.shabox-spread-toall:focus > * { - box-shadow: var(--box-shadow-spread); -} - -.shabox-in-spread, -.shabox-in-spread-global > *, -.shabox-in-spread-onto:hover, -.shabox-in-spread-onto:focus, -.shabox-in-spread-toone > *:hover, -.shabox-in-spread-toone > *:focus, -*:hover > .shabox-in-spread-into, -*:focus > .shabox-in-spread-into, -.shabox-in-spread-toall:hover > *, -.shabox-in-spread-toall:focus > * { - box-shadow: inset var(--box-shadow-spread); -} - -.shabox-spread-sm, -.shabox-spread-sm-global > *, -.shabox-spread-sm-onto:hover, -.shabox-spread-sm-onto:focus, -.shabox-spread-sm-toone > *:hover, -.shabox-spread-sm-toone > *:focus, -*:hover > .shabox-spread-sm-into, -*:focus > .shabox-spread-sm-into, -.shabox-spread-sm-toall:hover > *, -.shabox-spread-sm-toall:focus > * { - box-shadow: var(--box-shadow-spread-sm); -} - -.shabox-in-spread-sm, -.shabox-in-spread-sm-global > *, -.shabox-in-spread-sm-onto:hover, -.shabox-in-spread-sm-onto:focus, -.shabox-in-spread-sm-toone > *:hover, -.shabox-in-spread-sm-toone > *:focus, -*:hover > .shabox-in-spread-sm-into, -*:focus > .shabox-in-spread-sm-into, -.shabox-in-spread-sm-toall:hover > *, -.shabox-in-spread-sm-toall:focus > * { - box-shadow: inset var(--box-shadow-spread-sm); -} - -.shabox-spread-md, -.shabox-spread-md-global > *, -.shabox-spread-md-onto:hover, -.shabox-spread-md-onto:focus, -.shabox-spread-md-toone > *:hover, -.shabox-spread-md-toone > *:focus, -*:hover > .shabox-spread-md-into, -*:focus > .shabox-spread-md-into, -.shabox-spread-md-toall:hover > *, -.shabox-spread-md-toall:focus > * { - box-shadow: var(--box-shadow-spread-md); -} - -.shabox-in-spread-md, -.shabox-in-spread-md-global > *, -.shabox-in-spread-md-onto:hover, -.shabox-in-spread-md-onto:focus, -.shabox-in-spread-md-toone > *:hover, -.shabox-in-spread-md-toone > *:focus, -*:hover > .shabox-in-spread-md-into, -*:focus > .shabox-in-spread-md-into, -.shabox-in-spread-md-toall:hover > *, -.shabox-in-spread-md-toall:focus > * { - box-shadow: inset var(--box-shadow-spread-md); -} - -.shabox-spread-lg, -.shabox-spread-lg-global > *, -.shabox-spread-lg-onto:hover, -.shabox-spread-lg-onto:focus, -.shabox-spread-lg-toone > *:hover, -.shabox-spread-lg-toone > *:focus, -*:hover > .shabox-spread-lg-into, -*:focus > .shabox-spread-lg-into, -.shabox-spread-lg-toall:hover > *, -.shabox-spread-lg-toall:focus > * { - box-shadow: var(--box-shadow-spread-lg); -} - -.shabox-in-spread-lg, -.shabox-in-spread-lg-global > *, -.shabox-in-spread-lg-onto:hover, -.shabox-in-spread-lg-onto:focus, -.shabox-in-spread-lg-toone > *:hover, -.shabox-in-spread-lg-toone > *:focus, -*:hover > .shabox-in-spread-lg-into, -*:focus > .shabox-in-spread-lg-into, -.shabox-in-spread-lg-toall:hover > *, -.shabox-in-spread-lg-toall:focus > * { - box-shadow: inset var(--box-shadow-spread-lg); +/********** SHADOW **********/ +.shadow-sm, +.shadow-sm-global > *, +.shadow-sm-onto:hover, +.shadow-sm-onto:focus, +.shadow-sm-toone > *:hover, +.shadow-sm-toone > *:focus, +*:hover > .shadow-sm-into, +*:focus > .shadow-sm-into, +.shadow-sm-toall:hover > *, +.shadow-sm-toall:focus > * { + box-shadow: var(--shadow-sm); +} + +.shadow-in-sm, +.shadow-in-sm-global > *, +.shadow-in-sm-onto:hover, +.shadow-in-sm-onto:focus, +.shadow-in-sm-toone > *:hover, +.shadow-in-sm-toone > *:focus, +*:hover > .shadow-in-sm-into, +*:focus > .shadow-in-sm-into, +.shadow-in-sm-toall:hover > *, +.shadow-in-sm-toall:focus > * { + box-shadow: inset var(--shadow-sm); +} + +.shadow-md, +.shadow-md-global > *, +.shadow-md-onto:hover, +.shadow-md-onto:focus, +.shadow-md-toone > *:hover, +.shadow-md-toone > *:focus, +*:hover > .shadow-md-into, +*:focus > .shadow-md-into, +.shadow-md-toall:hover > *, +.shadow-md-toall:focus > * { + box-shadow: var(--shadow-md); +} + +.shadow-in-md, +.shadow-in-md-global > *, +.shadow-in-md-onto:hover, +.shadow-in-md-onto:focus, +.shadow-in-md-toone > *:hover, +.shadow-in-md-toone > *:focus, +*:hover > .shadow-in-md-into, +*:focus > .shadow-in-md-into, +.shadow-in-md-toall:hover > *, +.shadow-in-md-toall:focus > * { + box-shadow: inset var(--shadow-md); +} + +.shadow-lg, +.shadow-lg-global > *, +.shadow-lg-onto:hover, +.shadow-lg-onto:focus, +.shadow-lg-toone > *:hover, +.shadow-lg-toone > *:focus, +*:hover > .shadow-lg-into, +*:focus > .shadow-lg-into, +.shadow-lg-toall:hover > *, +.shadow-lg-toall:focus > * { + box-shadow: var(--shadow-lg); +} + +.shadow-in-lg, +.shadow-in-lg-global > *, +.shadow-in-lg-onto:hover, +.shadow-in-lg-onto:focus, +.shadow-in-lg-toone > *:hover, +.shadow-in-lg-toone > *:focus, +*:hover > .shadow-in-lg-into, +*:focus > .shadow-in-lg-into, +.shadow-in-lg-toall:hover > *, +.shadow-in-lg-toall:focus > * { + box-shadow: inset var(--shadow-lg); +} + +.shadow-blur, +.shadow-blur-global > *, +.shadow-blur-onto:hover, +.shadow-blur-onto:focus, +.shadow-blur-toone > *:hover, +.shadow-blur-toone > *:focus, +*:hover > .shadow-blur-into, +*:focus > .shadow-blur-into, +.shadow-blur-toall:hover > *, +.shadow-blur-toall:focus > * { + box-shadow: var(--shadow-blur); +} + +.shadow-in-blur, +.shadow-in-blur-global > *, +.shadow-in-blur-onto:hover, +.shadow-in-blur-onto:focus, +.shadow-in-blur-toone > *:hover, +.shadow-in-blur-toone > *:focus, +*:hover > .shadow-in-blur-into, +*:focus > .shadow-in-blur-into, +.shadow-in-blur-toall:hover > *, +.shadow-in-blur-toall:focus > * { + box-shadow: inset var(--shadow-blur); +} + +.shadow-blur-sm, +.shadow-blur-sm-global > *, +.shadow-blur-sm-onto:hover, +.shadow-blur-sm-onto:focus, +.shadow-blur-sm-toone > *:hover, +.shadow-blur-sm-toone > *:focus, +*:hover > .shadow-blur-sm-into, +*:focus > .shadow-blur-sm-into, +.shadow-blur-sm-toall:hover > *, +.shadow-blur-sm-toall:focus > * { + box-shadow: var(--shadow-blur-sm); +} + +.shadow-in-blur-sm, +.shadow-in-blur-sm-global > *, +.shadow-in-blur-sm-onto:hover, +.shadow-in-blur-sm-onto:focus, +.shadow-in-blur-sm-toone > *:hover, +.shadow-in-blur-sm-toone > *:focus, +*:hover > .shadow-in-blur-sm-into, +*:focus > .shadow-in-blur-sm-into, +.shadow-in-blur-sm-toall:hover > *, +.shadow-in-blur-sm-toall:focus > * { + box-shadow: inset var(--shadow-blur-sm); +} + +.shadow-blur-md, +.shadow-blur-md-global > *, +.shadow-blur-md-onto:hover, +.shadow-blur-md-onto:focus, +.shadow-blur-md-toone > *:hover, +.shadow-blur-md-toone > *:focus, +*:hover > .shadow-blur-md-into, +*:focus > .shadow-blur-md-into, +.shadow-blur-md-toall:hover > *, +.shadow-blur-md-toall:focus > * { + box-shadow: var(--shadow-blur-md); +} + +.shadow-in-blur-md, +.shadow-in-blur-md-global > *, +.shadow-in-blur-md-onto:hover, +.shadow-in-blur-md-onto:focus, +.shadow-in-blur-md-toone > *:hover, +.shadow-in-blur-md-toone > *:focus, +*:hover > .shadow-in-blur-md-into, +*:focus > .shadow-in-blur-md-into, +.shadow-in-blur-md-toall:hover > *, +.shadow-in-blur-md-toall:focus > * { + box-shadow: inset var(--shadow-blur-md); +} + +.shadow-blur-lg, +.shadow-blur-lg-global > *, +.shadow-blur-lg-onto:hover, +.shadow-blur-lg-onto:focus, +.shadow-blur-lg-toone > *:hover, +.shadow-blur-lg-toone > *:focus, +*:hover > .shadow-blur-lg-into, +*:focus > .shadow-blur-lg-into, +.shadow-blur-lg-toall:hover > *, +.shadow-blur-lg-toall:focus > * { + box-shadow: var(--shadow-blur-lg); +} + +.shadow-in-blur-lg, +.shadow-in-blur-lg-global > *, +.shadow-in-blur-lg-onto:hover, +.shadow-in-blur-lg-onto:focus, +.shadow-in-blur-lg-toone > *:hover, +.shadow-in-blur-lg-toone > *:focus, +*:hover > .shadow-in-blur-lg-into, +*:focus > .shadow-in-blur-lg-into, +.shadow-in-blur-lg-toall:hover > *, +.shadow-in-blur-lg-toall:focus > * { + box-shadow: inset var(--shadow-blur-lg); +} + +.shadow-spread, +.shadow-spread-global > *, +.shadow-spread-onto:hover, +.shadow-spread-onto:focus, +.shadow-spread-toone > *:hover, +.shadow-spread-toone > *:focus, +*:hover > .shadow-spread-into, +*:focus > .shadow-spread-into, +.shadow-spread-toall:hover > *, +.shadow-spread-toall:focus > * { + box-shadow: var(--shadow-spread); +} + +.shadow-in-spread, +.shadow-in-spread-global > *, +.shadow-in-spread-onto:hover, +.shadow-in-spread-onto:focus, +.shadow-in-spread-toone > *:hover, +.shadow-in-spread-toone > *:focus, +*:hover > .shadow-in-spread-into, +*:focus > .shadow-in-spread-into, +.shadow-in-spread-toall:hover > *, +.shadow-in-spread-toall:focus > * { + box-shadow: inset var(--shadow-spread); +} + +.shadow-spread-sm, +.shadow-spread-sm-global > *, +.shadow-spread-sm-onto:hover, +.shadow-spread-sm-onto:focus, +.shadow-spread-sm-toone > *:hover, +.shadow-spread-sm-toone > *:focus, +*:hover > .shadow-spread-sm-into, +*:focus > .shadow-spread-sm-into, +.shadow-spread-sm-toall:hover > *, +.shadow-spread-sm-toall:focus > * { + box-shadow: var(--shadow-spread-sm); +} + +.shadow-in-spread-sm, +.shadow-in-spread-sm-global > *, +.shadow-in-spread-sm-onto:hover, +.shadow-in-spread-sm-onto:focus, +.shadow-in-spread-sm-toone > *:hover, +.shadow-in-spread-sm-toone > *:focus, +*:hover > .shadow-in-spread-sm-into, +*:focus > .shadow-in-spread-sm-into, +.shadow-in-spread-sm-toall:hover > *, +.shadow-in-spread-sm-toall:focus > * { + box-shadow: inset var(--shadow-spread-sm); +} + +.shadow-spread-md, +.shadow-spread-md-global > *, +.shadow-spread-md-onto:hover, +.shadow-spread-md-onto:focus, +.shadow-spread-md-toone > *:hover, +.shadow-spread-md-toone > *:focus, +*:hover > .shadow-spread-md-into, +*:focus > .shadow-spread-md-into, +.shadow-spread-md-toall:hover > *, +.shadow-spread-md-toall:focus > * { + box-shadow: var(--shadow-spread-md); +} + +.shadow-in-spread-md, +.shadow-in-spread-md-global > *, +.shadow-in-spread-md-onto:hover, +.shadow-in-spread-md-onto:focus, +.shadow-in-spread-md-toone > *:hover, +.shadow-in-spread-md-toone > *:focus, +*:hover > .shadow-in-spread-md-into, +*:focus > .shadow-in-spread-md-into, +.shadow-in-spread-md-toall:hover > *, +.shadow-in-spread-md-toall:focus > * { + box-shadow: inset var(--shadow-spread-md); +} + +.shadow-spread-lg, +.shadow-spread-lg-global > *, +.shadow-spread-lg-onto:hover, +.shadow-spread-lg-onto:focus, +.shadow-spread-lg-toone > *:hover, +.shadow-spread-lg-toone > *:focus, +*:hover > .shadow-spread-lg-into, +*:focus > .shadow-spread-lg-into, +.shadow-spread-lg-toall:hover > *, +.shadow-spread-lg-toall:focus > * { + box-shadow: var(--shadow-spread-lg); +} + +.shadow-in-spread-lg, +.shadow-in-spread-lg-global > *, +.shadow-in-spread-lg-onto:hover, +.shadow-in-spread-lg-onto:focus, +.shadow-in-spread-lg-toone > *:hover, +.shadow-in-spread-lg-toone > *:focus, +*:hover > .shadow-in-spread-lg-into, +*:focus > .shadow-in-spread-lg-into, +.shadow-in-spread-lg-toall:hover > *, +.shadow-in-spread-lg-toall:focus > * { + box-shadow: inset var(--shadow-spread-lg); } /********** ANIMATION **********/ @@ -4877,4 +4825,4 @@ pre { } /* Author: Philippe Beck - Updated: 26th Apr 2022 @ 5:44:07 PM */ \ No newline at end of file + Updated: 27th Apr 2022 @ 10:17:22 AM */ \ No newline at end of file diff --git a/dist/animadio.min.css b/dist/animadio.min.css index 71b7f70..27f3327 100644 --- a/dist/animadio.min.css +++ b/dist/animadio.min.css @@ -1 +1 @@ -/*! animadio v5.0.3 | https://animadio.org | MIT License *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--sans-serif:sans-serif;--serif:serif;--monospace:monospace;--cursive:cursive;--fantasy:fantasy;--primary:rgb(65, 105, 225);--secondary:rgb(220, 220, 220);--pink:rgb(255, 0, 255);--red:rgb(250, 128, 114);--orange:rgb(255, 140, 0);--yellow:rgb(255, 215, 0);--brown:rgb(139, 69, 19);--green:rgb(50, 205, 50);--cyan:rgb(0, 128, 128);--blue:rgb(30, 144, 255);--violet:rgb(106, 90, 205);--black:rgb(15, 15, 15);--gray:rgb(105, 105, 105);--grey:rgb(192, 192, 192);--white:rgb(255, 255, 240);--fb:rgb(66, 103, 178);--gh:rgb(36, 41, 46);--in:rgb(0, 119, 181);--pp:rgb(39, 52, 106);--tw:rgb(29, 161, 242);--opacity-dark:0.8;--opacity-light:0.2;--primary-dark:rgba(65, 105, 225, var(--opacity-dark));--primary-light:rgba(65, 105, 225, var(--opacity-light));--secondary-dark:rgba(220, 220, 220, var(--opacity-dark));--secondary-light:rgba(220, 220, 220, var(--opacity-light));--pink-dark:rgba(255, 0, 255, var(--opacity-dark));--pink-light:rgba(255, 0, 255, var(--opacity-light));--red-dark:rgba(250, 128, 114, var(--opacity-dark));--red-light:rgba(250, 128, 114, var(--opacity-light));--orange-dark:rgba(255, 140, 0, var(--opacity-dark));--orange-light:rgba(255, 140, 0, var(--opacity-light));--yellow-dark:rgba(255, 215, 0, var(--opacity-dark));--yellow-light:rgba(255, 215, 0, var(--opacity-light));--brown-dark:rgba(139, 69, 19, var(--opacity-dark));--brown-light:rgba(139, 69, 19, var(--opacity-light));--green-dark:rgba(50, 205, 50, var(--opacity-dark));--green-light:rgba(50, 205, 50, var(--opacity-light));--cyan-dark:rgba(0, 128, 128, var(--opacity-dark));--cyan-light:rgba(0, 128, 128, var(--opacity-light));--blue-dark:rgba(30, 144, 255, var(--opacity-dark));--blue-light:rgba(30, 144, 255, var(--opacity-light));--violet-dark:rgba(106, 90, 205, var(--opacity-dark));--violet-light:rgba(106, 90, 205, var(--opacity-light));--black-dark:rgba(15, 15, 15, var(--opacity-dark));--black-light:rgba(15, 15, 15, var(--opacity-light));--gray-dark:rgba(105, 105, 105, var(--opacity-dark));--gray-light:rgba(105, 105, 105, var(--opacity-light));--grey-dark:rgba(192, 192, 192, var(--opacity-dark));--grey-light:rgba(192, 192, 192, var(--opacity-light));--white-dark:rgba(255, 255, 240, var(--opacity-dark));--white-light:rgba(255, 255, 240, var(--opacity-light));--slideT:translate(0, 10vh);--slideR:translate(-10vw, 0);--slideB:translate(0, -10vh);--slideL:translate(10vw, 0);--turn:rotate3d(0, 0, 1, 360deg);--turnX:rotate3d(1, 0, 0, 360deg);--turnY:rotate3d(0, 1, 0, 360deg);--turnXY:rotate3d(1, 1, 0, 360deg);--turnXZ:rotate3d(1, 0, 1, 360deg);--turnYZ:rotate3d(0, 1, 1, 360deg);--turn3D:rotate3d(1, 1, 1, 360deg);--bounce:scale(-1, -1);--grow:scale(0.5, 0.5);--shrink:scale(1.5, 1.5);--flipX:scale(1, -1);--flipY:scale(-1, 1);--openX:scale(1, 0);--openY:scale(0, 1);--flipperX:scale(0, -1);--flipperY:scale(-1, 0);--twistT:skew(-90deg, -90deg);--twistR:skew(90deg, -90deg);--twistB:skew(90deg, 90deg);--twistL:skew(-90deg, 90deg)}*{--all-box-sizing:border-box;--target-margins:7rem}html{--html-scroll-behavior:smooth;--html-font-size:62.5%}body{--body-font-size:2rem;--body-line-height:1.6;--body-padding:0}main{--main-text-align:center}article{--article-margin-bottom:20px}h1{--title-font-size:calc(var(--body-font-size) * 2)}h2{--title-font-size:calc(var(--body-font-size) * 1.8)}h3{--title-font-size:calc(var(--body-font-size) * 1.6)}h4{--title-font-size:calc(var(--body-font-size) * 1.4)}h5{--title-font-size:calc(var(--body-font-size) * 1.2)}h6{--title-font-size:var(--body-font-size)}h1,h2,h3,h4,h5,h6{--title-font-family:var(--serif);--title-text-align:center;--title-text-transform:capitalize}a{--link-outline:0;--link-text-decoration:none}ul{--list-margin:0 0 10px;--list-padding:0;--list-style:none}table{--table-border-collapse:collapse;--table-margin:auto;--table-text-align:center;--table-vertical-align:middle}code,pre{--code-margin:auto;--code-overflow:scroll;--code-padding:10px;--code-text-align:initial;--code-width:100%}figure{--figure-margin:0}img,video{--img-max-width:100%;--img-height:auto;--img-object-fit:contain}[type=button],[type=reset],[type=submit],button{--button-cursor:pointer}[class*=col],[class*=flex],[class*=row]{--flex-place-content:center}[class*=col]{--column-padding:0 10px}[class*=row]{--row-padding:10px 0}[class*=grid]{--grid-max-width:100vw;--grid-margin:auto}[class*=gap-]{--gap1:50px;--gap2:20px;--gap3:10px;--gap4:5px;--gap5:2px;--gap6:1px}[class*=container]{--container-max-width:100%}[class*=mar-]{--margin-none:0;--margin-sm:5px;--margin-md:10px;--margin-lg:20px;--margin-top-sm:5px;--margin-top-md:10px;--margin-top-lg:20px;--margin-right-sm:5px;--margin-right-md:10px;--margin-right-lg:20px;--margin-bot-sm:5px;--margin-bot-md:10px;--margin-bot-lg:20px;--margin-left-sm:5px;--margin-left-md:10px;--margin-left-lg:20px}[class*=bord]{--border-width-sm:thin;--border-width-md:medium;--border-width-lg:thick;--border-radius-square:unset;--border-radius-curve:5px;--border-radius-round:10px;--border-radius-circle:50%}[class*=pad-]{--padding-none:0;--padding-sm:5px;--padding-md:10px;--padding-lg:20px;--padding-top-sm:5px;--padding-top-md:10px;--padding-top-lg:20px;--padding-right-sm:5px;--padding-right-md:10px;--padding-right-lg:20px;--padding-bot-sm:5px;--padding-bot-md:10px;--padding-bot-lg:20px;--padding-left-sm:5px;--padding-left-md:10px;--padding-left-lg:20px}[class*=height-]{--height-sm:10vh;--height-md:20vh;--height-lg:50vh}[class*=max-h-]{--max-height-sm:10vh;--max-height-md:20vh;--max-height-lg:50vh}[class*=min-h-]{--min-height-sm:10vh;--min-height-md:20vh;--min-height-lg:50vh}[class*=width-]{--width-sm:10vw;--width-md:20vw;--width-lg:50vw}[class*=max-w-]{--max-width-sm:10vw;--max-width-md:20vw;--max-width-lg:50vw}[class*=min-w-]{--min-width-sm:10vw;--min-width-md:20vw;--min-width-lg:50vw}[class*=shabox-]{--box-shadow-sm:1px 1px;--box-shadow-md:2px 2px;--box-shadow-lg:5px 5px;--box-shadow-blur:0 0 2px;--box-shadow-blur-sm:1px 1px 1px;--box-shadow-blur-md:2px 2px 2px;--box-shadow-blur-lg:5px 5px 5px;--box-shadow-spread:0 0 2px 2px;--box-shadow-spread-sm:1px 1px 1px 1px;--box-shadow-spread-md:2px 2px 2px 2px;--box-shadow-spread-lg:5px 5px 5px 5px}[class*=anima-]{--animation-duration:2s;--animation-duration-sm:1s;--animation-duration-md:2s;--animation-duration-lg:3s;--animation-timing-function-linear:linear;--animation-timing-function-in:ease-in;--animation-timing-function-out:ease-out;--animation-timing-function-inout:ease-in-out;--animation-timing-function-start:step-start;--animation-timing-function-end:step-end;--animation-iteration-count-few:2;--animation-iteration-count-many:4;--animation-iteration-count-loop:infinite;--animation-delay-min:1s;--animation-delay-max:2s}@-webkit-keyframes slideT{from{transform:var(--slideT)}}@keyframes slideT{from{transform:var(--slideT)}}@-webkit-keyframes slideR{from{transform:var(--slideR)}}@keyframes slideR{from{transform:var(--slideR)}}@-webkit-keyframes slideB{from{transform:var(--slideB)}}@keyframes slideB{from{transform:var(--slideB)}}@-webkit-keyframes slideL{from{transform:var(--slideL)}}@keyframes slideL{from{transform:var(--slideL)}}@-webkit-keyframes turn{from{transform:var(--turn)}}@keyframes turn{from{transform:var(--turn)}}@-webkit-keyframes turnX{from{transform:var(--turnX)}}@keyframes turnX{from{transform:var(--turnX)}}@-webkit-keyframes turnY{from{transform:var(--turnY)}}@keyframes turnY{from{transform:var(--turnY)}}@-webkit-keyframes turnXY{from{transform:var(--turnXY)}}@keyframes turnXY{from{transform:var(--turnXY)}}@-webkit-keyframes turnXZ{from{transform:var(--turnXZ)}}@keyframes turnXZ{from{transform:var(--turnXZ)}}@-webkit-keyframes turnYZ{from{transform:var(--turnYZ)}}@keyframes turnYZ{from{transform:var(--turnYZ)}}@-webkit-keyframes turn3D{from{transform:var(--turn3D)}}@keyframes turn3D{from{transform:var(--turn3D)}}@-webkit-keyframes bounce{from{transform:var(--bounce)}}@keyframes bounce{from{transform:var(--bounce)}}@-webkit-keyframes grow{from{transform:var(--grow)}}@keyframes grow{from{transform:var(--grow)}}@-webkit-keyframes shrink{from{transform:var(--shrink)}}@keyframes shrink{from{transform:var(--shrink)}}@-webkit-keyframes flipX{from{transform:var(--flipX)}}@keyframes flipX{from{transform:var(--flipX)}}@-webkit-keyframes flipY{from{transform:var(--flipY)}}@keyframes flipY{from{transform:var(--flipY)}}@-webkit-keyframes openX{from{transform:var(--openX)}}@keyframes openX{from{transform:var(--openX)}}@-webkit-keyframes openY{from{transform:var(--openY)}}@keyframes openY{from{transform:var(--openY)}}@-webkit-keyframes flipperX{from{transform:var(--flipperX)}}@keyframes flipperX{from{transform:var(--flipperX)}}@-webkit-keyframes flipperY{from{transform:var(--flipperY)}}@keyframes flipperY{from{transform:var(--flipperY)}}@-webkit-keyframes twistT{from{transform:var(--twistT)}}@keyframes twistT{from{transform:var(--twistT)}}@-webkit-keyframes twistR{from{transform:var(--twistR)}}@keyframes twistR{from{transform:var(--twistR)}}@-webkit-keyframes twistB{from{transform:var(--twistB)}}@keyframes twistB{from{transform:var(--twistB)}}@-webkit-keyframes twistL{from{transform:var(--twistL)}}@keyframes twistL{from{transform:var(--twistL)}}*{box-sizing:var(--all-box-sizing)}:target{padding-top:var(--target-margins);margin-top:-var(--target-margins)}html{font-size:var(--html-font-size);scroll-behavior:var(--html-scroll-behavior)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;padding:var(--body-padding);line-height:var(--body-line-height);font-size:var(--body-font-size);font-family:var(--sans-serif)}main{text-align:var(--main-text-align)}article{margin-bottom:var(--article-margin-bottom)}h1,h2,h3,h4,h5,h6{font-family:var(--title-font-family);text-align:var(--title-text-align);text-transform:var(--title-text-transform);font-size:var(--title-font-size);color:var(--title-color)}a{-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);outline:var(--link-outline);color:var(--link-color)}button{cursor:var(--button-cursor)}ul{margin:var(--list-margin);padding:var(--list-padding);list-style:var(--list-style)}table{margin:var(--table-margin);border-collapse:var(--table-border-collapse);text-align:var(--table-text-align);vertical-align:var(--table-vertical-align);font-family:var(--monospace)}figure{margin:var(--figure-margin)}img,video{max-width:var(--img-max-width);height:var(--img-height);-o-object-fit:var(--img-object-fit);object-fit:var(--img-object-fit)}code,pre{font-size:1em;overflow:var(--code-overflow);margin:var(--code-margin);padding:var(--code-padding);width:var(--code-width);font-family:var(--monospace);text-align:var(--code-text-align)}.global-hide>*,.hide{display:none}.flex,.global-flex>*{display:flex}.block,.global-block>*{display:block}.global-inline>*,.inline{display:inline}.global-inflex>*,.inflex{display:inline-flex}.global-inblock>*,.inblock{display:inline-block}@media (min-width:576px){.global-hide-sm>*,.hide-sm{display:none}.flex-sm,.global-flex-sm>*{display:flex}.block-sm,.global-block-sm>*{display:block}.global-inline-sm>*,.inline-sm{display:inline}.global-inflex-sm>*,.inflex-sm{display:inline-flex}.global-inblock-sm>*,.inblock-sm{display:inline-block}}@media (min-width:768px){.global-hide-md>*,.hide-md{display:none}.flex-md,.global-flex-md>*{display:flex}.block-md,.global-block-md>*{display:block}.global-inline-md>*,.inline-md{display:inline}.global-inflex-md>*,.inflex-md{display:inline-flex}.global-inblock-md>*,.inblock-md{display:inline-block}}@media (min-width:992px){.global-hide-lg>*,.hide-lg{display:none}.flex-lg,.global-flex-lg>*{display:flex}.block-lg,.global-block-lg>*{display:block}.global-inline-lg>*,.inline-lg{display:inline}.global-inflex-lg>*,.inflex-lg{display:inline-flex}.global-inblock-lg>*,.inblock-lg{display:inline-block}}@media (min-width:1200px){.global-hide-xl>*,.hide-xl{display:none}.flex-xl,.global-flex-xl>*{display:flex}.block-xl,.global-block-xl>*{display:block}.global-inline-xl>*,.inline-xl{display:inline}.global-inflex-xl>*,.inflex-xl{display:inline-flex}.global-inblock-xl>*,.inblock-xl{display:inline-block}}@media (min-width:1600px){.global-hide-wd>*,.hide-wd{display:none}.flex-wd,.global-flex-wd>*{display:flex}.block-wd,.global-block-wd>*{display:block}.global-inline-wd>*,.inline-wd{display:inline}.global-inflex-wd>*,.inflex-wd{display:inline-flex}.global-inblock-wd>*,.inblock-wd{display:inline-block}}.col,.col-rev,.flex,.row,.row-rev{display:flex;place-content:var(--flex-place-content)}.col,.col-rev{padding:var(--column-padding)}.row,.row-rev{padding:var(--row-padding)}.flex{flex-wrap:wrap}.col{flex-direction:column}.row{flex-direction:row}.col-rev{flex-direction:column-reverse}.row-rev{flex-direction:row-reverse}[class*=grid]{display:grid;max-width:var(--grid-max-width);margin:var(--grid-margin)}[class*=grid-][class*="-2tn"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3tn"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4tn"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5tn"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6tn"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7tn"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8tn"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9tn"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10tn"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11tn"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12tn"]{grid-template:auto/repeat(12,auto)}@media (min-width:576px){[class*=grid-][class*="-2sm"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3sm"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4sm"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5sm"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6sm"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7sm"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8sm"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9sm"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10sm"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11sm"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12sm"]{grid-template:auto/repeat(12,auto)}}@media (min-width:768px){[class*=grid-][class*="-2md"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3md"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4md"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5md"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6md"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7md"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8md"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9md"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10md"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11md"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12md"]{grid-template:auto/repeat(12,auto)}}@media (min-width:992px){[class*=grid-][class*="-2lg"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3lg"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4lg"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5lg"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6lg"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7lg"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8lg"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9lg"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10lg"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11lg"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12lg"]{grid-template:auto/repeat(12,auto)}}@media (min-width:1200px){[class*=grid-][class*="-2xl"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3xl"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4xl"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5xl"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6xl"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7xl"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8xl"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9xl"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10xl"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11xl"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12xl"]{grid-template:auto/repeat(12,auto)}}@media (min-width:1600px){[class*=grid-][class*="-2wd"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3wd"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4wd"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5wd"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6wd"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7wd"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8wd"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9wd"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10wd"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11wd"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12wd"]{grid-template:auto/repeat(12,auto)}}[class*=gap-][class*="-1tn"]{gap:var(--gap1)}[class*=gap-][class*="-2tn"]{gap:var(--gap2)}[class*=gap-][class*="-3tn"]{gap:var(--gap3)}[class*=gap-][class*="-4tn"]{gap:var(--gap4)}[class*=gap-][class*="-5tn"]{gap:var(--gap5)}[class*=gap-][class*="-6tn"]{gap:var(--gap6)}@media (min-width:576px){[class*=gap-][class*="-1sm"]{gap:var(--gap1)}[class*=gap-][class*="-2sm"]{gap:var(--gap2)}[class*=gap-][class*="-3sm"]{gap:var(--gap3)}[class*=gap-][class*="-4sm"]{gap:var(--gap4)}[class*=gap-][class*="-5sm"]{gap:var(--gap5)}[class*=gap-][class*="-6sm"]{gap:var(--gap6)}}@media (min-width:768px){[class*=gap-][class*="-1md"]{gap:var(--gap1)}[class*=gap-][class*="-2md"]{gap:var(--gap2)}[class*=gap-][class*="-3md"]{gap:var(--gap3)}[class*=gap-][class*="-4md"]{gap:var(--gap4)}[class*=gap-][class*="-5md"]{gap:var(--gap5)}[class*=gap-][class*="-6md"]{gap:var(--gap6)}}@media (min-width:992px){[class*=gap-][class*="-1lg"]{gap:var(--gap1)}[class*=gap-][class*="-2lg"]{gap:var(--gap2)}[class*=gap-][class*="-3lg"]{gap:var(--gap3)}[class*=gap-][class*="-4lg"]{gap:var(--gap4)}[class*=gap-][class*="-5lg"]{gap:var(--gap5)}[class*=gap-][class*="-6lg"]{gap:var(--gap6)}}@media (min-width:1200px){[class*=gap-][class*="-1xl"]{gap:var(--gap1)}[class*=gap-][class*="-2xl"]{gap:var(--gap2)}[class*=gap-][class*="-3xl"]{gap:var(--gap3)}[class*=gap-][class*="-4xl"]{gap:var(--gap4)}[class*=gap-][class*="-5xl"]{gap:var(--gap5)}[class*=gap-][class*="-6xl"]{gap:var(--gap6)}}@media (min-width:1600px){[class*=gap-][class*="-1wd"]{gap:var(--gap1)}[class*=gap-][class*="-2wd"]{gap:var(--gap2)}[class*=gap-][class*="-3wd"]{gap:var(--gap3)}[class*=gap-][class*="-4wd"]{gap:var(--gap4)}[class*=gap-][class*="-5wd"]{gap:var(--gap5)}[class*=gap-][class*="-6wd"]{gap:var(--gap6)}}.content-around{place-content:space-around}.content-between{place-content:space-between}.content-evenly{place-content:space-evenly}.content-center{place-content:center}.content-stretch{place-content:stretch}.content-start{place-content:flex-start}.content-end{place-content:flex-end}@media (min-width:576px){.content-around-sm{place-content:space-around}.content-between-sm{place-content:space-between}.content-evenly-sm{place-content:space-evenly}.content-center-sm{place-content:center}.content-stretch-sm{place-content:stretch}.content-start-sm{place-content:flex-start}.content-end-sm{place-content:flex-end}}@media (min-width:768px){.content-around-md{place-content:space-around}.content-between-md{place-content:space-between}.content-evenly-md{place-content:space-evenly}.content-center-md{place-content:center}.content-stretch-md{place-content:stretch}.content-start-md{place-content:flex-start}.content-end-md{place-content:flex-end}}@media (min-width:992px){.content-around-lg{place-content:space-around}.content-between-lg{place-content:space-between}.content-evenly-lg{place-content:space-evenly}.content-center-lg{place-content:center}.content-stretch-lg{place-content:stretch}.content-start-lg{place-content:flex-start}.content-end-lg{place-content:flex-end}}@media (min-width:1200px){.content-around-xl{place-content:space-around}.content-between-xl{place-content:space-between}.content-evenly-xl{place-content:space-evenly}.content-center-xl{place-content:center}.content-stretch-xl{place-content:stretch}.content-start-xl{place-content:flex-start}.content-end-xl{place-content:flex-end}}@media (min-width:1600px){.content-around-wd{place-content:space-around}.content-between-wd{place-content:space-between}.content-evenly-wd{place-content:space-evenly}.content-center-wd{place-content:center}.content-stretch-wd{place-content:stretch}.content-start-wd{place-content:flex-start}.content-end-wd{place-content:flex-end}}.items-normal{place-items:normal}.items-base{place-items:baseline}.items-center{place-items:center}.items-stretch{place-items:stretch}.items-start{place-items:flex-start}.items-end{place-items:flex-end}@media (min-width:576px){.items-normal-sm{place-items:normal}.items-base-sm{place-items:baseline}.items-center-sm{place-items:center}.items-stretch-sm{place-items:stretch}.items-start-sm{place-items:flex-start}.items-end-sm{place-items:flex-end}}@media (min-width:768px){.items-normal-md{place-items:normal}.items-base-md{place-items:baseline}.items-center-md{place-items:center}.items-stretch-md{place-items:stretch}.items-start-md{place-items:flex-start}.items-end-md{place-items:flex-end}}@media (min-width:992px){.items-normal-lg{place-items:normal}.items-base-lg{place-items:baseline}.items-center-lg{place-items:center}.items-stretch-lg{place-items:stretch}.items-start-lg{place-items:flex-start}.items-end-lg{place-items:flex-end}}@media (min-width:1200px){.items-normal-xl{place-items:normal}.items-base-xl{place-items:baseline}.items-center-xl{place-items:center}.items-stretch-xl{place-items:stretch}.items-start-xl{place-items:flex-start}.items-end-xl{place-items:flex-end}}@media (min-width:1600px){.items-normal-wd{place-items:normal}.items-base-wd{place-items:baseline}.items-center-wd{place-items:center}.items-stretch-wd{place-items:stretch}.items-start-wd{place-items:flex-start}.items-end-wd{place-items:flex-end}}.self-auto{place-self:auto}.self-normal{place-self:normal}.self-base{place-self:baseline}.self-center{place-self:center}.self-stretch{place-self:stretch}.self-start{place-self:flex-start}.self-end{place-self:flex-end}@media (min-width:576px){.self-auto-sm{place-self:auto}.self-normal-sm{place-self:normal}.self-base-sm{place-self:baseline}.self-center-sm{place-self:center}.self-stretch-sm{place-self:stretch}.self-start-sm{place-self:flex-start}.self-end-sm{place-self:flex-end}}@media (min-width:768px){.self-auto-md{place-self:auto}.self-normal-md{place-self:normal}.self-base-md{place-self:baseline}.self-center-md{place-self:center}.self-stretch-md{place-self:stretch}.self-start-md{place-self:flex-start}.self-end-md{place-self:flex-end}}@media (min-width:992px){.self-auto-lg{place-self:auto}.self-normal-lg{place-self:normal}.self-base-lg{place-self:baseline}.self-center-lg{place-self:center}.self-stretch-lg{place-self:stretch}.self-start-lg{place-self:flex-start}.self-end-lg{place-self:flex-end}}@media (min-width:1200px){.self-auto-xl{place-self:auto}.self-normal-xl{place-self:normal}.self-base-xl{place-self:baseline}.self-center-xl{place-self:center}.self-stretch-xl{place-self:stretch}.self-start-xl{place-self:flex-start}.self-end-xl{place-self:flex-end}}@media (min-width:1600px){.self-auto-wd{place-self:auto}.self-normal-wd{place-self:normal}.self-base-wd{place-self:baseline}.self-center-wd{place-self:center}.self-stretch-wd{place-self:stretch}.self-start-wd{place-self:flex-start}.self-end-wd{place-self:flex-end}}.absolute,.global-absolute>*{position:absolute}.fixed,.global-fixed>*{position:fixed}.global-relative>*,.relative{position:relative}.global-sticky>*,.sticky{position:-webkit-sticky;position:sticky}@media (min-width:576px){.absolute-sm,.global-absolute-sm>*{position:absolute}.fixed-sm,.global-fixed-sm>*{position:fixed}.global-relative-sm>*,.relative-sm{position:relative}.global-sticky-sm>*,.sticky-sm{position:-webkit-sticky;position:sticky}}@media (min-width:768px){.absolute-md,.global-absolute-md>*{position:absolute}.fixed-md,.global-fixed-md>*{position:fixed}.global-relative-md>*,.relative-md{position:relative}.global-sticky-md>*,.sticky-md{position:-webkit-sticky;position:sticky}}@media (min-width:992px){.absolute-lg,.global-absolute-lg>*{position:absolute}.fixed-lg,.global-fixed-lg>*{position:fixed}.global-relative-lg>*,.relative-lg{position:relative}.global-sticky-lg>*,.sticky-lg{position:-webkit-sticky;position:sticky}}@media (min-width:1200px){.absolute-xl,.global-absolute-xl>*{position:absolute}.fixed-xl,.global-fixed-xl>*{position:fixed}.global-relative-xl>*,.relative-xl{position:relative}.global-sticky-xl>*,.sticky-xl{position:-webkit-sticky;position:sticky}}@media (min-width:1600px){.absolute-wd,.global-absolute-wd>*{position:absolute}.fixed-wd,.global-fixed-wd>*{position:fixed}.global-relative-wd>*,.relative-wd{position:relative}.global-sticky-wd>*,.sticky-wd{position:-webkit-sticky;position:sticky}}[class*=container]{margin:auto;max-width:var(--container-max-width)}[class*=container-][class*="-50tn"]{max-width:50%}[class*=container-][class*="-60tn"]{max-width:60%}[class*=container-][class*="-70tn"]{max-width:70%}[class*=container-][class*="-80tn"]{max-width:80%}[class*=container-][class*="-90tn"]{max-width:90%}@media (min-width:576px){[class*=container-][class*="-50sm"]{max-width:50%}[class*=container-][class*="-60sm"]{max-width:60%}[class*=container-][class*="-70sm"]{max-width:70%}[class*=container-][class*="-80sm"]{max-width:80%}[class*=container-][class*="-90sm"]{max-width:90%}}@media (min-width:768px){[class*=container-][class*="-50md"]{max-width:50%}[class*=container-][class*="-60md"]{max-width:60%}[class*=container-][class*="-70md"]{max-width:70%}[class*=container-][class*="-80md"]{max-width:80%}[class*=container-][class*="-90md"]{max-width:90%}}@media (min-width:992px){[class*=container-][class*="-50lg"]{max-width:50%}[class*=container-][class*="-60lg"]{max-width:60%}[class*=container-][class*="-70lg"]{max-width:70%}[class*=container-][class*="-80lg"]{max-width:80%}[class*=container-][class*="-90lg"]{max-width:90%}}@media (min-width:1200px){[class*=container-][class*="-50xl"]{max-width:50%}[class*=container-][class*="-60xl"]{max-width:60%}[class*=container-][class*="-70xl"]{max-width:70%}[class*=container-][class*="-80xl"]{max-width:80%}[class*=container-][class*="-90xl"]{max-width:90%}}@media (min-width:1600px){[class*=container-][class*="-50wd"]{max-width:50%}[class*=container-][class*="-60wd"]{max-width:60%}[class*=container-][class*="-70wd"]{max-width:70%}[class*=container-][class*="-80wd"]{max-width:80%}[class*=container-][class*="-90wd"]{max-width:90%}}.global-mar-none>*,.mar-none{margin:var(--margin-none)}.global-mar-top-none>*,.mar-top-none{margin-top:var(--margin-none)}.global-mar-right-none>*,.mar-right-none{margin-right:var(--margin-none)}.global-mar-bottom-none>*,.mar-bottom-none{margin-bottom:var(--margin-none)}.global-mar-left-none>*,.mar-left-none{margin-left:var(--margin-none)}.global-mar-sm>*,.mar-sm{margin:var(--margin-sm)}.global-mar-md>*,.mar-md{margin:var(--margin-md)}.global-mar-lg>*,.mar-lg{margin:var(--margin-lg)}.global-mar-top-sm>*,.mar-top-sm{margin-top:var(--margin-top-sm)}.global-mar-top-md>*,.mar-top-md{margin-top:var(--margin-top-md)}.global-mar-top-lg>*,.mar-top-lg{margin-top:var(--margin-top-lg)}.global-mar-right-sm>*,.mar-right-sm{margin-right:var(--margin-right-sm)}.global-mar-right-md>*,.mar-right-md{margin-right:var(--margin-right-md)}.global-mar-right-lg>*,.mar-right-lg{margin-right:var(--margin-right-lg)}.global-mar-bot-sm>*,.mar-bot-sm{margin-bottom:var(--margin-bot-sm)}.global-mar-bot-md>*,.mar-bot-md{margin-bottom:var(--margin-bot-md)}.global-mar-bot-lg>*,.mar-bot-lg{margin-bottom:var(--margin-bot-lg)}.global-mar-left-sm>*,.mar-left-sm{margin-left:var(--margin-left-sm)}.global-mar-left-md>*,.mar-left-md{margin-left:var(--margin-left-md)}.global-mar-left-lg>*,.mar-left-lg{margin-left:var(--margin-left-lg)}.bord-dash,.bord-dash-global>*,.bord-dash-onto:focus,.bord-dash-onto:hover,.bord-dash-toall:focus>*,.bord-dash-toall:hover>*,.bord-dash-toone>:focus,.bord-dash-toone>:hover,:focus>.bord-dash-into,:hover>.bord-dash-into{border-style:dashed}.bord-dot,.bord-dot-global>*,.bord-dot-onto:focus,.bord-dot-onto:hover,.bord-dot-toall:focus>*,.bord-dot-toall:hover>*,.bord-dot-toone>:focus,.bord-dot-toone>:hover,:focus>.bord-dot-into,:hover>.bord-dot-into{border-style:dotted}.bord-solid,.bord-solid-global>*,.bord-solid-onto:focus,.bord-solid-onto:hover,.bord-solid-toall:focus>*,.bord-solid-toall:hover>*,.bord-solid-toone>:focus,.bord-solid-toone>:hover,:focus>.bord-solid-into,:hover>.bord-solid-into{border-style:solid}.bord-double,.bord-double-global>*,.bord-double-onto:focus,.bord-double-onto:hover,.bord-double-toall:focus>*,.bord-double-toall:hover>*,.bord-double-toone>:focus,.bord-double-toone>:hover,:focus>.bord-double-into,:hover>.bord-double-into{border-style:double}.bord-groove,.bord-groove-global>*,.bord-groove-onto:focus,.bord-groove-onto:hover,.bord-groove-toall:focus>*,.bord-groove-toall:hover>*,.bord-groove-toone>:focus,.bord-groove-toone>:hover,:focus>.bord-groove-into,:hover>.bord-groove-into{border-style:groove}.bord-ridge,.bord-ridge-global>*,.bord-ridge-onto:focus,.bord-ridge-onto:hover,.bord-ridge-toall:focus>*,.bord-ridge-toall:hover>*,.bord-ridge-toone>:focus,.bord-ridge-toone>:hover,:focus>.bord-ridge-into,:hover>.bord-ridge-into{border-style:ridge}.bord-in,.bord-in-global>*,.bord-in-onto:focus,.bord-in-onto:hover,.bord-in-toall:focus>*,.bord-in-toall:hover>*,.bord-in-toone>:focus,.bord-in-toone>:hover,:focus>.bord-in-into,:hover>.bord-in-into{border-style:inset}.bord-out,.bord-out-global>*,.bord-out-onto:focus,.bord-out-onto:hover,.bord-out-toall:focus>*,.bord-out-toall:hover>*,.bord-out-toone>:focus,.bord-out-toone>:hover,:focus>.bord-out-into,:hover>.bord-out-into{border-style:outset}.bord-sm{border-width:thin}.bord-md{border-width:medium}.bord-lg{border-width:thick}.bord-primary{border-color:var(--primary)}.bord-secondary{border-color:var(--secondary)}.bord-pink{border-color:var(--pink)}.bord-red{border-color:var(--red)}.bord-orange{border-color:var(--orange)}.bord-yellow{border-color:var(--yellow)}.bord-brown{border-color:var(--brown)}.bord-green{border-color:var(--green)}.bord-cyan{border-color:var(--cyan)}.bord-blue{border-color:var(--blue)}.bord-violet{border-color:var(--violet)}.bord-black{border-color:var(--black)}.bord-gray{border-color:var(--gray)}.bord-grey{border-color:var(--grey)}.bord-white{border-color:var(--white)}.bord-square,.bord-square-global>*,.bord-square-onto:focus,.bord-square-onto:hover,.bord-square-toall:focus>*,.bord-square-toall:hover>*,.bord-square-toone>:focus,.bord-square-toone>:hover,:focus>.bord-square-into,:hover>.bord-square-into{border-radius:unset}.bord-curve,.bord-curve-global>*,.bord-curve-onto:focus,.bord-curve-onto:hover,.bord-curve-toall:focus>*,.bord-curve-toall:hover>*,.bord-curve-toone>:focus,.bord-curve-toone>:hover,:focus>.bord-curve-into,:hover>.bord-curve-into{border-radius:5px}.bord-round,.bord-round-global>*,.bord-round-onto:focus,.bord-round-onto:hover,.bord-round-toall:focus>*,.bord-round-toall:hover>*,.bord-round-toone>:focus,.bord-round-toone>:hover,:focus>.bord-round-into,:hover>.bord-round-into{border-radius:10px}.bord-circle,.bord-circle-global>*,.bord-circle-onto:focus,.bord-circle-onto:hover,.bord-circle-toall:focus>*,.bord-circle-toall:hover>*,.bord-circle-toone>:focus,.bord-circle-toone>:hover,:focus>.bord-circle-into,:hover>.bord-circle-into{border-radius:50%}.global-pad-none>*,.pad-none{padding:var(--padding-none)}.global-pad-top-none>*,.pad-top-none{padding-top:var(--padding-none)}.global-pad-right-none>*,.pad-right-none{padding-right:var(--padding-none)}.global-pad-bottom-none>*,.pad-bottom-none{padding-bottom:var(--padding-none)}.global-pad-left-none>*,.pad-left-none{padding-left:var(--padding-none)}.global-pad-sm>*,.pad-sm{padding:var(--padding-sm)}.global-pad-md>*,.pad-md{padding:var(--padding-md)}.global-pad-lg>*,.pad-lg{padding:var(--padding-lg)}.global-pad-top-sm>*,.pad-top-sm{padding-top:var(--padding-top-sm)}.global-pad-top-md>*,.pad-top-md{padding-top:var(--padding-top-md)}.global-pad-top-lg>*,.pad-top-lg{padding-top:var(--padding-top-lg)}.global-pad-right-sm>*,.pad-right-sm{padding-right:var(--padding-right-sm)}.global-pad-right-md>*,.pad-right-md{padding-right:var(--padding-right-md)}.global-pad-right-lg>*,.pad-right-lg{padding-right:var(--padding-right-lg)}.global-pad-bot-sm>*,.pad-bot-sm{padding-bottom:var(--padding-bot-sm)}.global-pad-bot-md>*,.pad-bot-md{padding-bottom:var(--padding-bot-md)}.global-pad-bot-lg>*,.pad-bot-lg{padding-bottom:var(--padding-bot-lg)}.global-pad-left-sm>*,.pad-left-sm{padding-left:var(--padding-left-sm)}.global-pad-left-md>*,.pad-left-md{padding-left:var(--padding-left-md)}.global-pad-left-lg>*,.pad-left-lg{padding-left:var(--padding-left-lg)}.height-sm,.height-sm-global>*,.height-sm-onto:focus,.height-sm-onto:hover,.height-sm-toall:focus>*,.height-sm-toall:hover>*,.height-sm-toone>:focus,.height-sm-toone>:hover,:focus>.height-sm-into,:hover>.height-sm-into{height:var(--height-sm)}.height-md,.height-md-global>*,.height-md-onto:focus,.height-md-onto:hover,.height-md-toall:focus>*,.height-md-toall:hover>*,.height-md-toone>:focus,.height-md-toone>:hover,:focus>.height-md-into,:hover>.height-md-into{height:var(--height-md)}.height-lg,.height-lg-global>*,.height-lg-onto:focus,.height-lg-onto:hover,.height-lg-toall:focus>*,.height-lg-toall:hover>*,.height-lg-toone>:focus,.height-lg-toone>:hover,:focus>.height-lg-into,:hover>.height-lg-into{height:var(--height-lg)}.global-max-h-sm>*,.max-h-sm{max-height:var(--max-height-sm)}.global-max-h-md>*,.max-h-md{max-height:var(--max-height-md)}.global-max-h-lg>*,.max-h-lg{max-height:var(--max-height-lg)}.global-min-h-sm>*,.min-h-sm{min-height:var(--min-height-sm)}.global-min-h-md>*,.min-h-md{min-height:var(--min-height-md)}.global-min-h-lg>*,.min-h-lg{min-height:var(--min-height-lg)}.width-sm,.width-sm-global>*,.width-sm-onto:focus,.width-sm-onto:hover,.width-sm-toall:focus>*,.width-sm-toall:hover>*,.width-sm-toone>:focus,.width-sm-toone>:hover,:focus>.width-sm-into,:hover>.width-sm-into{width:var(--width-sm)}.width-md,.width-md-global>*,.width-md-onto:focus,.width-md-onto:hover,.width-md-toall:focus>*,.width-md-toall:hover>*,.width-md-toone>:focus,.width-md-toone>:hover,:focus>.width-md-into,:hover>.width-md-into{width:var(--width-md)}.width-lg,.width-lg-global>*,.width-lg-onto:focus,.width-lg-onto:hover,.width-lg-toall:focus>*,.width-lg-toall:hover>*,.width-lg-toone>:focus,.width-lg-toone>:hover,:focus>.width-lg-into,:hover>.width-lg-into{width:var(--width-lg)}.global-max-w-sm>*,.max-w-sm{max-width:var(--max-width-sm)}.global-max-w-md>*,.max-w-md{max-width:var(--max-width-md)}.global-max-w-lg>*,.max-w-lg{max-width:var(--max-width-lg)}.global-min-w-sm>*,.min-w-sm{min-width:var(--min-width-sm)}.global-min-w-md>*,.min-w-md{min-width:var(--min-width-md)}.global-min-w-lg>*,.min-w-lg{min-width:var(--min-width-lg)}.font-bold,.font-bold-global>*,.font-bold-onto:focus,.font-bold-onto:hover,.font-bold-toall:focus>*,.font-bold-toall:hover>*,.font-bold-toone>:focus,.font-bold-toone>:hover,:focus>.font-bold-into,:hover>.font-bold-into{font-weight:700}.font-italic,.font-italic-global>*,.font-italic-onto:focus,.font-italic-onto:hover,.font-italic-toall:focus>*,.font-italic-toall:hover>*,.font-italic-toone>:focus,.font-italic-toone>:hover,:focus>.font-italic-into,:hover>.font-italic-into{font-style:italic}.font-oblique,.font-oblique-global>*,.font-oblique-onto:focus,.font-oblique-onto:hover,.font-oblique-toall:focus>*,.font-oblique-toall:hover>*,.font-oblique-toone>:focus,.font-oblique-toone>:hover,:focus>.font-oblique-into,:hover>.font-oblique-into{font-style:oblique}.font-sans-serif{font-family:var(--font-family-sans-serif)}.font-serif{font-family:var(--font-family-serif)}.font-monospace{font-family:var(--font-family-monospace)}.font-cursive{font-family:var(--font-family-cursive)}.font-fantasy{font-family:var(--font-family-fantasy)}.align-center,.global-align-center>*{text-align:center}.align-justify,.global-align-justify>*{text-align:justify}.align-right,.global-align-right>*{text-align:right}.align-left,.global-align-left>*{text-align:left}.trans-cap,.trans-cap-global>*,.trans-cap-onto:focus,.trans-cap-onto:hover,.trans-cap-toall:focus>*,.trans-cap-toall:hover>*,.trans-cap-toone>:focus,.trans-cap-toone>:hover,:focus>.trans-cap-into,:hover>.trans-cap-into{text-transform:capitalize}.trans-up,.trans-up-global>*,.trans-up-onto:focus,.trans-up-onto:hover,.trans-up-toall:focus>*,.trans-up-toall:hover>*,.trans-up-toone>:focus,.trans-up-toone>:hover,:focus>.trans-up-into,:hover>.trans-up-into{text-transform:uppercase}.trans-low,.trans-low-global>*,.trans-low-onto:focus,.trans-low-onto:hover,.trans-low-toall:focus>*,.trans-low-toall:hover>*,.trans-low-toone>:focus,.trans-low-toone>:hover,:focus>.trans-low-into,:hover>.trans-low-into{text-transform:lowercase}.deco-none,.deco-none-global>*,.deco-none-onto:focus,.deco-none-onto:hover,.deco-none-toall:focus>*,.deco-none-toall:hover>*,.deco-none-toone>:focus,.deco-none-toone>:hover,:focus>.deco-none-into,:hover>.deco-none-into{-webkit-text-decoration-line:none;text-decoration-line:none}.deco-under,.deco-under-global>*,.deco-under-onto:focus,.deco-under-onto:hover,.deco-under-toall:focus>*,.deco-under-toall:hover>*,.deco-under-toone>:focus,.deco-under-toone>:hover,:focus>.deco-under-into,:hover>.deco-under-into{-webkit-text-decoration-line:underline;text-decoration-line:underline}.deco-over,.deco-over-global>*,.deco-over-onto:focus,.deco-over-onto:hover,.deco-over-toall:focus>*,.deco-over-toall:hover>*,.deco-over-toone>:focus,.deco-over-toone>:hover,:focus>.deco-over-into,:hover>.deco-over-into{-webkit-text-decoration-line:overline;text-decoration-line:overline}.deco-through,.deco-through-global>*,.deco-through-onto:focus,.deco-through-onto:hover,.deco-through-toall:focus>*,.deco-through-toall:hover>*,.deco-through-toone>:focus,.deco-through-toone>:hover,:focus>.deco-through-into,:hover>.deco-through-into{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.deco-dash{-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.deco-dot{-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.deco-double{-webkit-text-decoration-style:double;text-decoration-style:double}.deco-solid{-webkit-text-decoration-style:solid;text-decoration-style:solid}.deco-wavy{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.deco-primary{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.deco-secondary{-webkit-text-decoration-color:var(--secondary);text-decoration-color:var(--secondary)}.deco-pink{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.deco-red{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.deco-orange{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.deco-yellow{-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow)}.deco-brown{-webkit-text-decoration-color:var(--brown);text-decoration-color:var(--brown)}.deco-green{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.deco-cyan{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}.deco-blue{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.deco-violet{-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet)}.primary,.primary-global>*,.primary-onto:focus,.primary-onto:hover,.primary-toall:focus>*,.primary-toall:hover>*,.primary-toone>:focus,.primary-toone>:hover,:focus>.primary-into,:hover>.primary-into{color:var(--primary)}.secondary,.secondary-global>*,.secondary-onto:focus,.secondary-onto:hover,.secondary-toall:focus>*,.secondary-toall:hover>*,.secondary-toone>:focus,.secondary-toone>:hover,:focus>.secondary-into,:hover>.secondary-into{color:var(--secondary)}.pink,.pink-global>*,.pink-onto:focus,.pink-onto:hover,.pink-toall:focus>*,.pink-toall:hover>*,.pink-toone>:focus,.pink-toone>:hover,:focus>.pink-into,:hover>.pink-into{color:var(--pink)}.red,.red-global>*,.red-onto:focus,.red-onto:hover,.red-toall:focus>*,.red-toall:hover>*,.red-toone>:focus,.red-toone>:hover,:focus>.red-into,:hover>.red-into{color:var(--red)}.orange,.orange-global>*,.orange-onto:focus,.orange-onto:hover,.orange-toall:focus>*,.orange-toall:hover>*,.orange-toone>:focus,.orange-toone>:hover,:focus>.orange-into,:hover>.orange-into{color:var(--orange)}.yellow,.yellow-global>*,.yellow-onto:focus,.yellow-onto:hover,.yellow-toall:focus>*,.yellow-toall:hover>*,.yellow-toone>:focus,.yellow-toone>:hover,:focus>.yellow-into,:hover>.yellow-into{color:var(--yellow)}.brown,.brown-global>*,.brown-onto:focus,.brown-onto:hover,.brown-toall:focus>*,.brown-toall:hover>*,.brown-toone>:focus,.brown-toone>:hover,:focus>.brown-into,:hover>.brown-into{color:var(--brown)}.green,.green-global>*,.green-onto:focus,.green-onto:hover,.green-toall:focus>*,.green-toall:hover>*,.green-toone>:focus,.green-toone>:hover,:focus>.green-into,:hover>.green-into{color:var(--green)}.cyan,.cyan-global>*,.cyan-onto:focus,.cyan-onto:hover,.cyan-toall:focus>*,.cyan-toall:hover>*,.cyan-toone>:focus,.cyan-toone>:hover,:focus>.cyan-into,:hover>.cyan-into{color:var(--cyan)}.blue,.blue-global>*,.blue-onto:focus,.blue-onto:hover,.blue-toall:focus>*,.blue-toall:hover>*,.blue-toone>:focus,.blue-toone>:hover,:focus>.blue-into,:hover>.blue-into{color:var(--blue)}.violet,.violet-global>*,.violet-onto:focus,.violet-onto:hover,.violet-toall:focus>*,.violet-toall:hover>*,.violet-toone>:focus,.violet-toone>:hover,:focus>.violet-into,:hover>.violet-into{color:var(--violet)}.black,.black-global>*,.black-onto:focus,.black-onto:hover,.black-toall:focus>*,.black-toall:hover>*,.black-toone>:focus,.black-toone>:hover,:focus>.black-into,:hover>.black-into{color:var(--black)}.gray,.gray-global>*,.gray-onto:focus,.gray-onto:hover,.gray-toall:focus>*,.gray-toall:hover>*,.gray-toone>:focus,.gray-toone>:hover,:focus>.gray-into,:hover>.gray-into{color:var(--gray)}.grey,.grey-global>*,.grey-onto:focus,.grey-onto:hover,.grey-toall:focus>*,.grey-toall:hover>*,.grey-toone>:focus,.grey-toone>:hover,:focus>.grey-into,:hover>.grey-into{color:var(--grey)}.white,.white-global>*,.white-onto:focus,.white-onto:hover,.white-toall:focus>*,.white-toall:hover>*,.white-toone>:focus,.white-toone>:hover,:focus>.white-into,:hover>.white-into{color:var(--white)}.fb,.fb-global>*,.fb-onto:focus,.fb-onto:hover,.fb-toall:focus>*,.fb-toall:hover>*,.fb-toone>:focus,.fb-toone>:hover,:focus>.fb-into,:hover>.fb-into{color:var(--fb)}.gh,.gh-global>*,.gh-onto:focus,.gh-onto:hover,.gh-toall:focus>*,.gh-toall:hover>*,.gh-toone>:focus,.gh-toone>:hover,:focus>.gh-into,:hover>.gh-into{color:var(--gh)}.in,.in-global>*,.in-onto:focus,.in-onto:hover,.in-toall:focus>*,.in-toall:hover>*,.in-toone>:focus,.in-toone>:hover,:focus>.in-into,:hover>.in-into{color:var(--in)}.pp,.pp-global>*,.pp-onto:focus,.pp-onto:hover,.pp-toall:focus>*,.pp-toall:hover>*,.pp-toone>:focus,.pp-toone>:hover,:focus>.pp-into,:hover>.pp-into{color:var(--pp)}.tw,.tw-global>*,.tw-onto:focus,.tw-onto:hover,.tw-toall:focus>*,.tw-toall:hover>*,.tw-toone>:focus,.tw-toone>:hover,:focus>.tw-into,:hover>.tw-into{color:var(--tw)}.bg-primary,.bg-primary-global>*,.bg-primary-onto:focus,.bg-primary-onto:hover,.bg-primary-toall:focus>*,.bg-primary-toall:hover>*,.bg-primary-toone>:focus,.bg-primary-toone>:hover,:focus>.bg-primary-into,:hover>.bg-primary-into{background-color:var(--primary)}.bg-primary-dark,.bg-primary-dark-global>*,.bg-primary-dark-onto:focus,.bg-primary-dark-onto:hover,.bg-primary-dark-toall:focus>*,.bg-primary-dark-toall:hover>*,.bg-primary-dark-toone>:focus,.bg-primary-dark-toone>:hover,:focus>.bg-primary-dark-into,:hover>.bg-primary-dark-into{background-color:var(--primary-dark)}.bg-primary-light,.bg-primary-light-global>*,.bg-primary-light-onto:focus,.bg-primary-light-onto:hover,.bg-primary-light-toall:focus>*,.bg-primary-light-toall:hover>*,.bg-primary-light-toone>:focus,.bg-primary-light-toone>:hover,:focus>.bg-primary-light-into,:hover>.bg-primary-light-into{background-color:var(--primary-light)}.bg-secondary,.bg-secondary-global>*,.bg-secondary-onto:focus,.bg-secondary-onto:hover,.bg-secondary-toall:focus>*,.bg-secondary-toall:hover>*,.bg-secondary-toone>:focus,.bg-secondary-toone>:hover,:focus>.bg-secondary-into,:hover>.bg-secondary-into{background-color:var(--secondary)}.bg-secondary-dark,.bg-secondary-dark-global>*,.bg-secondary-dark-onto:focus,.bg-secondary-dark-onto:hover,.bg-secondary-dark-toall:focus>*,.bg-secondary-dark-toall:hover>*,.bg-secondary-dark-toone>:focus,.bg-secondary-dark-toone>:hover,:focus>.bg-secondary-dark-into,:hover>.bg-secondary-dark-into{background-color:var(--secondary-dark)}.bg-secondary-light,.bg-secondary-light-global>*,.bg-secondary-light-onto:focus,.bg-secondary-light-onto:hover,.bg-secondary-light-toall:focus>*,.bg-secondary-light-toall:hover>*,.bg-secondary-light-toone>:focus,.bg-secondary-light-toone>:hover,:focus>.bg-secondary-light-into,:hover>.bg-secondary-light-into{background-color:var(--secondary-light)}.bg-pink,.bg-pink-global>*,.bg-pink-onto:focus,.bg-pink-onto:hover,.bg-pink-toall:focus>*,.bg-pink-toall:hover>*,.bg-pink-toone>:focus,.bg-pink-toone>:hover,:focus>.bg-pink-into,:hover>.bg-pink-into{background-color:var(--pink)}.bg-pink-dark,.bg-pink-dark-global>*,.bg-pink-dark-onto:focus,.bg-pink-dark-onto:hover,.bg-pink-dark-toall:focus>*,.bg-pink-dark-toall:hover>*,.bg-pink-dark-toone>:focus,.bg-pink-dark-toone>:hover,:focus>.bg-pink-dark-into,:hover>.bg-pink-dark-into{background-color:var(--pink-dark)}.bg-pink-light,.bg-pink-light-global>*,.bg-pink-light-onto:focus,.bg-pink-light-onto:hover,.bg-pink-light-toall:focus>*,.bg-pink-light-toall:hover>*,.bg-pink-light-toone>:focus,.bg-pink-light-toone>:hover,:focus>.bg-pink-light-into,:hover>.bg-pink-light-into{background-color:var(--pink-light)}.bg-red,.bg-red-global>*,.bg-red-onto:focus,.bg-red-onto:hover,.bg-red-toall:focus>*,.bg-red-toall:hover>*,.bg-red-toone>:focus,.bg-red-toone>:hover,:focus>.bg-red-into,:hover>.bg-red-into{background-color:var(--red)}.bg-red-dark,.bg-red-dark-global>*,.bg-red-dark-onto:focus,.bg-red-dark-onto:hover,.bg-red-dark-toall:focus>*,.bg-red-dark-toall:hover>*,.bg-red-dark-toone>:focus,.bg-red-dark-toone>:hover,:focus>.bg-red-dark-into,:hover>.bg-red-dark-into{background-color:var(--red-dark)}.bg-red-light,.bg-red-light-global>*,.bg-red-light-onto:focus,.bg-red-light-onto:hover,.bg-red-light-toall:focus>*,.bg-red-light-toall:hover>*,.bg-red-light-toone>:focus,.bg-red-light-toone>:hover,:focus>.bg-red-light-into,:hover>.bg-red-light-into{background-color:var(--red-light)}.bg-orange,.bg-orange-global>*,.bg-orange-onto:focus,.bg-orange-onto:hover,.bg-orange-toall:focus>*,.bg-orange-toall:hover>*,.bg-orange-toone>:focus,.bg-orange-toone>:hover,:focus>.bg-orange-into,:hover>.bg-orange-into{background-color:var(--orange)}.bg-orange-dark,.bg-orange-dark-global>*,.bg-orange-dark-onto:focus,.bg-orange-dark-onto:hover,.bg-orange-dark-toall:focus>*,.bg-orange-dark-toall:hover>*,.bg-orange-dark-toone>:focus,.bg-orange-dark-toone>:hover,:focus>.bg-orange-dark-into,:hover>.bg-orange-dark-into{background-color:var(--orange-dark)}.bg-orange-light,.bg-orange-light-global>*,.bg-orange-light-onto:focus,.bg-orange-light-onto:hover,.bg-orange-light-toall:focus>*,.bg-orange-light-toall:hover>*,.bg-orange-light-toone>:focus,.bg-orange-light-toone>:hover,:focus>.bg-orange-light-into,:hover>.bg-orange-light-into{background-color:var(--orange-light)}.bg-yellow,.bg-yellow-global>*,.bg-yellow-onto:focus,.bg-yellow-onto:hover,.bg-yellow-toall:focus>*,.bg-yellow-toall:hover>*,.bg-yellow-toone>:focus,.bg-yellow-toone>:hover,:focus>.bg-yellow-into,:hover>.bg-yellow-into{background-color:var(--yellow)}.bg-yellow-dark,.bg-yellow-dark-global>*,.bg-yellow-dark-onto:focus,.bg-yellow-dark-onto:hover,.bg-yellow-dark-toall:focus>*,.bg-yellow-dark-toall:hover>*,.bg-yellow-dark-toone>:focus,.bg-yellow-dark-toone>:hover,:focus>.bg-yellow-dark-into,:hover>.bg-yellow-dark-into{background-color:var(--yellow-dark)}.bg-yellow-light,.bg-yellow-light-global>*,.bg-yellow-light-onto:focus,.bg-yellow-light-onto:hover,.bg-yellow-light-toall:focus>*,.bg-yellow-light-toall:hover>*,.bg-yellow-light-toone>:focus,.bg-yellow-light-toone>:hover,:focus>.bg-yellow-light-into,:hover>.bg-yellow-light-into{background-color:var(--yellow-light)}.bg-brown,.bg-brown-global>*,.bg-brown-onto:focus,.bg-brown-onto:hover,.bg-brown-toall:focus>*,.bg-brown-toall:hover>*,.bg-brown-toone>:focus,.bg-brown-toone>:hover,:focus>.bg-brown-into,:hover>.bg-brown-into{background-color:var(--brown)}.bg-brown-dark,.bg-brown-dark-global>*,.bg-brown-dark-onto:focus,.bg-brown-dark-onto:hover,.bg-brown-dark-toall:focus>*,.bg-brown-dark-toall:hover>*,.bg-brown-dark-toone>:focus,.bg-brown-dark-toone>:hover,:focus>.bg-brown-dark-into,:hover>.bg-brown-dark-into{background-color:var(--brown-dark)}.bg-brown-light,.bg-brown-light-global>*,.bg-brown-light-onto:focus,.bg-brown-light-onto:hover,.bg-brown-light-toall:focus>*,.bg-brown-light-toall:hover>*,.bg-brown-light-toone>:focus,.bg-brown-light-toone>:hover,:focus>.bg-brown-light-into,:hover>.bg-brown-light-into{background-color:var(--brown-light)}.bg-green,.bg-green-global>*,.bg-green-onto:focus,.bg-green-onto:hover,.bg-green-toall:focus>*,.bg-green-toall:hover>*,.bg-green-toone>:focus,.bg-green-toone>:hover,:focus>.bg-green-into,:hover>.bg-green-into{background-color:var(--green)}.bg-green-dark,.bg-green-dark-global>*,.bg-green-dark-onto:focus,.bg-green-dark-onto:hover,.bg-green-dark-toall:focus>*,.bg-green-dark-toall:hover>*,.bg-green-dark-toone>:focus,.bg-green-dark-toone>:hover,:focus>.bg-green-dark-into,:hover>.bg-green-dark-into{background-color:var(--green-dark)}.bg-green-light,.bg-green-light-global>*,.bg-green-light-onto:focus,.bg-green-light-onto:hover,.bg-green-light-toall:focus>*,.bg-green-light-toall:hover>*,.bg-green-light-toone>:focus,.bg-green-light-toone>:hover,:focus>.bg-green-light-into,:hover>.bg-green-light-into{background-color:var(--green-light)}.bg-cyan,.bg-cyan-global>*,.bg-cyan-onto:focus,.bg-cyan-onto:hover,.bg-cyan-toall:focus>*,.bg-cyan-toall:hover>*,.bg-cyan-toone>:focus,.bg-cyan-toone>:hover,:focus>.bg-cyan-into,:hover>.bg-cyan-into{background-color:var(--cyan)}.bg-cyan-dark,.bg-cyan-dark-global>*,.bg-cyan-dark-onto:focus,.bg-cyan-dark-onto:hover,.bg-cyan-dark-toall:focus>*,.bg-cyan-dark-toall:hover>*,.bg-cyan-dark-toone>:focus,.bg-cyan-dark-toone>:hover,:focus>.bg-cyan-dark-into,:hover>.bg-cyan-dark-into{background-color:var(--cyan-dark)}.bg-cyan-light,.bg-cyan-light-global>*,.bg-cyan-light-onto:focus,.bg-cyan-light-onto:hover,.bg-cyan-light-toall:focus>*,.bg-cyan-light-toall:hover>*,.bg-cyan-light-toone>:focus,.bg-cyan-light-toone>:hover,:focus>.bg-cyan-light-into,:hover>.bg-cyan-light-into{background-color:var(--cyan-light)}.bg-blue,.bg-blue-global>*,.bg-blue-onto:focus,.bg-blue-onto:hover,.bg-blue-toall:focus>*,.bg-blue-toall:hover>*,.bg-blue-toone>:focus,.bg-blue-toone>:hover,:focus>.bg-blue-into,:hover>.bg-blue-into{background-color:var(--blue)}.bg-blue-dark,.bg-blue-dark-global>*,.bg-blue-dark-onto:focus,.bg-blue-dark-onto:hover,.bg-blue-dark-toall:focus>*,.bg-blue-dark-toall:hover>*,.bg-blue-dark-toone>:focus,.bg-blue-dark-toone>:hover,:focus>.bg-blue-dark-into,:hover>.bg-blue-dark-into{background-color:var(--blue-dark)}.bg-blue-light,.bg-blue-light-global>*,.bg-blue-light-onto:focus,.bg-blue-light-onto:hover,.bg-blue-light-toall:focus>*,.bg-blue-light-toall:hover>*,.bg-blue-light-toone>:focus,.bg-blue-light-toone>:hover,:focus>.bg-blue-light-into,:hover>.bg-blue-light-into{background-color:var(--blue-light)}.bg-violet,.bg-violet-global>*,.bg-violet-onto:focus,.bg-violet-onto:hover,.bg-violet-toall:focus>*,.bg-violet-toall:hover>*,.bg-violet-toone>:focus,.bg-violet-toone>:hover,:focus>.bg-violet-into,:hover>.bg-violet-into{background-color:var(--violet)}.bg-violet-dark,.bg-violet-dark-global>*,.bg-violet-dark-onto:focus,.bg-violet-dark-onto:hover,.bg-violet-dark-toall:focus>*,.bg-violet-dark-toall:hover>*,.bg-violet-dark-toone>:focus,.bg-violet-dark-toone>:hover,:focus>.bg-violet-dark-into,:hover>.bg-violet-dark-into{background-color:var(--violet-dark)}.bg-violet-light,.bg-violet-light-global>*,.bg-violet-light-onto:focus,.bg-violet-light-onto:hover,.bg-violet-light-toall:focus>*,.bg-violet-light-toall:hover>*,.bg-violet-light-toone>:focus,.bg-violet-light-toone>:hover,:focus>.bg-violet-light-into,:hover>.bg-violet-light-into{background-color:var(--violet-light)}.bg-black,.bg-black-global>*,.bg-black-onto:focus,.bg-black-onto:hover,.bg-black-toall:focus>*,.bg-black-toall:hover>*,.bg-black-toone>:focus,.bg-black-toone>:hover,:focus>.bg-black-into,:hover>.bg-black-into{background-color:var(--black)}.bg-black-dark,.bg-black-dark-global>*,.bg-black-dark-onto:focus,.bg-black-dark-onto:hover,.bg-black-dark-toall:focus>*,.bg-black-dark-toall:hover>*,.bg-black-dark-toone>:focus,.bg-black-dark-toone>:hover,:focus>.bg-black-dark-into,:hover>.bg-black-dark-into{background-color:var(--black-dark)}.bg-black-light,.bg-black-light-global>*,.bg-black-light-onto:focus,.bg-black-light-onto:hover,.bg-black-light-toall:focus>*,.bg-black-light-toall:hover>*,.bg-black-light-toone>:focus,.bg-black-light-toone>:hover,:focus>.bg-black-light-into,:hover>.bg-black-light-into{background-color:var(--black-light)}.bg-gray,.bg-gray-global>*,.bg-gray-onto:focus,.bg-gray-onto:hover,.bg-gray-toall:focus>*,.bg-gray-toall:hover>*,.bg-gray-toone>:focus,.bg-gray-toone>:hover,:focus>.bg-gray-into,:hover>.bg-gray-into{background-color:var(--gray)}.bg-gray-dark,.bg-gray-dark-global>*,.bg-gray-dark-onto:focus,.bg-gray-dark-onto:hover,.bg-gray-dark-toall:focus>*,.bg-gray-dark-toall:hover>*,.bg-gray-dark-toone>:focus,.bg-gray-dark-toone>:hover,:focus>.bg-gray-dark-into,:hover>.bg-gray-dark-into{background-color:var(--gray-dark)}.bg-gray-light,.bg-gray-light-global>*,.bg-gray-light-onto:focus,.bg-gray-light-onto:hover,.bg-gray-light-toall:focus>*,.bg-gray-light-toall:hover>*,.bg-gray-light-toone>:focus,.bg-gray-light-toone>:hover,:focus>.bg-gray-light-into,:hover>.bg-gray-light-into{background-color:var(--gray-light)}.bg-grey,.bg-grey-global>*,.bg-grey-onto:focus,.bg-grey-onto:hover,.bg-grey-toall:focus>*,.bg-grey-toall:hover>*,.bg-grey-toone>:focus,.bg-grey-toone>:hover,:focus>.bg-grey-into,:hover>.bg-grey-into{background-color:var(--grey)}.bg-grey-dark,.bg-grey-dark-global>*,.bg-grey-dark-onto:focus,.bg-grey-dark-onto:hover,.bg-grey-dark-toall:focus>*,.bg-grey-dark-toall:hover>*,.bg-grey-dark-toone>:focus,.bg-grey-dark-toone>:hover,:focus>.bg-grey-dark-into,:hover>.bg-grey-dark-into{background-color:var(--grey-dark)}.bg-grey-light,.bg-grey-light-global>*,.bg-grey-light-onto:focus,.bg-grey-light-onto:hover,.bg-grey-light-toall:focus>*,.bg-grey-light-toall:hover>*,.bg-grey-light-toone>:focus,.bg-grey-light-toone>:hover,:focus>.bg-grey-light-into,:hover>.bg-grey-light-into{background-color:var(--grey-light)}.bg-white,.bg-white-global>*,.bg-white-onto:focus,.bg-white-onto:hover,.bg-white-toall:focus>*,.bg-white-toall:hover>*,.bg-white-toone>:focus,.bg-white-toone>:hover,:focus>.bg-white-into,:hover>.bg-white-into{background-color:var(--white)}.bg-white-dark,.bg-white-dark-global>*,.bg-white-dark-onto:focus,.bg-white-dark-onto:hover,.bg-white-dark-toall:focus>*,.bg-white-dark-toall:hover>*,.bg-white-dark-toone>:focus,.bg-white-dark-toone>:hover,:focus>.bg-white-dark-into,:hover>.bg-white-dark-into{background-color:var(--white-dark)}.bg-white-light,.bg-white-light-global>*,.bg-white-light-onto:focus,.bg-white-light-onto:hover,.bg-white-light-toall:focus>*,.bg-white-light-toall:hover>*,.bg-white-light-toone>:focus,.bg-white-light-toone>:hover,:focus>.bg-white-light-into,:hover>.bg-white-light-into{background-color:var(--white-light)}.shabox-sm,.shabox-sm-global>*,.shabox-sm-onto:focus,.shabox-sm-onto:hover,.shabox-sm-toall:focus>*,.shabox-sm-toall:hover>*,.shabox-sm-toone>:focus,.shabox-sm-toone>:hover,:focus>.shabox-sm-into,:hover>.shabox-sm-into{box-shadow:var(--box-shadow-sm)}.shabox-in-sm,.shabox-in-sm-global>*,.shabox-in-sm-onto:focus,.shabox-in-sm-onto:hover,.shabox-in-sm-toall:focus>*,.shabox-in-sm-toall:hover>*,.shabox-in-sm-toone>:focus,.shabox-in-sm-toone>:hover,:focus>.shabox-in-sm-into,:hover>.shabox-in-sm-into{box-shadow:inset var(--box-shadow-sm)}.shabox-md,.shabox-md-global>*,.shabox-md-onto:focus,.shabox-md-onto:hover,.shabox-md-toall:focus>*,.shabox-md-toall:hover>*,.shabox-md-toone>:focus,.shabox-md-toone>:hover,:focus>.shabox-md-into,:hover>.shabox-md-into{box-shadow:var(--box-shadow-md)}.shabox-in-md,.shabox-in-md-global>*,.shabox-in-md-onto:focus,.shabox-in-md-onto:hover,.shabox-in-md-toall:focus>*,.shabox-in-md-toall:hover>*,.shabox-in-md-toone>:focus,.shabox-in-md-toone>:hover,:focus>.shabox-in-md-into,:hover>.shabox-in-md-into{box-shadow:inset var(--box-shadow-md)}.shabox-lg,.shabox-lg-global>*,.shabox-lg-onto:focus,.shabox-lg-onto:hover,.shabox-lg-toall:focus>*,.shabox-lg-toall:hover>*,.shabox-lg-toone>:focus,.shabox-lg-toone>:hover,:focus>.shabox-lg-into,:hover>.shabox-lg-into{box-shadow:var(--box-shadow-lg)}.shabox-in-lg,.shabox-in-lg-global>*,.shabox-in-lg-onto:focus,.shabox-in-lg-onto:hover,.shabox-in-lg-toall:focus>*,.shabox-in-lg-toall:hover>*,.shabox-in-lg-toone>:focus,.shabox-in-lg-toone>:hover,:focus>.shabox-in-lg-into,:hover>.shabox-in-lg-into{box-shadow:inset var(--box-shadow-lg)}.shabox-blur,.shabox-blur-global>*,.shabox-blur-onto:focus,.shabox-blur-onto:hover,.shabox-blur-toall:focus>*,.shabox-blur-toall:hover>*,.shabox-blur-toone>:focus,.shabox-blur-toone>:hover,:focus>.shabox-blur-into,:hover>.shabox-blur-into{box-shadow:var(--box-shadow-blur)}.shabox-in-blur,.shabox-in-blur-global>*,.shabox-in-blur-onto:focus,.shabox-in-blur-onto:hover,.shabox-in-blur-toall:focus>*,.shabox-in-blur-toall:hover>*,.shabox-in-blur-toone>:focus,.shabox-in-blur-toone>:hover,:focus>.shabox-in-blur-into,:hover>.shabox-in-blur-into{box-shadow:inset var(--box-shadow-blur)}.shabox-blur-sm,.shabox-blur-sm-global>*,.shabox-blur-sm-onto:focus,.shabox-blur-sm-onto:hover,.shabox-blur-sm-toall:focus>*,.shabox-blur-sm-toall:hover>*,.shabox-blur-sm-toone>:focus,.shabox-blur-sm-toone>:hover,:focus>.shabox-blur-sm-into,:hover>.shabox-blur-sm-into{box-shadow:var(--box-shadow-blur-sm)}.shabox-in-blur-sm,.shabox-in-blur-sm-global>*,.shabox-in-blur-sm-onto:focus,.shabox-in-blur-sm-onto:hover,.shabox-in-blur-sm-toall:focus>*,.shabox-in-blur-sm-toall:hover>*,.shabox-in-blur-sm-toone>:focus,.shabox-in-blur-sm-toone>:hover,:focus>.shabox-in-blur-sm-into,:hover>.shabox-in-blur-sm-into{box-shadow:inset var(--box-shadow-blur-sm)}.shabox-blur-md,.shabox-blur-md-global>*,.shabox-blur-md-onto:focus,.shabox-blur-md-onto:hover,.shabox-blur-md-toall:focus>*,.shabox-blur-md-toall:hover>*,.shabox-blur-md-toone>:focus,.shabox-blur-md-toone>:hover,:focus>.shabox-blur-md-into,:hover>.shabox-blur-md-into{box-shadow:var(--box-shadow-blur-md)}.shabox-in-blur-md,.shabox-in-blur-md-global>*,.shabox-in-blur-md-onto:focus,.shabox-in-blur-md-onto:hover,.shabox-in-blur-md-toall:focus>*,.shabox-in-blur-md-toall:hover>*,.shabox-in-blur-md-toone>:focus,.shabox-in-blur-md-toone>:hover,:focus>.shabox-in-blur-md-into,:hover>.shabox-in-blur-md-into{box-shadow:inset var(--box-shadow-blur-md)}.shabox-blur-lg,.shabox-blur-lg-global>*,.shabox-blur-lg-onto:focus,.shabox-blur-lg-onto:hover,.shabox-blur-lg-toall:focus>*,.shabox-blur-lg-toall:hover>*,.shabox-blur-lg-toone>:focus,.shabox-blur-lg-toone>:hover,:focus>.shabox-blur-lg-into,:hover>.shabox-blur-lg-into{box-shadow:var(--box-shadow-blur-lg)}.shabox-in-blur-lg,.shabox-in-blur-lg-global>*,.shabox-in-blur-lg-onto:focus,.shabox-in-blur-lg-onto:hover,.shabox-in-blur-lg-toall:focus>*,.shabox-in-blur-lg-toall:hover>*,.shabox-in-blur-lg-toone>:focus,.shabox-in-blur-lg-toone>:hover,:focus>.shabox-in-blur-lg-into,:hover>.shabox-in-blur-lg-into{box-shadow:inset var(--box-shadow-blur-lg)}.shabox-spread,.shabox-spread-global>*,.shabox-spread-onto:focus,.shabox-spread-onto:hover,.shabox-spread-toall:focus>*,.shabox-spread-toall:hover>*,.shabox-spread-toone>:focus,.shabox-spread-toone>:hover,:focus>.shabox-spread-into,:hover>.shabox-spread-into{box-shadow:var(--box-shadow-spread)}.shabox-in-spread,.shabox-in-spread-global>*,.shabox-in-spread-onto:focus,.shabox-in-spread-onto:hover,.shabox-in-spread-toall:focus>*,.shabox-in-spread-toall:hover>*,.shabox-in-spread-toone>:focus,.shabox-in-spread-toone>:hover,:focus>.shabox-in-spread-into,:hover>.shabox-in-spread-into{box-shadow:inset var(--box-shadow-spread)}.shabox-spread-sm,.shabox-spread-sm-global>*,.shabox-spread-sm-onto:focus,.shabox-spread-sm-onto:hover,.shabox-spread-sm-toall:focus>*,.shabox-spread-sm-toall:hover>*,.shabox-spread-sm-toone>:focus,.shabox-spread-sm-toone>:hover,:focus>.shabox-spread-sm-into,:hover>.shabox-spread-sm-into{box-shadow:var(--box-shadow-spread-sm)}.shabox-in-spread-sm,.shabox-in-spread-sm-global>*,.shabox-in-spread-sm-onto:focus,.shabox-in-spread-sm-onto:hover,.shabox-in-spread-sm-toall:focus>*,.shabox-in-spread-sm-toall:hover>*,.shabox-in-spread-sm-toone>:focus,.shabox-in-spread-sm-toone>:hover,:focus>.shabox-in-spread-sm-into,:hover>.shabox-in-spread-sm-into{box-shadow:inset var(--box-shadow-spread-sm)}.shabox-spread-md,.shabox-spread-md-global>*,.shabox-spread-md-onto:focus,.shabox-spread-md-onto:hover,.shabox-spread-md-toall:focus>*,.shabox-spread-md-toall:hover>*,.shabox-spread-md-toone>:focus,.shabox-spread-md-toone>:hover,:focus>.shabox-spread-md-into,:hover>.shabox-spread-md-into{box-shadow:var(--box-shadow-spread-md)}.shabox-in-spread-md,.shabox-in-spread-md-global>*,.shabox-in-spread-md-onto:focus,.shabox-in-spread-md-onto:hover,.shabox-in-spread-md-toall:focus>*,.shabox-in-spread-md-toall:hover>*,.shabox-in-spread-md-toone>:focus,.shabox-in-spread-md-toone>:hover,:focus>.shabox-in-spread-md-into,:hover>.shabox-in-spread-md-into{box-shadow:inset var(--box-shadow-spread-md)}.shabox-spread-lg,.shabox-spread-lg-global>*,.shabox-spread-lg-onto:focus,.shabox-spread-lg-onto:hover,.shabox-spread-lg-toall:focus>*,.shabox-spread-lg-toall:hover>*,.shabox-spread-lg-toone>:focus,.shabox-spread-lg-toone>:hover,:focus>.shabox-spread-lg-into,:hover>.shabox-spread-lg-into{box-shadow:var(--box-shadow-spread-lg)}.shabox-in-spread-lg,.shabox-in-spread-lg-global>*,.shabox-in-spread-lg-onto:focus,.shabox-in-spread-lg-onto:hover,.shabox-in-spread-lg-toall:focus>*,.shabox-in-spread-lg-toall:hover>*,.shabox-in-spread-lg-toone>:focus,.shabox-in-spread-lg-toone>:hover,:focus>.shabox-in-spread-lg-into,:hover>.shabox-in-spread-lg-into{box-shadow:inset var(--box-shadow-spread-lg)}[class*=anima]{-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.anima-slideT,.anima-slideT-global>*,.anima-slideT-onto:focus,.anima-slideT-onto:hover,.anima-slideT-toall:focus>*,.anima-slideT-toall:hover>*,.anima-slideT-toone>:focus,.anima-slideT-toone>:hover,:focus>.anima-slideT-into,:hover>.anima-slideT-into{-webkit-animation-name:slideT;animation-name:slideT}.anima-slideR,.anima-slideR-global>*,.anima-slideR-onto:focus,.anima-slideR-onto:hover,.anima-slideR-toall:focus>*,.anima-slideR-toall:hover>*,.anima-slideR-toone>:focus,.anima-slideR-toone>:hover,:focus>.anima-slideR-into,:hover>.anima-slideR-into{-webkit-animation-name:slideR;animation-name:slideR}.anima-slideB,.anima-slideB-global>*,.anima-slideB-onto:focus,.anima-slideB-onto:hover,.anima-slideB-toall:focus>*,.anima-slideB-toall:hover>*,.anima-slideB-toone>:focus,.anima-slideB-toone>:hover,:focus>.anima-slideB-into,:hover>.anima-slideB-into{-webkit-animation-name:slideB;animation-name:slideB}.anima-slideL,.anima-slideL-global>*,.anima-slideL-onto:focus,.anima-slideL-onto:hover,.anima-slideL-toall:focus>*,.anima-slideL-toall:hover>*,.anima-slideL-toone>:focus,.anima-slideL-toone>:hover,:focus>.anima-slideL-into,:hover>.anima-slideL-into{-webkit-animation-name:slideL;animation-name:slideL}.anima-turn,.anima-turn-global>*,.anima-turn-onto:focus,.anima-turn-onto:hover,.anima-turn-toall:focus>*,.anima-turn-toall:hover>*,.anima-turn-toone>:focus,.anima-turn-toone>:hover,:focus>.anima-turn-into,:hover>.anima-turn-into{-webkit-animation-name:turn;animation-name:turn}.anima-turnX,.anima-turnX-global>*,.anima-turnX-onto:focus,.anima-turnX-onto:hover,.anima-turnX-toall:focus>*,.anima-turnX-toall:hover>*,.anima-turnX-toone>:focus,.anima-turnX-toone>:hover,:focus>.anima-turnX-into,:hover>.anima-turnX-into{-webkit-animation-name:turnX;animation-name:turnX}.anima-turnY,.anima-turnY-global>*,.anima-turnY-onto:focus,.anima-turnY-onto:hover,.anima-turnY-toall:focus>*,.anima-turnY-toall:hover>*,.anima-turnY-toone>:focus,.anima-turnY-toone>:hover,:focus>.anima-turnY-into,:hover>.anima-turnY-into{-webkit-animation-name:turnY;animation-name:turnY}.anima-turnXY,.anima-turnXY-global>*,.anima-turnXY-onto:focus,.anima-turnXY-onto:hover,.anima-turnXY-toall:focus>*,.anima-turnXY-toall:hover>*,.anima-turnXY-toone>:focus,.anima-turnXY-toone>:hover,:focus>.anima-turnXY-into,:hover>.anima-turnXY-into{-webkit-animation-name:turnXY;animation-name:turnXY}.anima-turnXZ,.anima-turnXZ-global>*,.anima-turnXZ-onto:focus,.anima-turnXZ-onto:hover,.anima-turnXZ-toall:focus>*,.anima-turnXZ-toall:hover>*,.anima-turnXZ-toone>:focus,.anima-turnXZ-toone>:hover,:focus>.anima-turnXZ-into,:hover>.anima-turnXZ-into{-webkit-animation-name:turnXZ;animation-name:turnXZ}.anima-turnYZ,.anima-turnYZ-global>*,.anima-turnYZ-onto:focus,.anima-turnYZ-onto:hover,.anima-turnYZ-toall:focus>*,.anima-turnYZ-toall:hover>*,.anima-turnYZ-toone>:focus,.anima-turnYZ-toone>:hover,:focus>.anima-turnYZ-into,:hover>.anima-turnYZ-into{-webkit-animation-name:turnYZ;animation-name:turnYZ}.anima-turn3D,.anima-turn3D-global>*,.anima-turn3D-onto:focus,.anima-turn3D-onto:hover,.anima-turn3D-toall:focus>*,.anima-turn3D-toall:hover>*,.anima-turn3D-toone>:focus,.anima-turn3D-toone>:hover,:focus>.anima-turn3D-into,:hover>.anima-turn3D-into{-webkit-animation-name:turn3D;animation-name:turn3D}.anima-bounce,.anima-bounce-global>*,.anima-bounce-onto:focus,.anima-bounce-onto:hover,.anima-bounce-toall:focus>*,.anima-bounce-toall:hover>*,.anima-bounce-toone>:focus,.anima-bounce-toone>:hover,:focus>.anima-bounce-into,:hover>.anima-bounce-into{-webkit-animation-name:bounce;animation-name:bounce}.anima-grow,.anima-grow-global>*,.anima-grow-onto:focus,.anima-grow-onto:hover,.anima-grow-toall:focus>*,.anima-grow-toall:hover>*,.anima-grow-toone>:focus,.anima-grow-toone>:hover,:focus>.anima-grow-into,:hover>.anima-grow-into{-webkit-animation-name:grow;animation-name:grow}.anima-shrink,.anima-shrink-global>*,.anima-shrink-onto:focus,.anima-shrink-onto:hover,.anima-shrink-toall:focus>*,.anima-shrink-toall:hover>*,.anima-shrink-toone>:focus,.anima-shrink-toone>:hover,:focus>.anima-shrink-into,:hover>.anima-shrink-into{-webkit-animation-name:shrink;animation-name:shrink}.anima-flipX,.anima-flipX-global>*,.anima-flipX-onto:focus,.anima-flipX-onto:hover,.anima-flipX-toall:focus>*,.anima-flipX-toall:hover>*,.anima-flipX-toone>:focus,.anima-flipX-toone>:hover,:focus>.anima-flipX-into,:hover>.anima-flipX-into{-webkit-animation-name:flipX;animation-name:flipX}.anima-flipY,.anima-flipY-global>*,.anima-flipY-onto:focus,.anima-flipY-onto:hover,.anima-flipY-toall:focus>*,.anima-flipY-toall:hover>*,.anima-flipY-toone>:focus,.anima-flipY-toone>:hover,:focus>.anima-flipY-into,:hover>.anima-flipY-into{-webkit-animation-name:flipY;animation-name:flipY}.anima-openX,.anima-openX-global>*,.anima-openX-onto:focus,.anima-openX-onto:hover,.anima-openX-toall:focus>*,.anima-openX-toall:hover>*,.anima-openX-toone>:focus,.anima-openX-toone>:hover,:focus>.anima-openX-into,:hover>.anima-openX-into{-webkit-animation-name:openX;animation-name:openX}.anima-openY,.anima-openY-global>*,.anima-openY-onto:focus,.anima-openY-onto:hover,.anima-openY-toall:focus>*,.anima-openY-toall:hover>*,.anima-openY-toone>:focus,.anima-openY-toone>:hover,:focus>.anima-openY-into,:hover>.anima-openY-into{-webkit-animation-name:openY;animation-name:openY}.anima-flipperX,.anima-flipperX-global>*,.anima-flipperX-onto:focus,.anima-flipperX-onto:hover,.anima-flipperX-toall:focus>*,.anima-flipperX-toall:hover>*,.anima-flipperX-toone>:focus,.anima-flipperX-toone>:hover,:focus>.anima-flipperX-into,:hover>.anima-flipperX-into{-webkit-animation-name:flipperX;animation-name:flipperX}.anima-flipperY,.anima-flipperY-global>*,.anima-flipperY-onto:focus,.anima-flipperY-onto:hover,.anima-flipperY-toall:focus>*,.anima-flipperY-toall:hover>*,.anima-flipperY-toone>:focus,.anima-flipperY-toone>:hover,:focus>.anima-flipperY-into,:hover>.anima-flipperY-into{-webkit-animation-name:flipperY;animation-name:flipperY}.anima-twistT,.anima-twistT-global>*,.anima-twistT-onto:focus,.anima-twistT-onto:hover,.anima-twistT-toall:focus>*,.anima-twistT-toall:hover>*,.anima-twistT-toone>:focus,.anima-twistT-toone>:hover,:focus>.anima-twistT-into,:hover>.anima-twistT-into{-webkit-animation-name:twistT;animation-name:twistT}.anima-twistR,.anima-twistR-global>*,.anima-twistR-onto:focus,.anima-twistR-onto:hover,.anima-twistR-toall:focus>*,.anima-twistR-toall:hover>*,.anima-twistR-toone>:focus,.anima-twistR-toone>:hover,:focus>.anima-twistR-into,:hover>.anima-twistR-into{-webkit-animation-name:twistR;animation-name:twistR}.anima-twistB,.anima-twistB-global>*,.anima-twistB-onto:focus,.anima-twistB-onto:hover,.anima-twistB-toall:focus>*,.anima-twistB-toall:hover>*,.anima-twistB-toone>:focus,.anima-twistB-toone>:hover,:focus>.anima-twistB-into,:hover>.anima-twistB-into{-webkit-animation-name:twistB;animation-name:twistB}.anima-twistL,.anima-twistL-global>*,.anima-twistL-onto:focus,.anima-twistL-onto:hover,.anima-twistL-toall:focus>*,.anima-twistL-toall:hover>*,.anima-twistL-toone>:focus,.anima-twistL-toone>:hover,:focus>.anima-twistL-into,:hover>.anima-twistL-into{-webkit-animation-name:twistL;animation-name:twistL}.anima-sm{-webkit-animation-duration:var(--animation-duration-sm);animation-duration:var(--animation-duration-sm)}.anima-md{-webkit-animation-duration:var(--animation-duration-md);animation-duration:var(--animation-duration-md)}.anima-lg{-webkit-animation-duration:var(--animation-duration-lg);animation-duration:var(--animation-duration-lg)}.anima-linear{-webkit-animation-timing-function:var(--animation-timing-function-linear);animation-timing-function:var(--animation-timing-function-linear)}.anima-in{-webkit-animation-timing-function:var(--animation-timing-function-in);animation-timing-function:var(--animation-timing-function-in)}.anima-out{-webkit-animation-timing-function:var(--animation-timing-function-out);animation-timing-function:var(--animation-timing-function-out)}.anima-inout{-webkit-animation-timing-function:var(--animation-timing-function-inout);animation-timing-function:var(--animation-timing-function-inout)}.anima-start{-webkit-animation-timing-function:var(--animation-timing-function-start);animation-timing-function:var(--animation-timing-function-start)}.anima-end{-webkit-animation-timing-function:var(--animation-timing-function-end);animation-timing-function:var(--animation-timing-function-end)}.anima-few{-webkit-animation-iteration-count:var(--animation-iteration-count-few);animation-iteration-count:var(--animation-iteration-count-few)}.anima-many{-webkit-animation-iteration-count:var(--animation-iteration-count-many);animation-iteration-count:var(--animation-iteration-count-many)}.anima-loop{-webkit-animation-iteration-count:var(--animation-iteration-count-loop);animation-iteration-count:var(--animation-iteration-count-loop)}.anima-min{-webkit-animation-delay:var(--animation-delay-min);animation-delay:var(--animation-delay-min)}.anima-max{-webkit-animation-delay:var(--animation-delay-max);animation-delay:var(--animation-delay-max)}.anima-alt{-webkit-animation-direction:alternate;animation-direction:alternate}.anima-rev{animation-direction:reverse}.anima-altrev{animation-direction:alternate-reverse}.cell,.global-cell *{cursor:cell}.cross,.global-cross *{cursor:crosshair}.global-hand *,.hand{cursor:pointer}.global-help *,.help{cursor:help}.global-move *,.move{cursor:move}.global-none *,.none{cursor:not-allowed}.global-text *,.text{cursor:text} \ No newline at end of file +/*! animadio v5.0.4 | https://animadio.org | MIT License *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--sans-serif:sans-serif;--serif:serif;--monospace:monospace;--cursive:cursive;--fantasy:fantasy;--primary:rgb(65, 105, 225);--secondary:rgb(220, 220, 220);--pink:rgb(255, 0, 255);--red:rgb(250, 128, 114);--orange:rgb(255, 140, 0);--yellow:rgb(255, 215, 0);--brown:rgb(139, 69, 19);--green:rgb(50, 205, 50);--cyan:rgb(0, 128, 128);--blue:rgb(30, 144, 255);--violet:rgb(106, 90, 205);--black:rgb(15, 15, 15);--gray:rgb(105, 105, 105);--grey:rgb(192, 192, 192);--white:rgb(255, 255, 240);--fb:rgb(66, 103, 178);--gh:rgb(36, 41, 46);--in:rgb(0, 119, 181);--pp:rgb(39, 52, 106);--tw:rgb(29, 161, 242);--opacity-dark:0.8;--opacity-light:0.2;--primary-dark:rgba(65, 105, 225, var(--opacity-dark));--primary-light:rgba(65, 105, 225, var(--opacity-light));--secondary-dark:rgba(220, 220, 220, var(--opacity-dark));--secondary-light:rgba(220, 220, 220, var(--opacity-light));--pink-dark:rgba(255, 0, 255, var(--opacity-dark));--pink-light:rgba(255, 0, 255, var(--opacity-light));--red-dark:rgba(250, 128, 114, var(--opacity-dark));--red-light:rgba(250, 128, 114, var(--opacity-light));--orange-dark:rgba(255, 140, 0, var(--opacity-dark));--orange-light:rgba(255, 140, 0, var(--opacity-light));--yellow-dark:rgba(255, 215, 0, var(--opacity-dark));--yellow-light:rgba(255, 215, 0, var(--opacity-light));--brown-dark:rgba(139, 69, 19, var(--opacity-dark));--brown-light:rgba(139, 69, 19, var(--opacity-light));--green-dark:rgba(50, 205, 50, var(--opacity-dark));--green-light:rgba(50, 205, 50, var(--opacity-light));--cyan-dark:rgba(0, 128, 128, var(--opacity-dark));--cyan-light:rgba(0, 128, 128, var(--opacity-light));--blue-dark:rgba(30, 144, 255, var(--opacity-dark));--blue-light:rgba(30, 144, 255, var(--opacity-light));--violet-dark:rgba(106, 90, 205, var(--opacity-dark));--violet-light:rgba(106, 90, 205, var(--opacity-light));--black-dark:rgba(15, 15, 15, var(--opacity-dark));--black-light:rgba(15, 15, 15, var(--opacity-light));--gray-dark:rgba(105, 105, 105, var(--opacity-dark));--gray-light:rgba(105, 105, 105, var(--opacity-light));--grey-dark:rgba(192, 192, 192, var(--opacity-dark));--grey-light:rgba(192, 192, 192, var(--opacity-light));--white-dark:rgba(255, 255, 240, var(--opacity-dark));--white-light:rgba(255, 255, 240, var(--opacity-light));--slideT:translate(0, 10vh);--slideR:translate(-10vw, 0);--slideB:translate(0, -10vh);--slideL:translate(10vw, 0);--turn:rotate3d(0, 0, 1, 360deg);--turnX:rotate3d(1, 0, 0, 360deg);--turnY:rotate3d(0, 1, 0, 360deg);--turnXY:rotate3d(1, 1, 0, 360deg);--turnXZ:rotate3d(1, 0, 1, 360deg);--turnYZ:rotate3d(0, 1, 1, 360deg);--turn3D:rotate3d(1, 1, 1, 360deg);--bounce:scale(-1, -1);--grow:scale(0.5, 0.5);--shrink:scale(1.5, 1.5);--flipX:scale(1, -1);--flipY:scale(-1, 1);--openX:scale(1, 0);--openY:scale(0, 1);--flipperX:scale(0, -1);--flipperY:scale(-1, 0);--twistT:skew(-90deg, -90deg);--twistR:skew(90deg, -90deg);--twistB:skew(90deg, 90deg);--twistL:skew(-90deg, 90deg)}*{--all-box-sizing:border-box;--target-margins:7rem}html{--html-scroll-behavior:smooth;--html-font-size:62.5%}body{--body-font-size:2rem;--body-line-height:1.6;--body-padding:0}main{--main-text-align:center}article{--article-margin-bottom:20px}h1{--title-font-size:calc(var(--body-font-size) * 2)}h2{--title-font-size:calc(var(--body-font-size) * 1.8)}h3{--title-font-size:calc(var(--body-font-size) * 1.6)}h4{--title-font-size:calc(var(--body-font-size) * 1.4)}h5{--title-font-size:calc(var(--body-font-size) * 1.2)}h6{--title-font-size:var(--body-font-size)}h1,h2,h3,h4,h5,h6{--title-font-family:var(--serif);--title-text-align:center;--title-text-transform:capitalize}a{--link-outline:0;--link-text-decoration:none}ul{--list-margin:0 0 10px;--list-padding:0;--list-style:none}table{--table-border-collapse:collapse;--table-margin:auto;--table-text-align:center;--table-vertical-align:middle}code,pre{--code-margin:auto;--code-overflow:scroll;--code-padding:10px;--code-text-align:initial;--code-width:100%}figure{--figure-margin:0}img,video{--img-max-width:100%;--img-height:auto;--img-object-fit:contain}[type=button],[type=reset],[type=submit],button{--button-cursor:pointer}[class*=col],[class*=flex],[class*=row]{--flex-place-content:center}[class*=col]{--column-padding:0 10px}[class*=row]{--row-padding:10px 0}[class*=grid]{--grid-max-width:100vw;--grid-margin:auto}[class*=gap-]{--gap1:50px;--gap2:20px;--gap3:10px;--gap4:5px;--gap5:2px;--gap6:1px}[class*=container]{--container-max-width:100%}[class*=mar-]{--margin-none:0;--margin-sm:5px;--margin-md:10px;--margin-lg:20px;--margin-top-sm:5px;--margin-top-md:10px;--margin-top-lg:20px;--margin-right-sm:5px;--margin-right-md:10px;--margin-right-lg:20px;--margin-bot-sm:5px;--margin-bot-md:10px;--margin-bot-lg:20px;--margin-left-sm:5px;--margin-left-md:10px;--margin-left-lg:20px}[class*=bord]{--border-width-sm:thin;--border-width-md:medium;--border-width-lg:thick;--border-radius-square:unset;--border-radius-curve:5px;--border-radius-round:10px;--border-radius-circle:50%}[class*=pad-]{--padding-none:0;--padding-sm:5px;--padding-md:10px;--padding-lg:20px;--padding-top-sm:5px;--padding-top-md:10px;--padding-top-lg:20px;--padding-right-sm:5px;--padding-right-md:10px;--padding-right-lg:20px;--padding-bot-sm:5px;--padding-bot-md:10px;--padding-bot-lg:20px;--padding-left-sm:5px;--padding-left-md:10px;--padding-left-lg:20px}[class*=height-]{--height-sm:10vh;--height-md:20vh;--height-lg:50vh}[class*=max-h-]{--max-height-sm:10vh;--max-height-md:20vh;--max-height-lg:50vh}[class*=min-h-]{--min-height-sm:10vh;--min-height-md:20vh;--min-height-lg:50vh}[class*=width-]{--width-sm:10vw;--width-md:20vw;--width-lg:50vw}[class*=max-w-]{--max-width-sm:10vw;--max-width-md:20vw;--max-width-lg:50vw}[class*=min-w-]{--min-width-sm:10vw;--min-width-md:20vw;--min-width-lg:50vw}[class*=shadow-]{--shadow-sm:1px 1px;--shadow-md:2px 2px;--shadow-lg:5px 5px;--shadow-blur:0 0 2px;--shadow-blur-sm:1px 1px 1px;--shadow-blur-md:2px 2px 2px;--shadow-blur-lg:5px 5px 5px;--shadow-spread:0 0 2px 2px;--shadow-spread-sm:1px 1px 1px 1px;--shadow-spread-md:2px 2px 2px 2px;--shadow-spread-lg:5px 5px 5px 5px}[class*=anima-]{--animation-duration:2s;--animation-duration-sm:1s;--animation-duration-md:2s;--animation-duration-lg:3s;--animation-timing-function-linear:linear;--animation-timing-function-in:ease-in;--animation-timing-function-out:ease-out;--animation-timing-function-inout:ease-in-out;--animation-timing-function-start:step-start;--animation-timing-function-end:step-end;--animation-iteration-count-few:2;--animation-iteration-count-many:4;--animation-iteration-count-loop:infinite;--animation-delay-min:1s;--animation-delay-max:2s}@-webkit-keyframes slideT{from{transform:var(--slideT)}}@keyframes slideT{from{transform:var(--slideT)}}@-webkit-keyframes slideR{from{transform:var(--slideR)}}@keyframes slideR{from{transform:var(--slideR)}}@-webkit-keyframes slideB{from{transform:var(--slideB)}}@keyframes slideB{from{transform:var(--slideB)}}@-webkit-keyframes slideL{from{transform:var(--slideL)}}@keyframes slideL{from{transform:var(--slideL)}}@-webkit-keyframes turn{from{transform:var(--turn)}}@keyframes turn{from{transform:var(--turn)}}@-webkit-keyframes turnX{from{transform:var(--turnX)}}@keyframes turnX{from{transform:var(--turnX)}}@-webkit-keyframes turnY{from{transform:var(--turnY)}}@keyframes turnY{from{transform:var(--turnY)}}@-webkit-keyframes turnXY{from{transform:var(--turnXY)}}@keyframes turnXY{from{transform:var(--turnXY)}}@-webkit-keyframes turnXZ{from{transform:var(--turnXZ)}}@keyframes turnXZ{from{transform:var(--turnXZ)}}@-webkit-keyframes turnYZ{from{transform:var(--turnYZ)}}@keyframes turnYZ{from{transform:var(--turnYZ)}}@-webkit-keyframes turn3D{from{transform:var(--turn3D)}}@keyframes turn3D{from{transform:var(--turn3D)}}@-webkit-keyframes bounce{from{transform:var(--bounce)}}@keyframes bounce{from{transform:var(--bounce)}}@-webkit-keyframes grow{from{transform:var(--grow)}}@keyframes grow{from{transform:var(--grow)}}@-webkit-keyframes shrink{from{transform:var(--shrink)}}@keyframes shrink{from{transform:var(--shrink)}}@-webkit-keyframes flipX{from{transform:var(--flipX)}}@keyframes flipX{from{transform:var(--flipX)}}@-webkit-keyframes flipY{from{transform:var(--flipY)}}@keyframes flipY{from{transform:var(--flipY)}}@-webkit-keyframes openX{from{transform:var(--openX)}}@keyframes openX{from{transform:var(--openX)}}@-webkit-keyframes openY{from{transform:var(--openY)}}@keyframes openY{from{transform:var(--openY)}}@-webkit-keyframes flipperX{from{transform:var(--flipperX)}}@keyframes flipperX{from{transform:var(--flipperX)}}@-webkit-keyframes flipperY{from{transform:var(--flipperY)}}@keyframes flipperY{from{transform:var(--flipperY)}}@-webkit-keyframes twistT{from{transform:var(--twistT)}}@keyframes twistT{from{transform:var(--twistT)}}@-webkit-keyframes twistR{from{transform:var(--twistR)}}@keyframes twistR{from{transform:var(--twistR)}}@-webkit-keyframes twistB{from{transform:var(--twistB)}}@keyframes twistB{from{transform:var(--twistB)}}@-webkit-keyframes twistL{from{transform:var(--twistL)}}@keyframes twistL{from{transform:var(--twistL)}}*{box-sizing:var(--all-box-sizing)}:target{padding-top:var(--target-margins);margin-top:-var(--target-margins)}html{font-size:var(--html-font-size);scroll-behavior:var(--html-scroll-behavior)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;padding:var(--body-padding);line-height:var(--body-line-height);font-size:var(--body-font-size);font-family:var(--sans-serif)}main{text-align:var(--main-text-align)}article{margin-bottom:var(--article-margin-bottom)}h1,h2,h3,h4,h5,h6{font-family:var(--title-font-family);text-align:var(--title-text-align);text-transform:var(--title-text-transform);font-size:var(--title-font-size);color:var(--title-color)}a{-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration);outline:var(--link-outline);color:var(--link-color)}button{cursor:var(--button-cursor)}ul{margin:var(--list-margin);padding:var(--list-padding);list-style:var(--list-style)}table{margin:var(--table-margin);border-collapse:var(--table-border-collapse);text-align:var(--table-text-align);vertical-align:var(--table-vertical-align);font-family:var(--monospace)}figure{margin:var(--figure-margin)}img,video{max-width:var(--img-max-width);height:var(--img-height);-o-object-fit:var(--img-object-fit);object-fit:var(--img-object-fit)}code,pre{font-size:1em;overflow:var(--code-overflow);margin:var(--code-margin);padding:var(--code-padding);width:var(--code-width);font-family:var(--monospace);text-align:var(--code-text-align)}.global-hide>*,.hide{display:none}.flex,.global-flex>*{display:flex}.block,.global-block>*{display:block}.global-inline>*,.inline{display:inline}.global-inflex>*,.inflex{display:inline-flex}.global-inblock>*,.inblock{display:inline-block}@media (min-width:576px){.global-hide-sm>*,.hide-sm{display:none}.flex-sm,.global-flex-sm>*{display:flex}.block-sm,.global-block-sm>*{display:block}.global-inline-sm>*,.inline-sm{display:inline}.global-inflex-sm>*,.inflex-sm{display:inline-flex}.global-inblock-sm>*,.inblock-sm{display:inline-block}}@media (min-width:768px){.global-hide-md>*,.hide-md{display:none}.flex-md,.global-flex-md>*{display:flex}.block-md,.global-block-md>*{display:block}.global-inline-md>*,.inline-md{display:inline}.global-inflex-md>*,.inflex-md{display:inline-flex}.global-inblock-md>*,.inblock-md{display:inline-block}}@media (min-width:992px){.global-hide-lg>*,.hide-lg{display:none}.flex-lg,.global-flex-lg>*{display:flex}.block-lg,.global-block-lg>*{display:block}.global-inline-lg>*,.inline-lg{display:inline}.global-inflex-lg>*,.inflex-lg{display:inline-flex}.global-inblock-lg>*,.inblock-lg{display:inline-block}}@media (min-width:1200px){.global-hide-xl>*,.hide-xl{display:none}.flex-xl,.global-flex-xl>*{display:flex}.block-xl,.global-block-xl>*{display:block}.global-inline-xl>*,.inline-xl{display:inline}.global-inflex-xl>*,.inflex-xl{display:inline-flex}.global-inblock-xl>*,.inblock-xl{display:inline-block}}@media (min-width:1600px){.global-hide-wd>*,.hide-wd{display:none}.flex-wd,.global-flex-wd>*{display:flex}.block-wd,.global-block-wd>*{display:block}.global-inline-wd>*,.inline-wd{display:inline}.global-inflex-wd>*,.inflex-wd{display:inline-flex}.global-inblock-wd>*,.inblock-wd{display:inline-block}}.col,.col-rev,.flex,.row,.row-rev{display:flex;place-content:var(--flex-place-content)}.col,.col-rev{padding:var(--column-padding)}.row,.row-rev{padding:var(--row-padding)}.flex{flex-wrap:wrap}.col{flex-direction:column}.row{flex-direction:row}.col-rev{flex-direction:column-reverse}.row-rev{flex-direction:row-reverse}[class*=grid]{display:grid;max-width:var(--grid-max-width);margin:var(--grid-margin)}[class*=grid-][class*="-2tn"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3tn"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4tn"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5tn"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6tn"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7tn"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8tn"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9tn"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10tn"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11tn"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12tn"]{grid-template:auto/repeat(12,auto)}@media (min-width:576px){[class*=grid-][class*="-2sm"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3sm"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4sm"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5sm"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6sm"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7sm"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8sm"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9sm"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10sm"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11sm"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12sm"]{grid-template:auto/repeat(12,auto)}}@media (min-width:768px){[class*=grid-][class*="-2md"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3md"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4md"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5md"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6md"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7md"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8md"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9md"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10md"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11md"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12md"]{grid-template:auto/repeat(12,auto)}}@media (min-width:992px){[class*=grid-][class*="-2lg"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3lg"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4lg"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5lg"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6lg"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7lg"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8lg"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9lg"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10lg"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11lg"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12lg"]{grid-template:auto/repeat(12,auto)}}@media (min-width:1200px){[class*=grid-][class*="-2xl"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3xl"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4xl"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5xl"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6xl"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7xl"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8xl"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9xl"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10xl"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11xl"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12xl"]{grid-template:auto/repeat(12,auto)}}@media (min-width:1600px){[class*=grid-][class*="-2wd"]{grid-template:auto/repeat(2,auto)}[class*=grid-][class*="-3wd"]{grid-template:auto/repeat(3,auto)}[class*=grid-][class*="-4wd"]{grid-template:auto/repeat(4,auto)}[class*=grid-][class*="-5wd"]{grid-template:auto/repeat(5,auto)}[class*=grid-][class*="-6wd"]{grid-template:auto/repeat(6,auto)}[class*=grid-][class*="-7wd"]{grid-template:auto/repeat(7,auto)}[class*=grid-][class*="-8wd"]{grid-template:auto/repeat(8,auto)}[class*=grid-][class*="-9wd"]{grid-template:auto/repeat(9,auto)}[class*=grid-][class*="-10wd"]{grid-template:auto/repeat(10,auto)}[class*=grid-][class*="-11wd"]{grid-template:auto/repeat(11,auto)}[class*=grid-][class*="-12wd"]{grid-template:auto/repeat(12,auto)}}[class*=gap-][class*="-1tn"]{gap:var(--gap1)}[class*=gap-][class*="-2tn"]{gap:var(--gap2)}[class*=gap-][class*="-3tn"]{gap:var(--gap3)}[class*=gap-][class*="-4tn"]{gap:var(--gap4)}[class*=gap-][class*="-5tn"]{gap:var(--gap5)}[class*=gap-][class*="-6tn"]{gap:var(--gap6)}@media (min-width:576px){[class*=gap-][class*="-1sm"]{gap:var(--gap1)}[class*=gap-][class*="-2sm"]{gap:var(--gap2)}[class*=gap-][class*="-3sm"]{gap:var(--gap3)}[class*=gap-][class*="-4sm"]{gap:var(--gap4)}[class*=gap-][class*="-5sm"]{gap:var(--gap5)}[class*=gap-][class*="-6sm"]{gap:var(--gap6)}}@media (min-width:768px){[class*=gap-][class*="-1md"]{gap:var(--gap1)}[class*=gap-][class*="-2md"]{gap:var(--gap2)}[class*=gap-][class*="-3md"]{gap:var(--gap3)}[class*=gap-][class*="-4md"]{gap:var(--gap4)}[class*=gap-][class*="-5md"]{gap:var(--gap5)}[class*=gap-][class*="-6md"]{gap:var(--gap6)}}@media (min-width:992px){[class*=gap-][class*="-1lg"]{gap:var(--gap1)}[class*=gap-][class*="-2lg"]{gap:var(--gap2)}[class*=gap-][class*="-3lg"]{gap:var(--gap3)}[class*=gap-][class*="-4lg"]{gap:var(--gap4)}[class*=gap-][class*="-5lg"]{gap:var(--gap5)}[class*=gap-][class*="-6lg"]{gap:var(--gap6)}}@media (min-width:1200px){[class*=gap-][class*="-1xl"]{gap:var(--gap1)}[class*=gap-][class*="-2xl"]{gap:var(--gap2)}[class*=gap-][class*="-3xl"]{gap:var(--gap3)}[class*=gap-][class*="-4xl"]{gap:var(--gap4)}[class*=gap-][class*="-5xl"]{gap:var(--gap5)}[class*=gap-][class*="-6xl"]{gap:var(--gap6)}}@media (min-width:1600px){[class*=gap-][class*="-1wd"]{gap:var(--gap1)}[class*=gap-][class*="-2wd"]{gap:var(--gap2)}[class*=gap-][class*="-3wd"]{gap:var(--gap3)}[class*=gap-][class*="-4wd"]{gap:var(--gap4)}[class*=gap-][class*="-5wd"]{gap:var(--gap5)}[class*=gap-][class*="-6wd"]{gap:var(--gap6)}}.content-around{place-content:space-around}.content-between{place-content:space-between}.content-evenly{place-content:space-evenly}.content-center{place-content:center}.content-stretch{place-content:stretch}.content-start{place-content:flex-start}.content-end{place-content:flex-end}@media (min-width:576px){.content-around-sm{place-content:space-around}.content-between-sm{place-content:space-between}.content-evenly-sm{place-content:space-evenly}.content-center-sm{place-content:center}.content-stretch-sm{place-content:stretch}.content-start-sm{place-content:flex-start}.content-end-sm{place-content:flex-end}}@media (min-width:768px){.content-around-md{place-content:space-around}.content-between-md{place-content:space-between}.content-evenly-md{place-content:space-evenly}.content-center-md{place-content:center}.content-stretch-md{place-content:stretch}.content-start-md{place-content:flex-start}.content-end-md{place-content:flex-end}}@media (min-width:992px){.content-around-lg{place-content:space-around}.content-between-lg{place-content:space-between}.content-evenly-lg{place-content:space-evenly}.content-center-lg{place-content:center}.content-stretch-lg{place-content:stretch}.content-start-lg{place-content:flex-start}.content-end-lg{place-content:flex-end}}@media (min-width:1200px){.content-around-xl{place-content:space-around}.content-between-xl{place-content:space-between}.content-evenly-xl{place-content:space-evenly}.content-center-xl{place-content:center}.content-stretch-xl{place-content:stretch}.content-start-xl{place-content:flex-start}.content-end-xl{place-content:flex-end}}@media (min-width:1600px){.content-around-wd{place-content:space-around}.content-between-wd{place-content:space-between}.content-evenly-wd{place-content:space-evenly}.content-center-wd{place-content:center}.content-stretch-wd{place-content:stretch}.content-start-wd{place-content:flex-start}.content-end-wd{place-content:flex-end}}.items-normal{place-items:normal}.items-base{place-items:baseline}.items-center{place-items:center}.items-stretch{place-items:stretch}.items-start{place-items:flex-start}.items-end{place-items:flex-end}@media (min-width:576px){.items-normal-sm{place-items:normal}.items-base-sm{place-items:baseline}.items-center-sm{place-items:center}.items-stretch-sm{place-items:stretch}.items-start-sm{place-items:flex-start}.items-end-sm{place-items:flex-end}}@media (min-width:768px){.items-normal-md{place-items:normal}.items-base-md{place-items:baseline}.items-center-md{place-items:center}.items-stretch-md{place-items:stretch}.items-start-md{place-items:flex-start}.items-end-md{place-items:flex-end}}@media (min-width:992px){.items-normal-lg{place-items:normal}.items-base-lg{place-items:baseline}.items-center-lg{place-items:center}.items-stretch-lg{place-items:stretch}.items-start-lg{place-items:flex-start}.items-end-lg{place-items:flex-end}}@media (min-width:1200px){.items-normal-xl{place-items:normal}.items-base-xl{place-items:baseline}.items-center-xl{place-items:center}.items-stretch-xl{place-items:stretch}.items-start-xl{place-items:flex-start}.items-end-xl{place-items:flex-end}}@media (min-width:1600px){.items-normal-wd{place-items:normal}.items-base-wd{place-items:baseline}.items-center-wd{place-items:center}.items-stretch-wd{place-items:stretch}.items-start-wd{place-items:flex-start}.items-end-wd{place-items:flex-end}}.self-auto{place-self:auto}.self-normal{place-self:normal}.self-base{place-self:baseline}.self-center{place-self:center}.self-stretch{place-self:stretch}.self-start{place-self:flex-start}.self-end{place-self:flex-end}@media (min-width:576px){.self-auto-sm{place-self:auto}.self-normal-sm{place-self:normal}.self-base-sm{place-self:baseline}.self-center-sm{place-self:center}.self-stretch-sm{place-self:stretch}.self-start-sm{place-self:flex-start}.self-end-sm{place-self:flex-end}}@media (min-width:768px){.self-auto-md{place-self:auto}.self-normal-md{place-self:normal}.self-base-md{place-self:baseline}.self-center-md{place-self:center}.self-stretch-md{place-self:stretch}.self-start-md{place-self:flex-start}.self-end-md{place-self:flex-end}}@media (min-width:992px){.self-auto-lg{place-self:auto}.self-normal-lg{place-self:normal}.self-base-lg{place-self:baseline}.self-center-lg{place-self:center}.self-stretch-lg{place-self:stretch}.self-start-lg{place-self:flex-start}.self-end-lg{place-self:flex-end}}@media (min-width:1200px){.self-auto-xl{place-self:auto}.self-normal-xl{place-self:normal}.self-base-xl{place-self:baseline}.self-center-xl{place-self:center}.self-stretch-xl{place-self:stretch}.self-start-xl{place-self:flex-start}.self-end-xl{place-self:flex-end}}@media (min-width:1600px){.self-auto-wd{place-self:auto}.self-normal-wd{place-self:normal}.self-base-wd{place-self:baseline}.self-center-wd{place-self:center}.self-stretch-wd{place-self:stretch}.self-start-wd{place-self:flex-start}.self-end-wd{place-self:flex-end}}.absolute,.global-absolute>*{position:absolute}.fixed,.global-fixed>*{position:fixed}.global-relative>*,.relative{position:relative}.global-sticky>*,.sticky{position:-webkit-sticky;position:sticky}@media (min-width:576px){.absolute-sm,.global-absolute-sm>*{position:absolute}.fixed-sm,.global-fixed-sm>*{position:fixed}.global-relative-sm>*,.relative-sm{position:relative}.global-sticky-sm>*,.sticky-sm{position:-webkit-sticky;position:sticky}}@media (min-width:768px){.absolute-md,.global-absolute-md>*{position:absolute}.fixed-md,.global-fixed-md>*{position:fixed}.global-relative-md>*,.relative-md{position:relative}.global-sticky-md>*,.sticky-md{position:-webkit-sticky;position:sticky}}@media (min-width:992px){.absolute-lg,.global-absolute-lg>*{position:absolute}.fixed-lg,.global-fixed-lg>*{position:fixed}.global-relative-lg>*,.relative-lg{position:relative}.global-sticky-lg>*,.sticky-lg{position:-webkit-sticky;position:sticky}}@media (min-width:1200px){.absolute-xl,.global-absolute-xl>*{position:absolute}.fixed-xl,.global-fixed-xl>*{position:fixed}.global-relative-xl>*,.relative-xl{position:relative}.global-sticky-xl>*,.sticky-xl{position:-webkit-sticky;position:sticky}}@media (min-width:1600px){.absolute-wd,.global-absolute-wd>*{position:absolute}.fixed-wd,.global-fixed-wd>*{position:fixed}.global-relative-wd>*,.relative-wd{position:relative}.global-sticky-wd>*,.sticky-wd{position:-webkit-sticky;position:sticky}}[class*=container]{margin:auto;max-width:var(--container-max-width)}[class*=container-][class*="-50tn"]{max-width:50%}[class*=container-][class*="-60tn"]{max-width:60%}[class*=container-][class*="-70tn"]{max-width:70%}[class*=container-][class*="-80tn"]{max-width:80%}[class*=container-][class*="-90tn"]{max-width:90%}@media (min-width:576px){[class*=container-][class*="-50sm"]{max-width:50%}[class*=container-][class*="-60sm"]{max-width:60%}[class*=container-][class*="-70sm"]{max-width:70%}[class*=container-][class*="-80sm"]{max-width:80%}[class*=container-][class*="-90sm"]{max-width:90%}}@media (min-width:768px){[class*=container-][class*="-50md"]{max-width:50%}[class*=container-][class*="-60md"]{max-width:60%}[class*=container-][class*="-70md"]{max-width:70%}[class*=container-][class*="-80md"]{max-width:80%}[class*=container-][class*="-90md"]{max-width:90%}}@media (min-width:992px){[class*=container-][class*="-50lg"]{max-width:50%}[class*=container-][class*="-60lg"]{max-width:60%}[class*=container-][class*="-70lg"]{max-width:70%}[class*=container-][class*="-80lg"]{max-width:80%}[class*=container-][class*="-90lg"]{max-width:90%}}@media (min-width:1200px){[class*=container-][class*="-50xl"]{max-width:50%}[class*=container-][class*="-60xl"]{max-width:60%}[class*=container-][class*="-70xl"]{max-width:70%}[class*=container-][class*="-80xl"]{max-width:80%}[class*=container-][class*="-90xl"]{max-width:90%}}@media (min-width:1600px){[class*=container-][class*="-50wd"]{max-width:50%}[class*=container-][class*="-60wd"]{max-width:60%}[class*=container-][class*="-70wd"]{max-width:70%}[class*=container-][class*="-80wd"]{max-width:80%}[class*=container-][class*="-90wd"]{max-width:90%}}.global-mar-none>*,.mar-none{margin:var(--margin-none)}.global-mar-top-none>*,.mar-top-none{margin-top:var(--margin-none)}.global-mar-right-none>*,.mar-right-none{margin-right:var(--margin-none)}.global-mar-bottom-none>*,.mar-bottom-none{margin-bottom:var(--margin-none)}.global-mar-left-none>*,.mar-left-none{margin-left:var(--margin-none)}.global-mar-sm>*,.mar-sm{margin:var(--margin-sm)}.global-mar-md>*,.mar-md{margin:var(--margin-md)}.global-mar-lg>*,.mar-lg{margin:var(--margin-lg)}.global-mar-top-sm>*,.mar-top-sm{margin-top:var(--margin-top-sm)}.global-mar-top-md>*,.mar-top-md{margin-top:var(--margin-top-md)}.global-mar-top-lg>*,.mar-top-lg{margin-top:var(--margin-top-lg)}.global-mar-right-sm>*,.mar-right-sm{margin-right:var(--margin-right-sm)}.global-mar-right-md>*,.mar-right-md{margin-right:var(--margin-right-md)}.global-mar-right-lg>*,.mar-right-lg{margin-right:var(--margin-right-lg)}.global-mar-bot-sm>*,.mar-bot-sm{margin-bottom:var(--margin-bot-sm)}.global-mar-bot-md>*,.mar-bot-md{margin-bottom:var(--margin-bot-md)}.global-mar-bot-lg>*,.mar-bot-lg{margin-bottom:var(--margin-bot-lg)}.global-mar-left-sm>*,.mar-left-sm{margin-left:var(--margin-left-sm)}.global-mar-left-md>*,.mar-left-md{margin-left:var(--margin-left-md)}.global-mar-left-lg>*,.mar-left-lg{margin-left:var(--margin-left-lg)}.bord-dash,.bord-dash-global>*,.bord-dash-onto:focus,.bord-dash-onto:hover,.bord-dash-toall:focus>*,.bord-dash-toall:hover>*,.bord-dash-toone>:focus,.bord-dash-toone>:hover,:focus>.bord-dash-into,:hover>.bord-dash-into{border-style:dashed}.bord-dot,.bord-dot-global>*,.bord-dot-onto:focus,.bord-dot-onto:hover,.bord-dot-toall:focus>*,.bord-dot-toall:hover>*,.bord-dot-toone>:focus,.bord-dot-toone>:hover,:focus>.bord-dot-into,:hover>.bord-dot-into{border-style:dotted}.bord-solid,.bord-solid-global>*,.bord-solid-onto:focus,.bord-solid-onto:hover,.bord-solid-toall:focus>*,.bord-solid-toall:hover>*,.bord-solid-toone>:focus,.bord-solid-toone>:hover,:focus>.bord-solid-into,:hover>.bord-solid-into{border-style:solid}.bord-double,.bord-double-global>*,.bord-double-onto:focus,.bord-double-onto:hover,.bord-double-toall:focus>*,.bord-double-toall:hover>*,.bord-double-toone>:focus,.bord-double-toone>:hover,:focus>.bord-double-into,:hover>.bord-double-into{border-style:double}.bord-groove,.bord-groove-global>*,.bord-groove-onto:focus,.bord-groove-onto:hover,.bord-groove-toall:focus>*,.bord-groove-toall:hover>*,.bord-groove-toone>:focus,.bord-groove-toone>:hover,:focus>.bord-groove-into,:hover>.bord-groove-into{border-style:groove}.bord-ridge,.bord-ridge-global>*,.bord-ridge-onto:focus,.bord-ridge-onto:hover,.bord-ridge-toall:focus>*,.bord-ridge-toall:hover>*,.bord-ridge-toone>:focus,.bord-ridge-toone>:hover,:focus>.bord-ridge-into,:hover>.bord-ridge-into{border-style:ridge}.bord-in,.bord-in-global>*,.bord-in-onto:focus,.bord-in-onto:hover,.bord-in-toall:focus>*,.bord-in-toall:hover>*,.bord-in-toone>:focus,.bord-in-toone>:hover,:focus>.bord-in-into,:hover>.bord-in-into{border-style:inset}.bord-out,.bord-out-global>*,.bord-out-onto:focus,.bord-out-onto:hover,.bord-out-toall:focus>*,.bord-out-toall:hover>*,.bord-out-toone>:focus,.bord-out-toone>:hover,:focus>.bord-out-into,:hover>.bord-out-into{border-style:outset}.bord-sm{border-width:thin}.bord-md{border-width:medium}.bord-lg{border-width:thick}.bord-primary{border-color:var(--primary)}.bord-secondary{border-color:var(--secondary)}.bord-pink{border-color:var(--pink)}.bord-red{border-color:var(--red)}.bord-orange{border-color:var(--orange)}.bord-yellow{border-color:var(--yellow)}.bord-brown{border-color:var(--brown)}.bord-green{border-color:var(--green)}.bord-cyan{border-color:var(--cyan)}.bord-blue{border-color:var(--blue)}.bord-violet{border-color:var(--violet)}.bord-black{border-color:var(--black)}.bord-gray{border-color:var(--gray)}.bord-grey{border-color:var(--grey)}.bord-white{border-color:var(--white)}.bord-square,.bord-square-global>*,.bord-square-onto:focus,.bord-square-onto:hover,.bord-square-toall:focus>*,.bord-square-toall:hover>*,.bord-square-toone>:focus,.bord-square-toone>:hover,:focus>.bord-square-into,:hover>.bord-square-into{border-radius:unset}.bord-curve,.bord-curve-global>*,.bord-curve-onto:focus,.bord-curve-onto:hover,.bord-curve-toall:focus>*,.bord-curve-toall:hover>*,.bord-curve-toone>:focus,.bord-curve-toone>:hover,:focus>.bord-curve-into,:hover>.bord-curve-into{border-radius:5px}.bord-round,.bord-round-global>*,.bord-round-onto:focus,.bord-round-onto:hover,.bord-round-toall:focus>*,.bord-round-toall:hover>*,.bord-round-toone>:focus,.bord-round-toone>:hover,:focus>.bord-round-into,:hover>.bord-round-into{border-radius:10px}.bord-circle,.bord-circle-global>*,.bord-circle-onto:focus,.bord-circle-onto:hover,.bord-circle-toall:focus>*,.bord-circle-toall:hover>*,.bord-circle-toone>:focus,.bord-circle-toone>:hover,:focus>.bord-circle-into,:hover>.bord-circle-into{border-radius:50%}.global-pad-none>*,.pad-none{padding:var(--padding-none)}.global-pad-top-none>*,.pad-top-none{padding-top:var(--padding-none)}.global-pad-right-none>*,.pad-right-none{padding-right:var(--padding-none)}.global-pad-bottom-none>*,.pad-bottom-none{padding-bottom:var(--padding-none)}.global-pad-left-none>*,.pad-left-none{padding-left:var(--padding-none)}.global-pad-sm>*,.pad-sm{padding:var(--padding-sm)}.global-pad-md>*,.pad-md{padding:var(--padding-md)}.global-pad-lg>*,.pad-lg{padding:var(--padding-lg)}.global-pad-top-sm>*,.pad-top-sm{padding-top:var(--padding-top-sm)}.global-pad-top-md>*,.pad-top-md{padding-top:var(--padding-top-md)}.global-pad-top-lg>*,.pad-top-lg{padding-top:var(--padding-top-lg)}.global-pad-right-sm>*,.pad-right-sm{padding-right:var(--padding-right-sm)}.global-pad-right-md>*,.pad-right-md{padding-right:var(--padding-right-md)}.global-pad-right-lg>*,.pad-right-lg{padding-right:var(--padding-right-lg)}.global-pad-bot-sm>*,.pad-bot-sm{padding-bottom:var(--padding-bot-sm)}.global-pad-bot-md>*,.pad-bot-md{padding-bottom:var(--padding-bot-md)}.global-pad-bot-lg>*,.pad-bot-lg{padding-bottom:var(--padding-bot-lg)}.global-pad-left-sm>*,.pad-left-sm{padding-left:var(--padding-left-sm)}.global-pad-left-md>*,.pad-left-md{padding-left:var(--padding-left-md)}.global-pad-left-lg>*,.pad-left-lg{padding-left:var(--padding-left-lg)}.global-height-sm>*,.height-sm{height:var(--height-sm)}.global-height-md>*,.height-md{height:var(--height-md)}.global-height-lg>*,.height-lg{height:var(--height-lg)}.global-max-h-sm>*,.max-h-sm{max-height:var(--max-height-sm)}.global-max-h-md>*,.max-h-md{max-height:var(--max-height-md)}.global-max-h-lg>*,.max-h-lg{max-height:var(--max-height-lg)}.global-min-h-sm>*,.min-h-sm{min-height:var(--min-height-sm)}.global-min-h-md>*,.min-h-md{min-height:var(--min-height-md)}.global-min-h-lg>*,.min-h-lg{min-height:var(--min-height-lg)}.global-width-sm>*,.width-sm{width:var(--width-sm)}.global-width-md>*,.width-md{width:var(--width-md)}.global-width-lg>*,.width-lg{width:var(--width-lg)}.global-max-w-sm>*,.max-w-sm{max-width:var(--max-width-sm)}.global-max-w-md>*,.max-w-md{max-width:var(--max-width-md)}.global-max-w-lg>*,.max-w-lg{max-width:var(--max-width-lg)}.global-min-w-sm>*,.min-w-sm{min-width:var(--min-width-sm)}.global-min-w-md>*,.min-w-md{min-width:var(--min-width-md)}.global-min-w-lg>*,.min-w-lg{min-width:var(--min-width-lg)}.font-bold,.font-bold-global>*,.font-bold-onto:focus,.font-bold-onto:hover,.font-bold-toall:focus>*,.font-bold-toall:hover>*,.font-bold-toone>:focus,.font-bold-toone>:hover,:focus>.font-bold-into,:hover>.font-bold-into{font-weight:700}.font-italic,.font-italic-global>*,.font-italic-onto:focus,.font-italic-onto:hover,.font-italic-toall:focus>*,.font-italic-toall:hover>*,.font-italic-toone>:focus,.font-italic-toone>:hover,:focus>.font-italic-into,:hover>.font-italic-into{font-style:italic}.font-oblique,.font-oblique-global>*,.font-oblique-onto:focus,.font-oblique-onto:hover,.font-oblique-toall:focus>*,.font-oblique-toall:hover>*,.font-oblique-toone>:focus,.font-oblique-toone>:hover,:focus>.font-oblique-into,:hover>.font-oblique-into{font-style:oblique}.font-sans-serif{font-family:var(--font-family-sans-serif)}.font-serif{font-family:var(--font-family-serif)}.font-monospace{font-family:var(--font-family-monospace)}.font-cursive{font-family:var(--font-family-cursive)}.font-fantasy{font-family:var(--font-family-fantasy)}.align-center,.global-align-center>*{text-align:center}.align-justify,.global-align-justify>*{text-align:justify}.align-right,.global-align-right>*{text-align:right}.align-left,.global-align-left>*{text-align:left}.trans-cap,.trans-cap-global>*,.trans-cap-onto:focus,.trans-cap-onto:hover,.trans-cap-toall:focus>*,.trans-cap-toall:hover>*,.trans-cap-toone>:focus,.trans-cap-toone>:hover,:focus>.trans-cap-into,:hover>.trans-cap-into{text-transform:capitalize}.trans-up,.trans-up-global>*,.trans-up-onto:focus,.trans-up-onto:hover,.trans-up-toall:focus>*,.trans-up-toall:hover>*,.trans-up-toone>:focus,.trans-up-toone>:hover,:focus>.trans-up-into,:hover>.trans-up-into{text-transform:uppercase}.trans-low,.trans-low-global>*,.trans-low-onto:focus,.trans-low-onto:hover,.trans-low-toall:focus>*,.trans-low-toall:hover>*,.trans-low-toone>:focus,.trans-low-toone>:hover,:focus>.trans-low-into,:hover>.trans-low-into{text-transform:lowercase}.deco-none,.deco-none-global>*,.deco-none-onto:focus,.deco-none-onto:hover,.deco-none-toall:focus>*,.deco-none-toall:hover>*,.deco-none-toone>:focus,.deco-none-toone>:hover,:focus>.deco-none-into,:hover>.deco-none-into{-webkit-text-decoration-line:none;text-decoration-line:none}.deco-under,.deco-under-global>*,.deco-under-onto:focus,.deco-under-onto:hover,.deco-under-toall:focus>*,.deco-under-toall:hover>*,.deco-under-toone>:focus,.deco-under-toone>:hover,:focus>.deco-under-into,:hover>.deco-under-into{-webkit-text-decoration-line:underline;text-decoration-line:underline}.deco-over,.deco-over-global>*,.deco-over-onto:focus,.deco-over-onto:hover,.deco-over-toall:focus>*,.deco-over-toall:hover>*,.deco-over-toone>:focus,.deco-over-toone>:hover,:focus>.deco-over-into,:hover>.deco-over-into{-webkit-text-decoration-line:overline;text-decoration-line:overline}.deco-through,.deco-through-global>*,.deco-through-onto:focus,.deco-through-onto:hover,.deco-through-toall:focus>*,.deco-through-toall:hover>*,.deco-through-toone>:focus,.deco-through-toone>:hover,:focus>.deco-through-into,:hover>.deco-through-into{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.deco-dash{-webkit-text-decoration-style:dashed;text-decoration-style:dashed}.deco-dot{-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.deco-double{-webkit-text-decoration-style:double;text-decoration-style:double}.deco-solid{-webkit-text-decoration-style:solid;text-decoration-style:solid}.deco-wavy{-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.deco-primary{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.deco-secondary{-webkit-text-decoration-color:var(--secondary);text-decoration-color:var(--secondary)}.deco-pink{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.deco-red{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.deco-orange{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.deco-yellow{-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow)}.deco-brown{-webkit-text-decoration-color:var(--brown);text-decoration-color:var(--brown)}.deco-green{-webkit-text-decoration-color:var(--green);text-decoration-color:var(--green)}.deco-cyan{-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}.deco-blue{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.deco-violet{-webkit-text-decoration-color:var(--violet);text-decoration-color:var(--violet)}.primary,.primary-global>*,.primary-onto:focus,.primary-onto:hover,.primary-toall:focus>*,.primary-toall:hover>*,.primary-toone>:focus,.primary-toone>:hover,:focus>.primary-into,:hover>.primary-into{color:var(--primary)}.secondary,.secondary-global>*,.secondary-onto:focus,.secondary-onto:hover,.secondary-toall:focus>*,.secondary-toall:hover>*,.secondary-toone>:focus,.secondary-toone>:hover,:focus>.secondary-into,:hover>.secondary-into{color:var(--secondary)}.pink,.pink-global>*,.pink-onto:focus,.pink-onto:hover,.pink-toall:focus>*,.pink-toall:hover>*,.pink-toone>:focus,.pink-toone>:hover,:focus>.pink-into,:hover>.pink-into{color:var(--pink)}.red,.red-global>*,.red-onto:focus,.red-onto:hover,.red-toall:focus>*,.red-toall:hover>*,.red-toone>:focus,.red-toone>:hover,:focus>.red-into,:hover>.red-into{color:var(--red)}.orange,.orange-global>*,.orange-onto:focus,.orange-onto:hover,.orange-toall:focus>*,.orange-toall:hover>*,.orange-toone>:focus,.orange-toone>:hover,:focus>.orange-into,:hover>.orange-into{color:var(--orange)}.yellow,.yellow-global>*,.yellow-onto:focus,.yellow-onto:hover,.yellow-toall:focus>*,.yellow-toall:hover>*,.yellow-toone>:focus,.yellow-toone>:hover,:focus>.yellow-into,:hover>.yellow-into{color:var(--yellow)}.brown,.brown-global>*,.brown-onto:focus,.brown-onto:hover,.brown-toall:focus>*,.brown-toall:hover>*,.brown-toone>:focus,.brown-toone>:hover,:focus>.brown-into,:hover>.brown-into{color:var(--brown)}.green,.green-global>*,.green-onto:focus,.green-onto:hover,.green-toall:focus>*,.green-toall:hover>*,.green-toone>:focus,.green-toone>:hover,:focus>.green-into,:hover>.green-into{color:var(--green)}.cyan,.cyan-global>*,.cyan-onto:focus,.cyan-onto:hover,.cyan-toall:focus>*,.cyan-toall:hover>*,.cyan-toone>:focus,.cyan-toone>:hover,:focus>.cyan-into,:hover>.cyan-into{color:var(--cyan)}.blue,.blue-global>*,.blue-onto:focus,.blue-onto:hover,.blue-toall:focus>*,.blue-toall:hover>*,.blue-toone>:focus,.blue-toone>:hover,:focus>.blue-into,:hover>.blue-into{color:var(--blue)}.violet,.violet-global>*,.violet-onto:focus,.violet-onto:hover,.violet-toall:focus>*,.violet-toall:hover>*,.violet-toone>:focus,.violet-toone>:hover,:focus>.violet-into,:hover>.violet-into{color:var(--violet)}.black,.black-global>*,.black-onto:focus,.black-onto:hover,.black-toall:focus>*,.black-toall:hover>*,.black-toone>:focus,.black-toone>:hover,:focus>.black-into,:hover>.black-into{color:var(--black)}.gray,.gray-global>*,.gray-onto:focus,.gray-onto:hover,.gray-toall:focus>*,.gray-toall:hover>*,.gray-toone>:focus,.gray-toone>:hover,:focus>.gray-into,:hover>.gray-into{color:var(--gray)}.grey,.grey-global>*,.grey-onto:focus,.grey-onto:hover,.grey-toall:focus>*,.grey-toall:hover>*,.grey-toone>:focus,.grey-toone>:hover,:focus>.grey-into,:hover>.grey-into{color:var(--grey)}.white,.white-global>*,.white-onto:focus,.white-onto:hover,.white-toall:focus>*,.white-toall:hover>*,.white-toone>:focus,.white-toone>:hover,:focus>.white-into,:hover>.white-into{color:var(--white)}.fb,.fb-global>*,.fb-onto:focus,.fb-onto:hover,.fb-toall:focus>*,.fb-toall:hover>*,.fb-toone>:focus,.fb-toone>:hover,:focus>.fb-into,:hover>.fb-into{color:var(--fb)}.gh,.gh-global>*,.gh-onto:focus,.gh-onto:hover,.gh-toall:focus>*,.gh-toall:hover>*,.gh-toone>:focus,.gh-toone>:hover,:focus>.gh-into,:hover>.gh-into{color:var(--gh)}.in,.in-global>*,.in-onto:focus,.in-onto:hover,.in-toall:focus>*,.in-toall:hover>*,.in-toone>:focus,.in-toone>:hover,:focus>.in-into,:hover>.in-into{color:var(--in)}.pp,.pp-global>*,.pp-onto:focus,.pp-onto:hover,.pp-toall:focus>*,.pp-toall:hover>*,.pp-toone>:focus,.pp-toone>:hover,:focus>.pp-into,:hover>.pp-into{color:var(--pp)}.tw,.tw-global>*,.tw-onto:focus,.tw-onto:hover,.tw-toall:focus>*,.tw-toall:hover>*,.tw-toone>:focus,.tw-toone>:hover,:focus>.tw-into,:hover>.tw-into{color:var(--tw)}.bg-primary,.bg-primary-global>*,.bg-primary-onto:focus,.bg-primary-onto:hover,.bg-primary-toall:focus>*,.bg-primary-toall:hover>*,.bg-primary-toone>:focus,.bg-primary-toone>:hover,:focus>.bg-primary-into,:hover>.bg-primary-into{background-color:var(--primary)}.bg-primary-dark,.bg-primary-dark-global>*,.bg-primary-dark-onto:focus,.bg-primary-dark-onto:hover,.bg-primary-dark-toall:focus>*,.bg-primary-dark-toall:hover>*,.bg-primary-dark-toone>:focus,.bg-primary-dark-toone>:hover,:focus>.bg-primary-dark-into,:hover>.bg-primary-dark-into{background-color:var(--primary-dark)}.bg-primary-light,.bg-primary-light-global>*,.bg-primary-light-onto:focus,.bg-primary-light-onto:hover,.bg-primary-light-toall:focus>*,.bg-primary-light-toall:hover>*,.bg-primary-light-toone>:focus,.bg-primary-light-toone>:hover,:focus>.bg-primary-light-into,:hover>.bg-primary-light-into{background-color:var(--primary-light)}.bg-secondary,.bg-secondary-global>*,.bg-secondary-onto:focus,.bg-secondary-onto:hover,.bg-secondary-toall:focus>*,.bg-secondary-toall:hover>*,.bg-secondary-toone>:focus,.bg-secondary-toone>:hover,:focus>.bg-secondary-into,:hover>.bg-secondary-into{background-color:var(--secondary)}.bg-secondary-dark,.bg-secondary-dark-global>*,.bg-secondary-dark-onto:focus,.bg-secondary-dark-onto:hover,.bg-secondary-dark-toall:focus>*,.bg-secondary-dark-toall:hover>*,.bg-secondary-dark-toone>:focus,.bg-secondary-dark-toone>:hover,:focus>.bg-secondary-dark-into,:hover>.bg-secondary-dark-into{background-color:var(--secondary-dark)}.bg-secondary-light,.bg-secondary-light-global>*,.bg-secondary-light-onto:focus,.bg-secondary-light-onto:hover,.bg-secondary-light-toall:focus>*,.bg-secondary-light-toall:hover>*,.bg-secondary-light-toone>:focus,.bg-secondary-light-toone>:hover,:focus>.bg-secondary-light-into,:hover>.bg-secondary-light-into{background-color:var(--secondary-light)}.bg-pink,.bg-pink-global>*,.bg-pink-onto:focus,.bg-pink-onto:hover,.bg-pink-toall:focus>*,.bg-pink-toall:hover>*,.bg-pink-toone>:focus,.bg-pink-toone>:hover,:focus>.bg-pink-into,:hover>.bg-pink-into{background-color:var(--pink)}.bg-pink-dark,.bg-pink-dark-global>*,.bg-pink-dark-onto:focus,.bg-pink-dark-onto:hover,.bg-pink-dark-toall:focus>*,.bg-pink-dark-toall:hover>*,.bg-pink-dark-toone>:focus,.bg-pink-dark-toone>:hover,:focus>.bg-pink-dark-into,:hover>.bg-pink-dark-into{background-color:var(--pink-dark)}.bg-pink-light,.bg-pink-light-global>*,.bg-pink-light-onto:focus,.bg-pink-light-onto:hover,.bg-pink-light-toall:focus>*,.bg-pink-light-toall:hover>*,.bg-pink-light-toone>:focus,.bg-pink-light-toone>:hover,:focus>.bg-pink-light-into,:hover>.bg-pink-light-into{background-color:var(--pink-light)}.bg-red,.bg-red-global>*,.bg-red-onto:focus,.bg-red-onto:hover,.bg-red-toall:focus>*,.bg-red-toall:hover>*,.bg-red-toone>:focus,.bg-red-toone>:hover,:focus>.bg-red-into,:hover>.bg-red-into{background-color:var(--red)}.bg-red-dark,.bg-red-dark-global>*,.bg-red-dark-onto:focus,.bg-red-dark-onto:hover,.bg-red-dark-toall:focus>*,.bg-red-dark-toall:hover>*,.bg-red-dark-toone>:focus,.bg-red-dark-toone>:hover,:focus>.bg-red-dark-into,:hover>.bg-red-dark-into{background-color:var(--red-dark)}.bg-red-light,.bg-red-light-global>*,.bg-red-light-onto:focus,.bg-red-light-onto:hover,.bg-red-light-toall:focus>*,.bg-red-light-toall:hover>*,.bg-red-light-toone>:focus,.bg-red-light-toone>:hover,:focus>.bg-red-light-into,:hover>.bg-red-light-into{background-color:var(--red-light)}.bg-orange,.bg-orange-global>*,.bg-orange-onto:focus,.bg-orange-onto:hover,.bg-orange-toall:focus>*,.bg-orange-toall:hover>*,.bg-orange-toone>:focus,.bg-orange-toone>:hover,:focus>.bg-orange-into,:hover>.bg-orange-into{background-color:var(--orange)}.bg-orange-dark,.bg-orange-dark-global>*,.bg-orange-dark-onto:focus,.bg-orange-dark-onto:hover,.bg-orange-dark-toall:focus>*,.bg-orange-dark-toall:hover>*,.bg-orange-dark-toone>:focus,.bg-orange-dark-toone>:hover,:focus>.bg-orange-dark-into,:hover>.bg-orange-dark-into{background-color:var(--orange-dark)}.bg-orange-light,.bg-orange-light-global>*,.bg-orange-light-onto:focus,.bg-orange-light-onto:hover,.bg-orange-light-toall:focus>*,.bg-orange-light-toall:hover>*,.bg-orange-light-toone>:focus,.bg-orange-light-toone>:hover,:focus>.bg-orange-light-into,:hover>.bg-orange-light-into{background-color:var(--orange-light)}.bg-yellow,.bg-yellow-global>*,.bg-yellow-onto:focus,.bg-yellow-onto:hover,.bg-yellow-toall:focus>*,.bg-yellow-toall:hover>*,.bg-yellow-toone>:focus,.bg-yellow-toone>:hover,:focus>.bg-yellow-into,:hover>.bg-yellow-into{background-color:var(--yellow)}.bg-yellow-dark,.bg-yellow-dark-global>*,.bg-yellow-dark-onto:focus,.bg-yellow-dark-onto:hover,.bg-yellow-dark-toall:focus>*,.bg-yellow-dark-toall:hover>*,.bg-yellow-dark-toone>:focus,.bg-yellow-dark-toone>:hover,:focus>.bg-yellow-dark-into,:hover>.bg-yellow-dark-into{background-color:var(--yellow-dark)}.bg-yellow-light,.bg-yellow-light-global>*,.bg-yellow-light-onto:focus,.bg-yellow-light-onto:hover,.bg-yellow-light-toall:focus>*,.bg-yellow-light-toall:hover>*,.bg-yellow-light-toone>:focus,.bg-yellow-light-toone>:hover,:focus>.bg-yellow-light-into,:hover>.bg-yellow-light-into{background-color:var(--yellow-light)}.bg-brown,.bg-brown-global>*,.bg-brown-onto:focus,.bg-brown-onto:hover,.bg-brown-toall:focus>*,.bg-brown-toall:hover>*,.bg-brown-toone>:focus,.bg-brown-toone>:hover,:focus>.bg-brown-into,:hover>.bg-brown-into{background-color:var(--brown)}.bg-brown-dark,.bg-brown-dark-global>*,.bg-brown-dark-onto:focus,.bg-brown-dark-onto:hover,.bg-brown-dark-toall:focus>*,.bg-brown-dark-toall:hover>*,.bg-brown-dark-toone>:focus,.bg-brown-dark-toone>:hover,:focus>.bg-brown-dark-into,:hover>.bg-brown-dark-into{background-color:var(--brown-dark)}.bg-brown-light,.bg-brown-light-global>*,.bg-brown-light-onto:focus,.bg-brown-light-onto:hover,.bg-brown-light-toall:focus>*,.bg-brown-light-toall:hover>*,.bg-brown-light-toone>:focus,.bg-brown-light-toone>:hover,:focus>.bg-brown-light-into,:hover>.bg-brown-light-into{background-color:var(--brown-light)}.bg-green,.bg-green-global>*,.bg-green-onto:focus,.bg-green-onto:hover,.bg-green-toall:focus>*,.bg-green-toall:hover>*,.bg-green-toone>:focus,.bg-green-toone>:hover,:focus>.bg-green-into,:hover>.bg-green-into{background-color:var(--green)}.bg-green-dark,.bg-green-dark-global>*,.bg-green-dark-onto:focus,.bg-green-dark-onto:hover,.bg-green-dark-toall:focus>*,.bg-green-dark-toall:hover>*,.bg-green-dark-toone>:focus,.bg-green-dark-toone>:hover,:focus>.bg-green-dark-into,:hover>.bg-green-dark-into{background-color:var(--green-dark)}.bg-green-light,.bg-green-light-global>*,.bg-green-light-onto:focus,.bg-green-light-onto:hover,.bg-green-light-toall:focus>*,.bg-green-light-toall:hover>*,.bg-green-light-toone>:focus,.bg-green-light-toone>:hover,:focus>.bg-green-light-into,:hover>.bg-green-light-into{background-color:var(--green-light)}.bg-cyan,.bg-cyan-global>*,.bg-cyan-onto:focus,.bg-cyan-onto:hover,.bg-cyan-toall:focus>*,.bg-cyan-toall:hover>*,.bg-cyan-toone>:focus,.bg-cyan-toone>:hover,:focus>.bg-cyan-into,:hover>.bg-cyan-into{background-color:var(--cyan)}.bg-cyan-dark,.bg-cyan-dark-global>*,.bg-cyan-dark-onto:focus,.bg-cyan-dark-onto:hover,.bg-cyan-dark-toall:focus>*,.bg-cyan-dark-toall:hover>*,.bg-cyan-dark-toone>:focus,.bg-cyan-dark-toone>:hover,:focus>.bg-cyan-dark-into,:hover>.bg-cyan-dark-into{background-color:var(--cyan-dark)}.bg-cyan-light,.bg-cyan-light-global>*,.bg-cyan-light-onto:focus,.bg-cyan-light-onto:hover,.bg-cyan-light-toall:focus>*,.bg-cyan-light-toall:hover>*,.bg-cyan-light-toone>:focus,.bg-cyan-light-toone>:hover,:focus>.bg-cyan-light-into,:hover>.bg-cyan-light-into{background-color:var(--cyan-light)}.bg-blue,.bg-blue-global>*,.bg-blue-onto:focus,.bg-blue-onto:hover,.bg-blue-toall:focus>*,.bg-blue-toall:hover>*,.bg-blue-toone>:focus,.bg-blue-toone>:hover,:focus>.bg-blue-into,:hover>.bg-blue-into{background-color:var(--blue)}.bg-blue-dark,.bg-blue-dark-global>*,.bg-blue-dark-onto:focus,.bg-blue-dark-onto:hover,.bg-blue-dark-toall:focus>*,.bg-blue-dark-toall:hover>*,.bg-blue-dark-toone>:focus,.bg-blue-dark-toone>:hover,:focus>.bg-blue-dark-into,:hover>.bg-blue-dark-into{background-color:var(--blue-dark)}.bg-blue-light,.bg-blue-light-global>*,.bg-blue-light-onto:focus,.bg-blue-light-onto:hover,.bg-blue-light-toall:focus>*,.bg-blue-light-toall:hover>*,.bg-blue-light-toone>:focus,.bg-blue-light-toone>:hover,:focus>.bg-blue-light-into,:hover>.bg-blue-light-into{background-color:var(--blue-light)}.bg-violet,.bg-violet-global>*,.bg-violet-onto:focus,.bg-violet-onto:hover,.bg-violet-toall:focus>*,.bg-violet-toall:hover>*,.bg-violet-toone>:focus,.bg-violet-toone>:hover,:focus>.bg-violet-into,:hover>.bg-violet-into{background-color:var(--violet)}.bg-violet-dark,.bg-violet-dark-global>*,.bg-violet-dark-onto:focus,.bg-violet-dark-onto:hover,.bg-violet-dark-toall:focus>*,.bg-violet-dark-toall:hover>*,.bg-violet-dark-toone>:focus,.bg-violet-dark-toone>:hover,:focus>.bg-violet-dark-into,:hover>.bg-violet-dark-into{background-color:var(--violet-dark)}.bg-violet-light,.bg-violet-light-global>*,.bg-violet-light-onto:focus,.bg-violet-light-onto:hover,.bg-violet-light-toall:focus>*,.bg-violet-light-toall:hover>*,.bg-violet-light-toone>:focus,.bg-violet-light-toone>:hover,:focus>.bg-violet-light-into,:hover>.bg-violet-light-into{background-color:var(--violet-light)}.bg-black,.bg-black-global>*,.bg-black-onto:focus,.bg-black-onto:hover,.bg-black-toall:focus>*,.bg-black-toall:hover>*,.bg-black-toone>:focus,.bg-black-toone>:hover,:focus>.bg-black-into,:hover>.bg-black-into{background-color:var(--black)}.bg-black-dark,.bg-black-dark-global>*,.bg-black-dark-onto:focus,.bg-black-dark-onto:hover,.bg-black-dark-toall:focus>*,.bg-black-dark-toall:hover>*,.bg-black-dark-toone>:focus,.bg-black-dark-toone>:hover,:focus>.bg-black-dark-into,:hover>.bg-black-dark-into{background-color:var(--black-dark)}.bg-black-light,.bg-black-light-global>*,.bg-black-light-onto:focus,.bg-black-light-onto:hover,.bg-black-light-toall:focus>*,.bg-black-light-toall:hover>*,.bg-black-light-toone>:focus,.bg-black-light-toone>:hover,:focus>.bg-black-light-into,:hover>.bg-black-light-into{background-color:var(--black-light)}.bg-gray,.bg-gray-global>*,.bg-gray-onto:focus,.bg-gray-onto:hover,.bg-gray-toall:focus>*,.bg-gray-toall:hover>*,.bg-gray-toone>:focus,.bg-gray-toone>:hover,:focus>.bg-gray-into,:hover>.bg-gray-into{background-color:var(--gray)}.bg-gray-dark,.bg-gray-dark-global>*,.bg-gray-dark-onto:focus,.bg-gray-dark-onto:hover,.bg-gray-dark-toall:focus>*,.bg-gray-dark-toall:hover>*,.bg-gray-dark-toone>:focus,.bg-gray-dark-toone>:hover,:focus>.bg-gray-dark-into,:hover>.bg-gray-dark-into{background-color:var(--gray-dark)}.bg-gray-light,.bg-gray-light-global>*,.bg-gray-light-onto:focus,.bg-gray-light-onto:hover,.bg-gray-light-toall:focus>*,.bg-gray-light-toall:hover>*,.bg-gray-light-toone>:focus,.bg-gray-light-toone>:hover,:focus>.bg-gray-light-into,:hover>.bg-gray-light-into{background-color:var(--gray-light)}.bg-grey,.bg-grey-global>*,.bg-grey-onto:focus,.bg-grey-onto:hover,.bg-grey-toall:focus>*,.bg-grey-toall:hover>*,.bg-grey-toone>:focus,.bg-grey-toone>:hover,:focus>.bg-grey-into,:hover>.bg-grey-into{background-color:var(--grey)}.bg-grey-dark,.bg-grey-dark-global>*,.bg-grey-dark-onto:focus,.bg-grey-dark-onto:hover,.bg-grey-dark-toall:focus>*,.bg-grey-dark-toall:hover>*,.bg-grey-dark-toone>:focus,.bg-grey-dark-toone>:hover,:focus>.bg-grey-dark-into,:hover>.bg-grey-dark-into{background-color:var(--grey-dark)}.bg-grey-light,.bg-grey-light-global>*,.bg-grey-light-onto:focus,.bg-grey-light-onto:hover,.bg-grey-light-toall:focus>*,.bg-grey-light-toall:hover>*,.bg-grey-light-toone>:focus,.bg-grey-light-toone>:hover,:focus>.bg-grey-light-into,:hover>.bg-grey-light-into{background-color:var(--grey-light)}.bg-white,.bg-white-global>*,.bg-white-onto:focus,.bg-white-onto:hover,.bg-white-toall:focus>*,.bg-white-toall:hover>*,.bg-white-toone>:focus,.bg-white-toone>:hover,:focus>.bg-white-into,:hover>.bg-white-into{background-color:var(--white)}.bg-white-dark,.bg-white-dark-global>*,.bg-white-dark-onto:focus,.bg-white-dark-onto:hover,.bg-white-dark-toall:focus>*,.bg-white-dark-toall:hover>*,.bg-white-dark-toone>:focus,.bg-white-dark-toone>:hover,:focus>.bg-white-dark-into,:hover>.bg-white-dark-into{background-color:var(--white-dark)}.bg-white-light,.bg-white-light-global>*,.bg-white-light-onto:focus,.bg-white-light-onto:hover,.bg-white-light-toall:focus>*,.bg-white-light-toall:hover>*,.bg-white-light-toone>:focus,.bg-white-light-toone>:hover,:focus>.bg-white-light-into,:hover>.bg-white-light-into{background-color:var(--white-light)}.shadow-sm,.shadow-sm-global>*,.shadow-sm-onto:focus,.shadow-sm-onto:hover,.shadow-sm-toall:focus>*,.shadow-sm-toall:hover>*,.shadow-sm-toone>:focus,.shadow-sm-toone>:hover,:focus>.shadow-sm-into,:hover>.shadow-sm-into{box-shadow:var(--shadow-sm)}.shadow-in-sm,.shadow-in-sm-global>*,.shadow-in-sm-onto:focus,.shadow-in-sm-onto:hover,.shadow-in-sm-toall:focus>*,.shadow-in-sm-toall:hover>*,.shadow-in-sm-toone>:focus,.shadow-in-sm-toone>:hover,:focus>.shadow-in-sm-into,:hover>.shadow-in-sm-into{box-shadow:inset var(--shadow-sm)}.shadow-md,.shadow-md-global>*,.shadow-md-onto:focus,.shadow-md-onto:hover,.shadow-md-toall:focus>*,.shadow-md-toall:hover>*,.shadow-md-toone>:focus,.shadow-md-toone>:hover,:focus>.shadow-md-into,:hover>.shadow-md-into{box-shadow:var(--shadow-md)}.shadow-in-md,.shadow-in-md-global>*,.shadow-in-md-onto:focus,.shadow-in-md-onto:hover,.shadow-in-md-toall:focus>*,.shadow-in-md-toall:hover>*,.shadow-in-md-toone>:focus,.shadow-in-md-toone>:hover,:focus>.shadow-in-md-into,:hover>.shadow-in-md-into{box-shadow:inset var(--shadow-md)}.shadow-lg,.shadow-lg-global>*,.shadow-lg-onto:focus,.shadow-lg-onto:hover,.shadow-lg-toall:focus>*,.shadow-lg-toall:hover>*,.shadow-lg-toone>:focus,.shadow-lg-toone>:hover,:focus>.shadow-lg-into,:hover>.shadow-lg-into{box-shadow:var(--shadow-lg)}.shadow-in-lg,.shadow-in-lg-global>*,.shadow-in-lg-onto:focus,.shadow-in-lg-onto:hover,.shadow-in-lg-toall:focus>*,.shadow-in-lg-toall:hover>*,.shadow-in-lg-toone>:focus,.shadow-in-lg-toone>:hover,:focus>.shadow-in-lg-into,:hover>.shadow-in-lg-into{box-shadow:inset var(--shadow-lg)}.shadow-blur,.shadow-blur-global>*,.shadow-blur-onto:focus,.shadow-blur-onto:hover,.shadow-blur-toall:focus>*,.shadow-blur-toall:hover>*,.shadow-blur-toone>:focus,.shadow-blur-toone>:hover,:focus>.shadow-blur-into,:hover>.shadow-blur-into{box-shadow:var(--shadow-blur)}.shadow-in-blur,.shadow-in-blur-global>*,.shadow-in-blur-onto:focus,.shadow-in-blur-onto:hover,.shadow-in-blur-toall:focus>*,.shadow-in-blur-toall:hover>*,.shadow-in-blur-toone>:focus,.shadow-in-blur-toone>:hover,:focus>.shadow-in-blur-into,:hover>.shadow-in-blur-into{box-shadow:inset var(--shadow-blur)}.shadow-blur-sm,.shadow-blur-sm-global>*,.shadow-blur-sm-onto:focus,.shadow-blur-sm-onto:hover,.shadow-blur-sm-toall:focus>*,.shadow-blur-sm-toall:hover>*,.shadow-blur-sm-toone>:focus,.shadow-blur-sm-toone>:hover,:focus>.shadow-blur-sm-into,:hover>.shadow-blur-sm-into{box-shadow:var(--shadow-blur-sm)}.shadow-in-blur-sm,.shadow-in-blur-sm-global>*,.shadow-in-blur-sm-onto:focus,.shadow-in-blur-sm-onto:hover,.shadow-in-blur-sm-toall:focus>*,.shadow-in-blur-sm-toall:hover>*,.shadow-in-blur-sm-toone>:focus,.shadow-in-blur-sm-toone>:hover,:focus>.shadow-in-blur-sm-into,:hover>.shadow-in-blur-sm-into{box-shadow:inset var(--shadow-blur-sm)}.shadow-blur-md,.shadow-blur-md-global>*,.shadow-blur-md-onto:focus,.shadow-blur-md-onto:hover,.shadow-blur-md-toall:focus>*,.shadow-blur-md-toall:hover>*,.shadow-blur-md-toone>:focus,.shadow-blur-md-toone>:hover,:focus>.shadow-blur-md-into,:hover>.shadow-blur-md-into{box-shadow:var(--shadow-blur-md)}.shadow-in-blur-md,.shadow-in-blur-md-global>*,.shadow-in-blur-md-onto:focus,.shadow-in-blur-md-onto:hover,.shadow-in-blur-md-toall:focus>*,.shadow-in-blur-md-toall:hover>*,.shadow-in-blur-md-toone>:focus,.shadow-in-blur-md-toone>:hover,:focus>.shadow-in-blur-md-into,:hover>.shadow-in-blur-md-into{box-shadow:inset var(--shadow-blur-md)}.shadow-blur-lg,.shadow-blur-lg-global>*,.shadow-blur-lg-onto:focus,.shadow-blur-lg-onto:hover,.shadow-blur-lg-toall:focus>*,.shadow-blur-lg-toall:hover>*,.shadow-blur-lg-toone>:focus,.shadow-blur-lg-toone>:hover,:focus>.shadow-blur-lg-into,:hover>.shadow-blur-lg-into{box-shadow:var(--shadow-blur-lg)}.shadow-in-blur-lg,.shadow-in-blur-lg-global>*,.shadow-in-blur-lg-onto:focus,.shadow-in-blur-lg-onto:hover,.shadow-in-blur-lg-toall:focus>*,.shadow-in-blur-lg-toall:hover>*,.shadow-in-blur-lg-toone>:focus,.shadow-in-blur-lg-toone>:hover,:focus>.shadow-in-blur-lg-into,:hover>.shadow-in-blur-lg-into{box-shadow:inset var(--shadow-blur-lg)}.shadow-spread,.shadow-spread-global>*,.shadow-spread-onto:focus,.shadow-spread-onto:hover,.shadow-spread-toall:focus>*,.shadow-spread-toall:hover>*,.shadow-spread-toone>:focus,.shadow-spread-toone>:hover,:focus>.shadow-spread-into,:hover>.shadow-spread-into{box-shadow:var(--shadow-spread)}.shadow-in-spread,.shadow-in-spread-global>*,.shadow-in-spread-onto:focus,.shadow-in-spread-onto:hover,.shadow-in-spread-toall:focus>*,.shadow-in-spread-toall:hover>*,.shadow-in-spread-toone>:focus,.shadow-in-spread-toone>:hover,:focus>.shadow-in-spread-into,:hover>.shadow-in-spread-into{box-shadow:inset var(--shadow-spread)}.shadow-spread-sm,.shadow-spread-sm-global>*,.shadow-spread-sm-onto:focus,.shadow-spread-sm-onto:hover,.shadow-spread-sm-toall:focus>*,.shadow-spread-sm-toall:hover>*,.shadow-spread-sm-toone>:focus,.shadow-spread-sm-toone>:hover,:focus>.shadow-spread-sm-into,:hover>.shadow-spread-sm-into{box-shadow:var(--shadow-spread-sm)}.shadow-in-spread-sm,.shadow-in-spread-sm-global>*,.shadow-in-spread-sm-onto:focus,.shadow-in-spread-sm-onto:hover,.shadow-in-spread-sm-toall:focus>*,.shadow-in-spread-sm-toall:hover>*,.shadow-in-spread-sm-toone>:focus,.shadow-in-spread-sm-toone>:hover,:focus>.shadow-in-spread-sm-into,:hover>.shadow-in-spread-sm-into{box-shadow:inset var(--shadow-spread-sm)}.shadow-spread-md,.shadow-spread-md-global>*,.shadow-spread-md-onto:focus,.shadow-spread-md-onto:hover,.shadow-spread-md-toall:focus>*,.shadow-spread-md-toall:hover>*,.shadow-spread-md-toone>:focus,.shadow-spread-md-toone>:hover,:focus>.shadow-spread-md-into,:hover>.shadow-spread-md-into{box-shadow:var(--shadow-spread-md)}.shadow-in-spread-md,.shadow-in-spread-md-global>*,.shadow-in-spread-md-onto:focus,.shadow-in-spread-md-onto:hover,.shadow-in-spread-md-toall:focus>*,.shadow-in-spread-md-toall:hover>*,.shadow-in-spread-md-toone>:focus,.shadow-in-spread-md-toone>:hover,:focus>.shadow-in-spread-md-into,:hover>.shadow-in-spread-md-into{box-shadow:inset var(--shadow-spread-md)}.shadow-spread-lg,.shadow-spread-lg-global>*,.shadow-spread-lg-onto:focus,.shadow-spread-lg-onto:hover,.shadow-spread-lg-toall:focus>*,.shadow-spread-lg-toall:hover>*,.shadow-spread-lg-toone>:focus,.shadow-spread-lg-toone>:hover,:focus>.shadow-spread-lg-into,:hover>.shadow-spread-lg-into{box-shadow:var(--shadow-spread-lg)}.shadow-in-spread-lg,.shadow-in-spread-lg-global>*,.shadow-in-spread-lg-onto:focus,.shadow-in-spread-lg-onto:hover,.shadow-in-spread-lg-toall:focus>*,.shadow-in-spread-lg-toall:hover>*,.shadow-in-spread-lg-toone>:focus,.shadow-in-spread-lg-toone>:hover,:focus>.shadow-in-spread-lg-into,:hover>.shadow-in-spread-lg-into{box-shadow:inset var(--shadow-spread-lg)}[class*=anima]{-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration)}.anima-slideT,.anima-slideT-global>*,.anima-slideT-onto:focus,.anima-slideT-onto:hover,.anima-slideT-toall:focus>*,.anima-slideT-toall:hover>*,.anima-slideT-toone>:focus,.anima-slideT-toone>:hover,:focus>.anima-slideT-into,:hover>.anima-slideT-into{-webkit-animation-name:slideT;animation-name:slideT}.anima-slideR,.anima-slideR-global>*,.anima-slideR-onto:focus,.anima-slideR-onto:hover,.anima-slideR-toall:focus>*,.anima-slideR-toall:hover>*,.anima-slideR-toone>:focus,.anima-slideR-toone>:hover,:focus>.anima-slideR-into,:hover>.anima-slideR-into{-webkit-animation-name:slideR;animation-name:slideR}.anima-slideB,.anima-slideB-global>*,.anima-slideB-onto:focus,.anima-slideB-onto:hover,.anima-slideB-toall:focus>*,.anima-slideB-toall:hover>*,.anima-slideB-toone>:focus,.anima-slideB-toone>:hover,:focus>.anima-slideB-into,:hover>.anima-slideB-into{-webkit-animation-name:slideB;animation-name:slideB}.anima-slideL,.anima-slideL-global>*,.anima-slideL-onto:focus,.anima-slideL-onto:hover,.anima-slideL-toall:focus>*,.anima-slideL-toall:hover>*,.anima-slideL-toone>:focus,.anima-slideL-toone>:hover,:focus>.anima-slideL-into,:hover>.anima-slideL-into{-webkit-animation-name:slideL;animation-name:slideL}.anima-turn,.anima-turn-global>*,.anima-turn-onto:focus,.anima-turn-onto:hover,.anima-turn-toall:focus>*,.anima-turn-toall:hover>*,.anima-turn-toone>:focus,.anima-turn-toone>:hover,:focus>.anima-turn-into,:hover>.anima-turn-into{-webkit-animation-name:turn;animation-name:turn}.anima-turnX,.anima-turnX-global>*,.anima-turnX-onto:focus,.anima-turnX-onto:hover,.anima-turnX-toall:focus>*,.anima-turnX-toall:hover>*,.anima-turnX-toone>:focus,.anima-turnX-toone>:hover,:focus>.anima-turnX-into,:hover>.anima-turnX-into{-webkit-animation-name:turnX;animation-name:turnX}.anima-turnY,.anima-turnY-global>*,.anima-turnY-onto:focus,.anima-turnY-onto:hover,.anima-turnY-toall:focus>*,.anima-turnY-toall:hover>*,.anima-turnY-toone>:focus,.anima-turnY-toone>:hover,:focus>.anima-turnY-into,:hover>.anima-turnY-into{-webkit-animation-name:turnY;animation-name:turnY}.anima-turnXY,.anima-turnXY-global>*,.anima-turnXY-onto:focus,.anima-turnXY-onto:hover,.anima-turnXY-toall:focus>*,.anima-turnXY-toall:hover>*,.anima-turnXY-toone>:focus,.anima-turnXY-toone>:hover,:focus>.anima-turnXY-into,:hover>.anima-turnXY-into{-webkit-animation-name:turnXY;animation-name:turnXY}.anima-turnXZ,.anima-turnXZ-global>*,.anima-turnXZ-onto:focus,.anima-turnXZ-onto:hover,.anima-turnXZ-toall:focus>*,.anima-turnXZ-toall:hover>*,.anima-turnXZ-toone>:focus,.anima-turnXZ-toone>:hover,:focus>.anima-turnXZ-into,:hover>.anima-turnXZ-into{-webkit-animation-name:turnXZ;animation-name:turnXZ}.anima-turnYZ,.anima-turnYZ-global>*,.anima-turnYZ-onto:focus,.anima-turnYZ-onto:hover,.anima-turnYZ-toall:focus>*,.anima-turnYZ-toall:hover>*,.anima-turnYZ-toone>:focus,.anima-turnYZ-toone>:hover,:focus>.anima-turnYZ-into,:hover>.anima-turnYZ-into{-webkit-animation-name:turnYZ;animation-name:turnYZ}.anima-turn3D,.anima-turn3D-global>*,.anima-turn3D-onto:focus,.anima-turn3D-onto:hover,.anima-turn3D-toall:focus>*,.anima-turn3D-toall:hover>*,.anima-turn3D-toone>:focus,.anima-turn3D-toone>:hover,:focus>.anima-turn3D-into,:hover>.anima-turn3D-into{-webkit-animation-name:turn3D;animation-name:turn3D}.anima-bounce,.anima-bounce-global>*,.anima-bounce-onto:focus,.anima-bounce-onto:hover,.anima-bounce-toall:focus>*,.anima-bounce-toall:hover>*,.anima-bounce-toone>:focus,.anima-bounce-toone>:hover,:focus>.anima-bounce-into,:hover>.anima-bounce-into{-webkit-animation-name:bounce;animation-name:bounce}.anima-grow,.anima-grow-global>*,.anima-grow-onto:focus,.anima-grow-onto:hover,.anima-grow-toall:focus>*,.anima-grow-toall:hover>*,.anima-grow-toone>:focus,.anima-grow-toone>:hover,:focus>.anima-grow-into,:hover>.anima-grow-into{-webkit-animation-name:grow;animation-name:grow}.anima-shrink,.anima-shrink-global>*,.anima-shrink-onto:focus,.anima-shrink-onto:hover,.anima-shrink-toall:focus>*,.anima-shrink-toall:hover>*,.anima-shrink-toone>:focus,.anima-shrink-toone>:hover,:focus>.anima-shrink-into,:hover>.anima-shrink-into{-webkit-animation-name:shrink;animation-name:shrink}.anima-flipX,.anima-flipX-global>*,.anima-flipX-onto:focus,.anima-flipX-onto:hover,.anima-flipX-toall:focus>*,.anima-flipX-toall:hover>*,.anima-flipX-toone>:focus,.anima-flipX-toone>:hover,:focus>.anima-flipX-into,:hover>.anima-flipX-into{-webkit-animation-name:flipX;animation-name:flipX}.anima-flipY,.anima-flipY-global>*,.anima-flipY-onto:focus,.anima-flipY-onto:hover,.anima-flipY-toall:focus>*,.anima-flipY-toall:hover>*,.anima-flipY-toone>:focus,.anima-flipY-toone>:hover,:focus>.anima-flipY-into,:hover>.anima-flipY-into{-webkit-animation-name:flipY;animation-name:flipY}.anima-openX,.anima-openX-global>*,.anima-openX-onto:focus,.anima-openX-onto:hover,.anima-openX-toall:focus>*,.anima-openX-toall:hover>*,.anima-openX-toone>:focus,.anima-openX-toone>:hover,:focus>.anima-openX-into,:hover>.anima-openX-into{-webkit-animation-name:openX;animation-name:openX}.anima-openY,.anima-openY-global>*,.anima-openY-onto:focus,.anima-openY-onto:hover,.anima-openY-toall:focus>*,.anima-openY-toall:hover>*,.anima-openY-toone>:focus,.anima-openY-toone>:hover,:focus>.anima-openY-into,:hover>.anima-openY-into{-webkit-animation-name:openY;animation-name:openY}.anima-flipperX,.anima-flipperX-global>*,.anima-flipperX-onto:focus,.anima-flipperX-onto:hover,.anima-flipperX-toall:focus>*,.anima-flipperX-toall:hover>*,.anima-flipperX-toone>:focus,.anima-flipperX-toone>:hover,:focus>.anima-flipperX-into,:hover>.anima-flipperX-into{-webkit-animation-name:flipperX;animation-name:flipperX}.anima-flipperY,.anima-flipperY-global>*,.anima-flipperY-onto:focus,.anima-flipperY-onto:hover,.anima-flipperY-toall:focus>*,.anima-flipperY-toall:hover>*,.anima-flipperY-toone>:focus,.anima-flipperY-toone>:hover,:focus>.anima-flipperY-into,:hover>.anima-flipperY-into{-webkit-animation-name:flipperY;animation-name:flipperY}.anima-twistT,.anima-twistT-global>*,.anima-twistT-onto:focus,.anima-twistT-onto:hover,.anima-twistT-toall:focus>*,.anima-twistT-toall:hover>*,.anima-twistT-toone>:focus,.anima-twistT-toone>:hover,:focus>.anima-twistT-into,:hover>.anima-twistT-into{-webkit-animation-name:twistT;animation-name:twistT}.anima-twistR,.anima-twistR-global>*,.anima-twistR-onto:focus,.anima-twistR-onto:hover,.anima-twistR-toall:focus>*,.anima-twistR-toall:hover>*,.anima-twistR-toone>:focus,.anima-twistR-toone>:hover,:focus>.anima-twistR-into,:hover>.anima-twistR-into{-webkit-animation-name:twistR;animation-name:twistR}.anima-twistB,.anima-twistB-global>*,.anima-twistB-onto:focus,.anima-twistB-onto:hover,.anima-twistB-toall:focus>*,.anima-twistB-toall:hover>*,.anima-twistB-toone>:focus,.anima-twistB-toone>:hover,:focus>.anima-twistB-into,:hover>.anima-twistB-into{-webkit-animation-name:twistB;animation-name:twistB}.anima-twistL,.anima-twistL-global>*,.anima-twistL-onto:focus,.anima-twistL-onto:hover,.anima-twistL-toall:focus>*,.anima-twistL-toall:hover>*,.anima-twistL-toone>:focus,.anima-twistL-toone>:hover,:focus>.anima-twistL-into,:hover>.anima-twistL-into{-webkit-animation-name:twistL;animation-name:twistL}.anima-sm{-webkit-animation-duration:var(--animation-duration-sm);animation-duration:var(--animation-duration-sm)}.anima-md{-webkit-animation-duration:var(--animation-duration-md);animation-duration:var(--animation-duration-md)}.anima-lg{-webkit-animation-duration:var(--animation-duration-lg);animation-duration:var(--animation-duration-lg)}.anima-linear{-webkit-animation-timing-function:var(--animation-timing-function-linear);animation-timing-function:var(--animation-timing-function-linear)}.anima-in{-webkit-animation-timing-function:var(--animation-timing-function-in);animation-timing-function:var(--animation-timing-function-in)}.anima-out{-webkit-animation-timing-function:var(--animation-timing-function-out);animation-timing-function:var(--animation-timing-function-out)}.anima-inout{-webkit-animation-timing-function:var(--animation-timing-function-inout);animation-timing-function:var(--animation-timing-function-inout)}.anima-start{-webkit-animation-timing-function:var(--animation-timing-function-start);animation-timing-function:var(--animation-timing-function-start)}.anima-end{-webkit-animation-timing-function:var(--animation-timing-function-end);animation-timing-function:var(--animation-timing-function-end)}.anima-few{-webkit-animation-iteration-count:var(--animation-iteration-count-few);animation-iteration-count:var(--animation-iteration-count-few)}.anima-many{-webkit-animation-iteration-count:var(--animation-iteration-count-many);animation-iteration-count:var(--animation-iteration-count-many)}.anima-loop{-webkit-animation-iteration-count:var(--animation-iteration-count-loop);animation-iteration-count:var(--animation-iteration-count-loop)}.anima-min{-webkit-animation-delay:var(--animation-delay-min);animation-delay:var(--animation-delay-min)}.anima-max{-webkit-animation-delay:var(--animation-delay-max);animation-delay:var(--animation-delay-max)}.anima-alt{-webkit-animation-direction:alternate;animation-direction:alternate}.anima-rev{animation-direction:reverse}.anima-altrev{animation-direction:alternate-reverse}.cell,.global-cell *{cursor:cell}.cross,.global-cross *{cursor:crosshair}.global-hand *,.hand{cursor:pointer}.global-help *,.help{cursor:help}.global-move *,.move{cursor:move}.global-none *,.none{cursor:not-allowed}.global-text *,.text{cursor:text} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index ef4ab70..daedc84 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "animadio", - "version": "5.0.3", + "version": "5.0.4", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "animadio", - "version": "5.0.3", + "version": "5.0.4", "license": "MIT", "devDependencies": { "autoprefixer": "^9.8.8", @@ -276,9 +276,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.4.122", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.122.tgz", - "integrity": "sha512-VuLNxTIt8sBWIT2sd186xPd18Y8KcK8myLd9nMdSJOYZwFUxxbLVmX/T1VX+qqaytRlrYYQv39myxJdXtu7Ysw==", + "version": "1.4.123", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.123.tgz", + "integrity": "sha512-0pHGE53WkYoFbsgwYcVKEpWa6jbzlvkohIEA2CUoZ9b5KC+w/zlMiQHvW/4IBcOh7YoEFqRNavgTk02TBoUTUw==", "dev": true }, "node_modules/escalade": { @@ -1742,9 +1742,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.4.122", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.122.tgz", - "integrity": "sha512-VuLNxTIt8sBWIT2sd186xPd18Y8KcK8myLd9nMdSJOYZwFUxxbLVmX/T1VX+qqaytRlrYYQv39myxJdXtu7Ysw==", + "version": "1.4.123", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.123.tgz", + "integrity": "sha512-0pHGE53WkYoFbsgwYcVKEpWa6jbzlvkohIEA2CUoZ9b5KC+w/zlMiQHvW/4IBcOh7YoEFqRNavgTk02TBoUTUw==", "dev": true }, "escalade": { diff --git a/package.json b/package.json index 00e5381..2dbc43e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "animadio", - "version": "5.0.3", + "version": "5.0.4", "description": "Animadio Framework - Grid & Flexbox Layouts - Reusable & Customizable Elements - Perform Complex Animations - Controls by Radio Buttons", "keywords": [ "css framework", diff --git a/src/scss/_classes.scss b/src/scss/_classes.scss index 11da946..b1192b9 100644 --- a/src/scss/_classes.scss +++ b/src/scss/_classes.scss @@ -83,7 +83,7 @@ } } -/********** PLACE CONTENT **********/ +/********** PLACE **********/ @each $key, $value in $place-content { @include place-content($key, "", $value); } @@ -96,7 +96,6 @@ } } -/********** PLACE ITEMS **********/ @each $key, $value in $place-items { @include place-items($key, "", $value); } @@ -109,7 +108,6 @@ } } -/********** PLACE SELF **********/ @each $key, $value in $place-self { @include place-self($key, "", $value); } @@ -192,7 +190,7 @@ /********** HEIGHT **********/ @each $key, $value in $height { - @include helpers("height-#{$key}", "height", "var(--height-#{$key})"); + @include global("height-#{$key}", "height", "var(--height-#{$key})"); } @each $key, $value in $max-height { @@ -205,7 +203,7 @@ /********** WIDTH **********/ @each $key, $value in $width { - @include helpers("width-#{$key}", "width", "var(--width-#{$key})"); + @include global("width-#{$key}", "width", "var(--width-#{$key})"); } @each $key, $value in $max-width { @@ -236,7 +234,6 @@ @include helpers("trans-#{$key}", "text-transform", $value); } -/********** TEXT DECORATION **********/ @each $key, $value in $text-decoration-line { @include helpers("deco-#{$key}", "text-decoration-line", $value); } @@ -256,7 +253,6 @@ } } -/********** BACKGROUND COLOR **********/ @each $colors in $base-colors { @each $key, $value in $colors { @include helpers("bg-#{$key}", "background-color", "var(--#{$key})"); @@ -265,10 +261,10 @@ } } -/********** BOX SHADOW **********/ +/********** SHADOW **********/ @each $key, $value in $box-shadow { - @include helpers("shabox-#{$key}", "box-shadow", "var(--box-shadow-#{$key})"); - @include helpers("shabox-in-#{$key}", "box-shadow", "inset var(--box-shadow-#{$key})"); + @include helpers("shadow-#{$key}", "box-shadow", "var(--shadow-#{$key})"); + @include helpers("shadow-in-#{$key}", "box-shadow", "inset var(--shadow-#{$key})"); } /********** ANIMATION **********/ diff --git a/src/scss/_maps.scss b/src/scss/_maps.scss index 901d6d6..8144a61 100644 --- a/src/scss/_maps.scss +++ b/src/scss/_maps.scss @@ -326,7 +326,7 @@ $text-decoration-style: ( "wavy": wavy ) !default; -// ********** BOX-SHADOW ********** +// ********** SHADOW ********** $box-shadow: ( "sm": 1px 1px, "md": 2px 2px, diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss index eb2a1fd..9c9a62e 100644 --- a/src/scss/_mixins.scss +++ b/src/scss/_mixins.scss @@ -35,19 +35,19 @@ } } -@mixin place-content($key, $type: "", $value: var(--place-content-#{$key})) { +@mixin place-content($key, $type, $value) { .content-#{$key}#{$type} { place-content: #{$value}; } } -@mixin place-items($key, $type: "", $value: var(--place-items-#{$key})) { +@mixin place-items($key, $type, $value) { .items-#{$key}#{$type} { place-items: #{$value}; } } -@mixin place-self($key, $type: "", $value: var(--place-self-#{$key})) { +@mixin place-self($key, $type, $value) { .self-#{$key}#{$type} { place-self: #{$value}; } diff --git a/src/scss/_vars.scss b/src/scss/_vars.scss index b826620..31052b5 100644 --- a/src/scss/_vars.scss +++ b/src/scss/_vars.scss @@ -225,10 +225,10 @@ button, } } -/********** BOX SHADOW **********/ -[class*="shabox-"] { +/********** SHADOW **********/ +[class*="shadow-"] { @each $key, $value in $box-shadow { - --box-shadow-#{$key}: #{$value}; + --shadow-#{$key}: #{$value}; } }