.menu{--duration:.45s;--cubic:cubic-bezier(.4,0,.2,1);--color-1:#8b9dc3;--color-2:var(--primary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);justify-content:center;align-items:center;width:100%;margin:0;padding:0 1.9em 2.5em;display:flex;position:relative;box-shadow:0 10px 40px #00000026}.menu:after{content:" ";background:linear-gradient(90deg,#e0e0e0 0%,#d0d0d0 100%);border-radius:1em;width:35%;height:5%;position:absolute;bottom:10%}.menu__item{all:unset;cursor:pointer;color:var(--color-1);transition:flex-grow var(--duration)var(--cubic);flex-grow:1;justify-content:center;align-items:center;padding-top:.5em;display:flex;position:relative;overflow:hidden}.menu__icon{stroke:currentColor;transition:transform var(--duration)var(--cubic);font-size:.8em}.menu__item:before{content:" ";transform-origin:50%;width:1.5em;height:1.5em;transition:transform var(--duration)var(--cubic);background:linear-gradient(135deg,#12a4ff4d 0% 100%);border-radius:50%;position:absolute;top:9%;right:18.4%;transform:scale(0)}.menu__item:after{content:" ";transform-origin:100%;background:linear-gradient(90deg,var(--color-2)0%,#12a4ff 100%);height:.25em;width:calc(var(--lineWidth) + 5px);transition:transform calc(var(--duration) + .2s)var(--cubic);border-radius:2em;position:absolute;bottom:0;right:0;transform:translate(-3em)scaleX(0)}.menu__text{letter-spacing:.01em;font-size:.75em;font-weight:600;position:absolute;right:4.15em;transform:translateY(100%)}.menu__item.active{color:var(--color-2);flex-grow:1}.menu__item.active .menu__icon{transform:translate(20%)}.menu__text.active{transition:transform calc(var(--duration)/1.5);transform:translate(0,0)}.custom-icon{--duration-icon:1s;width:2.5em;height:2.5em;padding-top:1px;display:block;transform:translateY(4px)}.icon{--duration-icon:1s;fill:none;stroke-width:15px;stroke-miterlimit:10;width:2.5em;height:2.5em;display:block}.active #home-anm{animation:home var(--duration-icon)}@keyframes home{25%{transform:translateY(-.8em)}50%{transform:translateY(.5em)}}#strategy-anm{transform-origin:50%;transform:scaleX(.95)}.active #strategy-anm{animation:strategy var(--duration-icon)}@keyframes strategy{50%{transform:scaleX(.8)}to{transform:scaleX(.95)}}.active #strategy-cir1{animation:strategy-cir1 var(--duration-icon)}.active #strategy-cir2{animation:strategy-cir2 var(--duration-icon).1s}.active #strategy-cir3{animation:strategy-cir3 var(--duration-icon).2s}@keyframes strategy-cir1{50%{transform:translate(-.7em,-.7em)}to{transform:translate(0,0)}}@keyframes strategy-cir2{35%{transform:translateY(-.7em)}to{transform:translate(0,0)}}@keyframes strategy-cir3{35%{transform:translate(.7em,-.7em)}to{transform:translate(0,0)}}.active #period-anm{transform-origin:50% 100%;animation:period var(--duration-icon)}.active #period-cir{transform-origin:50%;animation:period-cir var(--duration-icon)}.active #period-line{stroke-dasharray:66;animation:period-line calc(var(--duration-icon)/2.5)reverse}.active #balling-anm{transform-origin:bottom;animation:balling var(--duration-icon)}@keyframes balling{0%{transform:scaleY(1)}50%{transform:scaleY(1.05)}to{transform:scaleY(1)}}@keyframes period{35%{transform:scaleY(.85)}60%,70%{transform:scaleY(1.2)}to{transform:scaleY(1)}}@keyframes period-cir{0%{opacity:0}35%{opacity:1;transform:translate(15%,-55%)}60%{opacity:0;transform:translate(-8%,-50%)}}@keyframes period-line{to{stroke-dashoffset:66px}}.active #security-cir{transform-box:fill-box;transform-origin:50%;animation:security-cir calc(var(--duration-icon)/1.5)}@keyframes security-cir{0%{transform:scale(0)}to{transform:scale(1)}}.active #security-strok{stroke-dasharray:96;animation:security-strok calc(var(--duration-icon)/1.2)}@keyframes security-strok{0%{stroke-dashoffset:60px}to{stroke-dashoffset:230px}}.active #settings-anm{transform-box:fill-box;transform-origin:50%;animation:settings-anm calc(var(--duration-icon)/1.5)}@keyframes settings-anm{0%{transform:rotate(-60deg)}50%{transform:rotate(60deg)}}