/* Moxi Sticker animated logo — styles */
@keyframes nw0{0.0%{stroke:transparent}7.143%{stroke:#3D5A80}14.286%{stroke:#2A9D8F}21.429%{stroke:#6A994E}28.571%{stroke:#A7C957}35.714%{stroke:#E9C46A}42.857%{stroke:#9B2226}50.0%{stroke:#E07A5F}57.143%{stroke:#8E5572}64.286%{stroke:#3D5A80}71.429%{stroke:#2A9D8F}78.571%{stroke:#6A994E}85.714%{stroke:#A7C957}92.857%{stroke:#E9C46A}100.0%{stroke:#FFF8EC}}
@keyframes nw1{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:#3D5A80}21.429%{stroke:#2A9D8F}28.571%{stroke:#6A994E}35.714%{stroke:#A7C957}42.857%{stroke:#E9C46A}50.0%{stroke:#9B2226}57.143%{stroke:#E07A5F}64.286%{stroke:#8E5572}71.429%{stroke:#3D5A80}78.571%{stroke:#2A9D8F}85.714%{stroke:#6A994E}92.857%{stroke:#A7C957}100.0%{stroke:#E9C46A}}
@keyframes nw2{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:#3D5A80}28.571%{stroke:#2A9D8F}35.714%{stroke:#6A994E}42.857%{stroke:#A7C957}50.0%{stroke:#E9C46A}57.143%{stroke:#9B2226}64.286%{stroke:#E07A5F}71.429%{stroke:#8E5572}78.571%{stroke:#3D5A80}85.714%{stroke:#2A9D8F}92.857%{stroke:#6A994E}100.0%{stroke:#A7C957}}
@keyframes nw3{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:transparent}28.571%{stroke:#3D5A80}35.714%{stroke:#2A9D8F}42.857%{stroke:#6A994E}50.0%{stroke:#A7C957}57.143%{stroke:#E9C46A}64.286%{stroke:#9B2226}71.429%{stroke:#E07A5F}78.571%{stroke:#8E5572}85.714%{stroke:#3D5A80}92.857%{stroke:#2A9D8F}100.0%{stroke:#6A994E}}
@keyframes nw4{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:transparent}28.571%{stroke:transparent}35.714%{stroke:#3D5A80}42.857%{stroke:#2A9D8F}50.0%{stroke:#6A994E}57.143%{stroke:#A7C957}64.286%{stroke:#E9C46A}71.429%{stroke:#9B2226}78.571%{stroke:#E07A5F}85.714%{stroke:#8E5572}92.857%{stroke:#3D5A80}100.0%{stroke:#2A9D8F}}
@keyframes nw5{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:transparent}28.571%{stroke:transparent}35.714%{stroke:transparent}42.857%{stroke:#3D5A80}50.0%{stroke:#2A9D8F}57.143%{stroke:#6A994E}64.286%{stroke:#A7C957}71.429%{stroke:#E9C46A}78.571%{stroke:#9B2226}85.714%{stroke:#E07A5F}92.857%{stroke:#8E5572}100.0%{stroke:#3D5A80}}
@keyframes nw6{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:transparent}28.571%{stroke:transparent}35.714%{stroke:transparent}42.857%{stroke:transparent}50.0%{stroke:#3D5A80}57.143%{stroke:#2A9D8F}64.286%{stroke:#6A994E}71.429%{stroke:#A7C957}78.571%{stroke:#E9C46A}85.714%{stroke:#9B2226}92.857%{stroke:#E07A5F}100.0%{stroke:#8E5572}}
@keyframes nw7{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:transparent}28.571%{stroke:transparent}35.714%{stroke:transparent}42.857%{stroke:transparent}50.0%{stroke:transparent}57.143%{stroke:#3D5A80}64.286%{stroke:#2A9D8F}71.429%{stroke:#6A994E}78.571%{stroke:#A7C957}85.714%{stroke:#E9C46A}92.857%{stroke:#9B2226}100.0%{stroke:#E07A5F}}
@keyframes nw8{0.0%{stroke:transparent}7.143%{stroke:transparent}14.286%{stroke:transparent}21.429%{stroke:transparent}28.571%{stroke:transparent}35.714%{stroke:transparent}42.857%{stroke:transparent}50.0%{stroke:transparent}57.143%{stroke:transparent}64.286%{stroke:#3D5A80}71.429%{stroke:#2A9D8F}78.571%{stroke:#6A994E}85.714%{stroke:#A7C957}92.857%{stroke:#E9C46A}100.0%{stroke:#9B2226}}
@keyframes nw8f{0.0%{fill:transparent}7.143%{fill:transparent}14.286%{fill:transparent}21.429%{fill:transparent}28.571%{fill:transparent}35.714%{fill:transparent}42.857%{fill:transparent}50.0%{fill:transparent}57.143%{fill:transparent}64.286%{fill:#3D5A80}71.429%{fill:#2A9D8F}78.571%{fill:#6A994E}85.714%{fill:#A7C957}92.857%{fill:#E9C46A}100.0%{fill:#9B2226}}
.nw{animation-duration:1.4s;animation-timing-function:linear;animation-delay:0.4s;animation-fill-mode:both;animation-iteration-count:1}
.nw0{animation-name:nw0}.nw1{animation-name:nw1}.nw2{animation-name:nw2}.nw3{animation-name:nw3}.nw4{animation-name:nw4}.nw5{animation-name:nw5}.nw6{animation-name:nw6}.nw7{animation-name:nw7}.nw8{animation-name:nw8}.nw8f{animation-name:nw8f}
@keyframes moxiTrail{0%{transform:translate(0,0);opacity:0.95}100%{transform:translate(-44px,44px);opacity:0}}
.moxi-trail{position:absolute;left:0;top:0;opacity:0;animation:moxiTrail 4.8s linear infinite}
@keyframes moxiE0{0%{color:#2B4BFF}8.33%{color:#FF3D7F}16.66%{color:#00C8FF}25%{color:#2B4BFF}33.33%{color:#FF3D7F}41.66%{color:#00C8FF}50%{color:#FF3D7F}58.33%{color:#FF781E}66.66%{color:#00C8FF}75%{color:#FF3D7F}83.33%{color:#FF3D7F}91.66%{color:#2B4BFF}100%{color:#2B4BFF}}
@keyframes moxiE1{0%{color:#00BE8C}8.33%{color:#FFC800}16.66%{color:#FFC800}25%{color:#FFC800}33.33%{color:#2B4BFF}41.66%{color:#FFC800}50%{color:#FFC800}58.33%{color:#FFC800}66.66%{color:#FFC800}75%{color:#2B4BFF}83.33%{color:#FFC800}91.66%{color:#00BE8C}100%{color:#00BE8C}}
@keyframes moxiE2{0%{color:#FF3D7F}8.33%{color:#00C8FF}16.66%{color:#FF3D7F}25%{color:#00BE8C}33.33%{color:#FFC800}41.66%{color:#2B4BFF}50%{color:#2B4BFF}58.33%{color:#FF3D7F}66.66%{color:#00BE8C}75%{color:#9650FF}83.33%{color:#9650FF}91.66%{color:#9650FF}100%{color:#FF3D7F}}
.moxi-trail:nth-child(1){animation:moxiTrail 4.8s linear 0s infinite,moxiE0 512s linear 0s infinite}
.moxi-trail:nth-child(2){animation:moxiTrail 4.8s linear 0.533s infinite,moxiE1 512s linear 0s infinite}
.moxi-trail:nth-child(3){animation:moxiTrail 4.8s linear 1.067s infinite,moxiE2 512s linear 0s infinite}
.moxi-trail:nth-child(4){animation:moxiTrail 4.8s linear 1.6s infinite,moxiE0 512s linear 0s infinite}
.moxi-trail:nth-child(5){animation:moxiTrail 4.8s linear 2.133s infinite,moxiE1 512s linear 0s infinite}
.moxi-trail:nth-child(6){animation:moxiTrail 4.8s linear 2.667s infinite,moxiE2 512s linear 0s infinite}
.moxi-trail:nth-child(7){animation:moxiTrail 4.8s linear 3.2s infinite,moxiE0 512s linear 0s infinite}
.moxi-trail:nth-child(8){animation:moxiTrail 4.8s linear 3.733s infinite,moxiE1 512s linear 0s infinite}
.moxi-trail:nth-child(9){animation:moxiTrail 4.8s linear 4.267s infinite,moxiE2 512s linear 0s infinite}
@keyframes moxiRush{0%{transform:translate(0,0);opacity:0.9}100%{transform:translate(-44px,44px);opacity:0}}
.moxi-rush-wrap{position:absolute;left:0;top:0}
.moxi-rush{position:absolute;left:0;top:0;opacity:0}
.moxi-rush:nth-child(1){animation:moxiRush 0.45s linear 0s both;color:hsl(0,95%,60%)}
.moxi-rush:nth-child(2){animation:moxiRush 0.55s linear 0.05s both;color:hsl(28,98%,56%)}
.moxi-rush:nth-child(3){animation:moxiRush 0.65s linear 0.1s both;color:hsl(50,100%,52%)}
.moxi-rush:nth-child(4){animation:moxiRush 0.78s linear 0.16s both;color:hsl(85,85%,48%)}
.moxi-rush:nth-child(5){animation:moxiRush 0.92s linear 0.22s both;color:hsl(140,80%,45%)}
.moxi-rush:nth-child(6){animation:moxiRush 1.08s linear 0.29s both;color:hsl(170,90%,42%)}
.moxi-rush:nth-child(7){animation:moxiRush 1.26s linear 0.37s both;color:hsl(192,100%,50%)}
.moxi-rush:nth-child(8){animation:moxiRush 1.46s linear 0.46s both;color:hsl(215,100%,58%)}
.moxi-rush:nth-child(9){animation:moxiRush 1.7s linear 0.56s both;color:hsl(240,90%,64%)}
.moxi-rush:nth-child(10){animation:moxiRush 1.96s linear 0.67s both;color:hsl(265,90%,64%)}
.moxi-rush:nth-child(11){animation:moxiRush 2.26s linear 0.8s both;color:hsl(290,85%,60%)}
.moxi-rush:nth-child(12){animation:moxiRush 2.6s linear 0.94s both;color:hsl(315,90%,60%)}
.moxi-rush:nth-child(13){animation:moxiRush 2.98s linear 1.1s both;color:hsl(338,95%,60%)}
.moxi-rush:nth-child(14){animation:moxiRush 3.4s linear 1.28s both;color:hsl(355,95%,62%)}
@media (prefers-reduced-motion: reduce){.nw{animation-duration:1ms;animation-delay:0s}.moxi-trail,.moxi-rush-wrap{display:none}}

/* "Animated homepage logo": the header badge, its color drifting slowly. */
@keyframes moxiColors{0%{fill:#FF5A1F}8.33%{fill:#2B4BFF}16.66%{fill:#7B3FF2}25%{fill:#FF3D7F}33.33%{fill:#0FA36B}41.66%{fill:#E8322B}50%{fill:#00A3A3}58.33%{fill:#1F2A6B}66.66%{fill:#C21FC2}75%{fill:#5FAE00}83.33%{fill:#1E9BF0}91.66%{fill:#FF6B57}100%{fill:#FF5A1F}}
.moxi-badge{animation:moxiColors 512s linear infinite}

/* "Nested m - color test": the hero's bands. Held still, they move only while the mouse is over the sticker. */
@keyframes nb1{0%{stroke:#E9C46A}16.66%{stroke:#F4A261}33.33%{stroke:#D1495B}50%{stroke:#4CC9F0}66.66%{stroke:#A7C957}83.33%{stroke:#FFD166}100%{stroke:#E9C46A}}
@keyframes nb2{0%{stroke:#A7C957}16.66%{stroke:#2A9D8F}33.33%{stroke:#E9C46A}50%{stroke:#E07A5F}66.66%{stroke:#8E5572}83.33%{stroke:#4CC9F0}100%{stroke:#A7C957}}
@keyframes nb3{0%{stroke:#6A994E}16.66%{stroke:#3D5A80}33.33%{stroke:#F4A261}50%{stroke:#9B2226}66.66%{stroke:#2A9D8F}83.33%{stroke:#E9C46A}100%{stroke:#6A994E}}
@keyframes nb4{0%{stroke:#2A9D8F}16.66%{stroke:#8E5572}33.33%{stroke:#FFD166}50%{stroke:#3D5A80}66.66%{stroke:#E07A5F}83.33%{stroke:#A7C957}100%{stroke:#2A9D8F}}
@keyframes nb5{0%{stroke:#3D5A80}16.66%{stroke:#E07A5F}33.33%{stroke:#6A994E}50%{stroke:#D1495B}66.66%{stroke:#4CC9F0}83.33%{stroke:#8E5572}100%{stroke:#3D5A80}}
@keyframes nb6{0%{stroke:#8E5572}16.66%{stroke:#FFD166}33.33%{stroke:#2A9D8F}50%{stroke:#E9C46A}66.66%{stroke:#9B2226}83.33%{stroke:#3D5A80}100%{stroke:#8E5572}}
@keyframes nb7{0%{stroke:#E07A5F}16.66%{stroke:#4CC9F0}33.33%{stroke:#8E5572}50%{stroke:#6A994E}66.66%{stroke:#F4A261}83.33%{stroke:#2A9D8F}100%{stroke:#E07A5F}}
@keyframes nb8{0%{stroke:#9B2226}16.66%{stroke:#A7C957}33.33%{stroke:#3D5A80}50%{stroke:#F4A261}66.66%{stroke:#6A994E}83.33%{stroke:#D1495B}100%{stroke:#9B2226}}
@keyframes nb8f{0%{fill:#9B2226}16.66%{fill:#A7C957}33.33%{fill:#3D5A80}50%{fill:#F4A261}66.66%{fill:#6A994E}83.33%{fill:#D1495B}100%{fill:#9B2226}}
.nb{animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.nb1{animation-name:nb1;animation-duration:2s}.nb2{animation-name:nb2;animation-duration:2.8s}.nb3{animation-name:nb3;animation-duration:3.6s}.nb4{animation-name:nb4;animation-duration:4.5s}.nb5{animation-name:nb5;animation-duration:5.3s}.nb6{animation-name:nb6;animation-duration:6.3s}.nb7{animation-name:nb7;animation-duration:7.3s}.nb8{animation-name:nb8;animation-duration:8.6s}.nb8f{animation-name:nb8f;animation-duration:8.6s}
.moxi-peel:hover .nb{animation-play-state:running}
@media (prefers-reduced-motion: reduce){.moxi-badge,.nb{animation:none}}
