@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{--duration:.45s;--cubic:cubic-bezier(0.4,0,0.2,1);--color-1:#d5dadd;--color-2:#51d5c2;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{font-family:Nunito,sans-serif;height:80vh;overflow:hidden;top:0}.menu,body{align-items:center;background-color:#000;justify-content:center;margin:0}.menu{-webkit-tap-highlight-color:transparent;border-radius:1em 1em 4.5em 4.5em;display:flex;height:5.4em;padding:0 1.9em 2.5em;position:relative;-webkit-user-select:none;user-select:none;width:100%}@media (max-width:42.625em){.menu{font-size:.55em}}.menu:after{background-color:#f2f3f4;border-radius:1em;bottom:5%;content:" ";height:3%;position:absolute;width:90%}.menu__item{all:unset;align-items:center;color:#d5dadd;color:var(--color-1);cursor:pointer;display:flex;flex-grow:1;justify-content:center;overflow:hidden;padding-top:.5em;position:relative;transition:flex-grow .45s cubic-bezier(.4,0,.2,1);transition:flex-grow var(--duration) var(--cubic)}.menu__icon{stroke:currentColor;font-size:1.05em}.menu__icon,.menu__item:before{transition:-webkit-transform .45s cubic-bezier(.4,0,.2,1);transition:transform .45s cubic-bezier(.4,0,.2,1);transition:transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--duration) var(--cubic);transition:transform var(--duration) var(--cubic);transition:transform var(--duration) var(--cubic),-webkit-transform var(--duration) var(--cubic)}.menu__item:before{background-color:#fdecef;border-radius:50%;content:" ";height:1.5em;left:18.4%;position:absolute;top:9%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;transform-origin:center;width:1.5em}.menu__item:after{background-color:currentColor;border-radius:2em;bottom:0;content:" ";height:.25em;left:0;position:absolute;-webkit-transform:translate3d(3em,0,0) scaleX(0);transform:translate3d(3em,0,0) scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;transition:-webkit-transform .65s cubic-bezier(.4,0,.2,1);transition:transform .65s cubic-bezier(.4,0,.2,1);transition:transform .65s cubic-bezier(.4,0,.2,1),-webkit-transform .65s cubic-bezier(.4,0,.2,1);transition:-webkit-transform calc(var(--duration) + .2s) var(--cubic);transition:transform calc(var(--duration) + .2s) var(--cubic);transition:transform calc(var(--duration) + .2s) var(--cubic),-webkit-transform calc(var(--duration) + .2s) var(--cubic);width:calc(var(--lineWidth) + 5px)}.menu__text{font-size:1.5em;left:4.15em;letter-spacing:.01em;position:absolute;text-transform:capitalize;-webkit-transform:translate3d(0,109%,0);transform:translate3d(0,109%,0);transition:-webkit-transform .12162s;transition:transform .12162s;transition:transform .12162s,-webkit-transform .12162s;transition:-webkit-transform calc(var(--duration)/3.7);transition:transform calc(var(--duration)/3.7);transition:transform calc(var(--duration)/3.7),-webkit-transform calc(var(--duration)/3.7)}.menu__item.active{color:#51d5c2;color:var(--color-2);flex-grow:2.7}.menu__item.active .menu__icon{-webkit-transform:translate3d(-95%,0,0);transform:translate3d(-95%,0,0)}.menu__item.active:before{-webkit-transform:scale(1);transform:scale(1)}.menu__item.active:after{-webkit-transform:translate3d(6.3em,0,0) scaleX(1);transform:translate3d(6.3em,0,0) scaleX(1);transition:-webkit-transform .45s cubic-bezier(.4,0,.2,1);transition:transform .45s cubic-bezier(.4,0,.2,1);transition:transform .45s cubic-bezier(.4,0,.2,1),-webkit-transform .45s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--duration) var(--cubic);transition:transform var(--duration) var(--cubic);transition:transform var(--duration) var(--cubic),-webkit-transform var(--duration) var(--cubic)}.menu__text.active{-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;transition:-webkit-transform calc(var(--duration)/1.5);transition:transform calc(var(--duration)/1.5);transition:transform calc(var(--duration)/1.5),-webkit-transform calc(var(--duration)/1.5)}.icon{--duration-icon:1s;fill:none;stroke-width:15;stroke-miterlimit:10;display:block;height:2.5em;width:2.5em}.active #home-anm{-webkit-animation:home var(--duration-icon);animation:home var(--duration-icon)}@-webkit-keyframes home{25%{-webkit-transform:translate3d(0,-.8em,0);transform:translate3d(0,-.8em,0)}50%{-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}}@keyframes home{25%{-webkit-transform:translate3d(0,-.8em,0);transform:translate3d(0,-.8em,0)}50%{-webkit-transform:translate3d(0,.5em,0);transform:translate3d(0,.5em,0)}}#strategy-anm{-webkit-transform:scaleX(.85);transform:scaleX(.85);-webkit-transform-origin:center;transform-origin:center}.active #strategy-anm{-webkit-animation:strategy var(--duration-icon);animation:strategy var(--duration-icon)}@-webkit-keyframes strategy{50%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(.85);transform:scaleX(.85)}}@keyframes strategy{50%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(.85);transform:scaleX(.85)}}.active #strategy-cir1{-webkit-animation:strategy-cir1 var(--duration-icon);animation:strategy-cir1 var(--duration-icon)}.active #strategy-cir2{-webkit-animation:strategy-cir2 var(--duration-icon) .1s;animation:strategy-cir2 var(--duration-icon) .1s}.active #strategy-cir3{-webkit-animation:strategy-cir3 var(--duration-icon) .2s;animation:strategy-cir3 var(--duration-icon) .2s}@-webkit-keyframes strategy-cir1{50%{-webkit-transform:translate3d(-.7em,-.7em,0);transform:translate3d(-.7em,-.7em,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes strategy-cir1{50%{-webkit-transform:translate3d(-.7em,-.7em,0);transform:translate3d(-.7em,-.7em,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes strategy-cir2{35%{-webkit-transform:translate3d(0,-.7em,0);transform:translate3d(0,-.7em,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes strategy-cir2{35%{-webkit-transform:translate3d(0,-.7em,0);transform:translate3d(0,-.7em,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes strategy-cir3{35%{-webkit-transform:translate3d(.7em,-.7em,0);transform:translate3d(.7em,-.7em,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes strategy-cir3{35%{-webkit-transform:translate3d(.7em,-.7em,0);transform:translate3d(.7em,-.7em,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.active #period-anm{-webkit-animation:period var(--duration-icon);animation:period var(--duration-icon);-webkit-transform-origin:center 100%;transform-origin:center 100%}.active #period-cir{-webkit-animation:period-cir var(--duration-icon);animation:period-cir var(--duration-icon);-webkit-transform-origin:center;transform-origin:center}.active #period-line{stroke-dasharray:66;animation:period-line calc(var(--duration-icon)/2.5) reverse}@-webkit-keyframes period{35%{-webkit-transform:scaleY(.85);transform:scaleY(.85)}60%,70%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes period{35%{-webkit-transform:scaleY(.85);transform:scaleY(.85)}60%,70%{-webkit-transform:scaleY(1.2);transform:scaleY(1.2)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes period-cir{0%{opacity:0}35%{opacity:1;-webkit-transform:translate3d(15%,-55%,0);transform:translate3d(15%,-55%,0)}60%{opacity:0;-webkit-transform:translate3d(-8%,-50%,0);transform:translate3d(-8%,-50%,0)}}@keyframes period-cir{0%{opacity:0}35%{opacity:1;-webkit-transform:translate3d(15%,-55%,0);transform:translate3d(15%,-55%,0)}60%{opacity:0;-webkit-transform:translate3d(-8%,-50%,0);transform:translate3d(-8%,-50%,0)}}@-webkit-keyframes period-line{to{stroke-dashoffset:66}}@keyframes period-line{to{stroke-dashoffset:66}}.active #security-cir{-webkit-animation:security-cir calc(var(--duration-icon)/1.5);animation:security-cir calc(var(--duration-icon)/1.5);transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes security-cir{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes security-cir{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.active #security-strok{stroke-dasharray:96;-webkit-animation:security-strok calc(var(--duration-icon)/1.2);animation:security-strok calc(var(--duration-icon)/1.2)}@-webkit-keyframes security-strok{0%{stroke-dashoffset:60}to{stroke-dashoffset:230}}@keyframes security-strok{0%{stroke-dashoffset:60}to{stroke-dashoffset:230}}.active #settings-anm{-webkit-animation:settings-anm calc(var(--duration-icon)/1.5);animation:settings-anm calc(var(--duration-icon)/1.5);transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes settings-anm{0%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}50%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}}@keyframes settings-anm{0%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}50%{-webkit-transform:rotate(60deg);transform:rotate(60deg)}}label{align-items:center;color:#f0f8ff}
/*# sourceMappingURL=main.efa17f97.css.map*/