.flipy-bottom-nav .nav-paint-icon{position:relative;display:inline-grid;place-items:center;line-height:0}
.flipy-bottom-nav .nav-paint-stroke{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0}
.flipy-bottom-nav .nav-paint-stroke path{fill:none;stroke:var(--pink,#ff0870);stroke-width:14;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100}
.flipy-bottom-nav .nav-item.active .nav-paint-icon>i{animation:flipyNavTint 1.2s ease-in-out both}
.flipy-bottom-nav .nav-item.active .nav-paint-stroke{filter:drop-shadow(0 0 2px #ff08705c);animation:flipyNavStrokeFade .2s ease 1.2s both}
.flipy-bottom-nav .nav-item.active .nav-paint-stroke path{animation:flipyNavDraw 1.2s cubic-bezier(.3,.1,.2,1) both}
@keyframes flipyNavDraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes flipyNavTint{0%,70%{color:#e4e4ec}100%{color:var(--pink,#ff0870)}}
@keyframes flipyNavStrokeFade{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){.flipy-bottom-nav .nav-item.active .nav-paint-icon>i{animation:none}.flipy-bottom-nav .nav-paint-stroke{display:none}}