.mba-panim{width:24px;height:24px;overflow:visible}.mba-panim *{vector-effect:non-scaling-stroke}.mba-panim .ink{fill:none;stroke:var(--mba-ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mba-panim--trend .bar{transform-box:fill-box;transform-origin:50% 100%}.mba-panim--trend .bar1{fill:#ff9d86}.mba-panim--trend .bar2{fill:#ff6ef8}.mba-panim--trend .bar3{fill:#3dbaff}.mba-panim--trend .line{stroke-dasharray:26;stroke-dashoffset:0}.mba-panim--refresh .spin{transform-box:view-box;transform-origin:12px 12px}.mba-panim--refresh .lvl{fill:#3dbaff;transform-box:fill-box;transform-origin:50% 100%}.mba-panim--shield .tick{fill:none;stroke:#2ead5b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12;stroke-dashoffset:0}.mba-pperk__icon{position:relative}.mba-pperk__icon--shield:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 #2ead5b59;opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.mba-pperks.is-live .mba-panim--trend .bar1{animation:mbaBar 4.8s ease-out infinite}.mba-pperks.is-live .mba-panim--trend .bar2{animation:mbaBar 4.8s ease-out .12s infinite}.mba-pperks.is-live .mba-panim--trend .bar3{animation:mbaBar 4.8s ease-out .24s infinite}.mba-pperks.is-live .mba-panim--trend .line{animation:mbaDraw 4.8s ease-out .3s infinite}.mba-pperks.is-live .mba-panim--refresh .lvl{animation:mbaRefill 4.8s ease-in-out 1.6s infinite}.mba-pperks.is-live .mba-panim--refresh .spin{animation:mbaSpin 4.8s cubic-bezier(.6,0,.3,1) 1.6s infinite}.mba-pperks.is-live .mba-panim--shield .tick{animation:mbaTick 4.8s ease-out 3.2s infinite}.mba-pperks.is-live .mba-pperk__icon--shield:after{animation:mbaPulse 4.8s ease-out 3.2s infinite}}@keyframes mbaBar{0%{transform:scaleY(.25)}18%{transform:scaleY(1.06)}26%,to{transform:scaleY(1)}}@keyframes mbaDraw{0%{stroke-dashoffset:26}30%,to{stroke-dashoffset:0}}@keyframes mbaRefill{0%{transform:scaleY(1)}14%{transform:scaleY(.3)}22%{transform:scaleY(.3)}40%,to{transform:scaleY(1)}}@keyframes mbaSpin{0%,18%{transform:rotate(0)}40%,to{transform:rotate(360deg)}}@keyframes mbaTick{0%{stroke-dashoffset:12}14%,to{stroke-dashoffset:0}}@keyframes mbaPulse{0%{opacity:1;box-shadow:0 0 #2ead5b59}22%{opacity:1;box-shadow:0 0 0 8px #2ead5b00}23%,to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mb-perks-anim.css.map */