.morph-menu{width:170px;height:56px;position:relative;z-index:30}.morph-shell{position:relative;width:56px;height:56px}.desktop .morph-toggle{position:relative;z-index:4;border:0;width:56px;height:56px;padding:0;display:grid;place-items:center;border-radius:50%;background:#9146ff;color:white;box-shadow:0 5px 14px #9146ff26}.launch-caption{position:absolute;left:68px;top:18px;font-size:14px;font-weight:600;pointer-events:none}.morph-bars{position:relative;width:22px;height:22px}.morph-bars i{position:absolute;left:2px;top:8px;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s}.morph-bars i+i{top:14px}.is-open .morph-bars i{transform:translateY(3px) rotate(45deg)}.is-open .morph-bars i+i{transform:translateY(-3px) rotate(-45deg)}.morph-items{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none}.morph-items a{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#f7f5fa;border:1px solid #e8e2ef;box-shadow:0 4px 12px #33204412;opacity:0;transform:translateY(0) scale(.85);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s;text-decoration:none}.morph-items svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.morph-items a span{position:absolute;left:68px;white-space:nowrap;padding:8px 12px;border:1px solid #ebe5f0;border-radius:9px;background:white;color:#44374f;font-size:13px;box-shadow:0 4px 15px #33204412}.launch-expense{color:#d94e68}.launch-income{color:#25846b}.launch-transfer{color:#9146ff}.is-open .morph-items{visibility:visible;pointer-events:auto}.is-open .morph-items a{opacity:1;transform:translateY(64px) scale(1)}.is-open .morph-items a:nth-child(2){transform:translateY(128px) scale(1)}.is-open .morph-items a:nth-child(3){transform:translateY(192px) scale(1)}.morph-items a:hover{background:#eee7f7}.morph-items a:hover svg{stroke-width:2.5}.morph-items a:focus-visible,.desktop .morph-toggle:focus-visible{outline:3px solid #c4a1ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.morph-menu *{transition:none!important}}
.morph-menu{height:40px;width:160px}.morph-shell{width:40px;height:40px}.desktop .morph-toggle{width:40px;height:40px}.launch-caption{left:52px;top:10px;font-size:15px}.morph-bars i,.morph-bars i+i{top:10px;transform:none}.morph-bars i+i{transform:rotate(90deg)}.is-open .morph-bars i{transform:rotate(45deg)}.is-open .morph-bars i+i{transform:rotate(-45deg)}.morph-items a{width:40px;height:40px}.morph-items svg{width:19px;height:19px}.morph-items a span{left:52px}.is-open .morph-items a{transform:translateY(48px) scale(1)}.is-open .morph-items a:nth-child(2){transform:translateY(96px) scale(1)}.is-open .morph-items a:nth-child(3){transform:translateY(144px) scale(1)}