.wwv{--v-cream: #FFF6EC;--v-lilac: #CDB5D6;--v-peach: #EBA774;--v-line: rgba(255, 246, 236, .22);display:grid;place-items:center;align-content:center;gap:9px;width:100%;height:var(--wwv-h, 76px);color:var(--v-cream)}.wwv-eq{display:flex;align-items:center;gap:4px;height:40px}.wwv-eq i{display:block;width:4px;height:var(--h);border-radius:4px;background:linear-gradient(180deg,var(--v-cream),var(--v-lilac));transform-origin:50% 50%;animation:wwv-eq 1.3s ease-in-out calc(var(--i) * -.17s) infinite alternate}@keyframes wwv-eq{0%{transform:scaleY(.35)}55%{transform:scaleY(1)}to{transform:scaleY(.55)}}.wwv-vol{display:flex;align-items:center;gap:8px;width:min(78%,150px);color:var(--v-lilac)}.wwv-vol svg{flex:none}.wwv-vol b{position:relative;flex:1;height:3px;border-radius:3px;background:var(--v-line)}.wwv-vol b i{position:absolute;inset:0 auto 0 0;width:64%;border-radius:inherit;background:var(--v-lilac);animation:wwv-vol 5s ease-in-out infinite alternate}.wwv-vol b i:after{content:"";position:absolute;right:-6px;top:50%;width:11px;height:11px;border-radius:50%;background:var(--v-cream);transform:translateY(-50%);box-shadow:0 2px 6px #00000059}@keyframes wwv-vol{0%{width:46%}to{width:74%}}.wwv-steps{display:flex;align-items:center}.wwv-steps em{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-style:normal;color:var(--v-lilac);box-shadow:inset 0 0 0 1.5px var(--v-line);animation:wwv-step 3.6s ease-in-out calc(var(--i) * 1.2s) infinite}.wwv-steps u{display:block;width:18px;height:2px;margin:0 3px;border-radius:2px;background:var(--v-line)}@keyframes wwv-step{0%,38%,to{background:transparent;color:var(--v-lilac);transform:scale(1)}8%,30%{background:var(--v-lilac);color:#3e2640;transform:scale(1.08)}}.wwv-range{display:flex;align-items:center;gap:7px;width:min(84%,160px);font-size:.68rem;font-weight:600;color:#fff6ecb3}.wwv-range small{font-size:inherit;white-space:nowrap}.wwv-range b{position:relative;flex:1;height:3px;border-radius:3px;background:var(--v-line)}.wwv-range b i{position:absolute;top:50%;left:30%;width:9px;height:9px;border-radius:50%;background:var(--v-cream);transform:translate(-50%,-50%);animation:wwv-range 6s ease-in-out infinite alternate}@keyframes wwv-range{0%{left:12%}to{left:82%}}.wwv-task{display:flex;align-items:center;gap:10px;width:min(88%,172px);padding:9px 10px;border-radius:14px;background:#fff6ec14;box-shadow:inset 0 0 0 1px var(--v-line)}.wwv-check{flex:none;color:var(--v-line)}.wwv-check__fill{fill:var(--v-peach);transform-origin:50% 50%;animation:wwv-fill 4.4s ease-in-out infinite}.wwv-check__tick{stroke:#3e2640;stroke-dasharray:14;animation:wwv-tick 4.4s ease-in-out infinite}@keyframes wwv-fill{0%,55%{transform:scale(0)}64%,92%{transform:scale(1)}to{transform:scale(0)}}@keyframes wwv-tick{0%,60%{stroke-dashoffset:14}70%,92%{stroke-dashoffset:0}to{stroke-dashoffset:14}}.wwv-lines{display:grid;gap:5px;flex:1}.wwv-lines i{display:block;height:5px;border-radius:5px;background:#fff6ec8c}.wwv-lines i+i{width:62%;background:var(--v-line)}.wwv-ring{flex:none;transform:rotate(-90deg)}.wwv-ring circle{stroke:var(--v-line)}.wwv-ring .wwv-ring__run{stroke:var(--v-peach);stroke-linecap:round;stroke-dasharray:100;animation:wwv-ring 4.4s linear infinite}.wwv-ring text{fill:var(--v-cream);font-size:11px;font-weight:700;transform:rotate(90deg);transform-origin:18px 18px;font-family:IBM Plex Sans Condensed,IBM Plex Sans,sans-serif}@keyframes wwv-ring{0%{stroke-dashoffset:100}60%,to{stroke-dashoffset:0}}.wwv-page{position:relative;display:grid;align-content:start;gap:7px;width:min(70%,128px);height:64px;padding:20px 12px 8px;border-radius:10px 10px 12px 12px;background:#fff6ec1a;box-shadow:inset 0 0 0 1px var(--v-line)}.wwv-page__tab{position:absolute;top:5px;left:12px;font-size:.6rem;font-weight:700;letter-spacing:.02em;color:var(--v-lilac)}.wwv-page i{display:block;height:3px;width:var(--w);border-radius:3px;background:#fff6ec99;transform-origin:0 50%;animation:wwv-write 5.2s ease-out calc(var(--i) * .45s) infinite}@keyframes wwv-write{0%{transform:scaleX(0)}18%,86%{transform:scaleX(1)}to{transform:scaleX(0)}}.wwv-page__pin{position:absolute;top:6px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--v-peach)}@media(prefers-reduced-motion:reduce){.wwv *,.wwv *:after{animation:none!important}.wwv-check__fill{transform:scale(1)}.wwv-check__tick{stroke-dashoffset:0}.wwv-ring .wwv-ring__run{stroke-dashoffset:40}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ww-app-viz.css.map */
