.main{display:flex;width:100%;height:100vh;align-items:center;justify-content:center;flex-direction:column;position:fixed;gap:55px;--box-width: 458px;--expand-speed: 3.7s}body.hide .main-tagline label:first-child{animation:FadeOut .2s ease .14s forwards}body.hide .main-tagline label:last-child{animation:FadeOut .2s ease .07s forwards}body.hide .goal-lines label:last-child{transition-delay:.06s;transition:opacity .2s;opacity:0}body.hide .goal-lines{animation:FadeOut .18s ease .08s forwards}body.hide .goal-box{transition-delay:.14s;transition:opacity .2s;opacity:0}body.hide .click-save-notice{animation:FadeOut .2s ease .05s forwards}.main-tagline{display:flex;font-size:26px;gap:23px;flex-direction:column;color:var(--secondary);align-items:center}.primary{color:var(--primary)}.primary-bg{background-color:var(--primary);border-radius:8px;color:var(--background);padding:0 6px 3px}@keyframes ExpandBox{to{height:var(--expanded-height)}}.goal-box{--padding: 32px;--expanded-height: 158px;width:var(--box-width);height:60px;position:relative;padding:var(--padding);font-size:18px;animation:ExpandBox 5s ease 6s forwards}@keyframes ClicksPlaceholder{0%{opacity:.3}20%{opacity:.5}to{opacity:.3}}.goal-placeholder{color:var(--primary);opacity:.3;animation:ClicksPlaceholder .6s ease forwards 1.42s,FadeOut 10ms linear forwards 3s}.goal-placeholder-wrapper{display:flex;flex-direction:row}.mouse-cursor{--target: translate(-40px, -80px);height:70px;position:absolute;left:150px;top:100px;opacity:0}@keyframes Blinking{0%{opacity:0}to{opacity:100%}}@keyframes MoveRight{to{transform:translate(var(--box-width))}}.blinking-caret-wrapper{opacity:0;animation:FadeIn .2s linear forwards 1.5s,FadeOut .2s linear 4.5s forwards,MoveRight var(--expand-speed) ease 3s forwards}.blinking-caret{height:20px;background-color:var(--primary);width:2px;opacity:0;animation:Blinking .7s alternate forwards 1s 3}@keyframes ClickTextField{20%{opacity:1}70%{transform:var(--target)}80%{transform:var(--target) scale(.9)}90%{transform:var(--target) scale(1);opacity:1}to{opacity:0;transform:var(--target)}}@keyframes ShowTextCursor{60%{opacity:0}61%{opacity:1}to{opacity:1}}@keyframes HideNormalCursor{60%{opacity:1}61%{opacity:0}to{opacity:0}}.mouse-cursor{animation:ClickTextField 2s ease forwards}.mouse-cursor #text{opacity:0;animation:ShowTextCursor 1s ease forwards}.mouse-cursor #normal{opacity:1;animation:HideNormalCursor 1s ease forwards}.goal-lines{color:var(--secondary);position:absolute;display:flex;flex-direction:column;width:calc(100% - var(--padding) * 2);gap:0px}.goal-lines div{height:20px}@keyframes ExpandWidth{to{width:var(--box-width)}}@keyframes ExpandWidthSmall{to{width:calc(var(--box-width) * .4)}}.goal-lines>.small{animation:FadeIn .5s linear forwards,ExpandWidthSmall 2s ease forwards;animation-delay:var(--i)}.goal-lines>*{opacity:0;animation:FadeIn .3s linear forwards,ExpandWidth var(--expand-speed) ease forwards;overflow:hidden;width:0px;white-space:nowrap;animation-delay:var(--i)}.goal-lines>label>.a{opacity:0;animation:FadeIn .1s linear forwards var(--i)}.save-button{--translate: translate(20%, 20%);position:absolute;right:0;bottom:0;height:55px;font-size:18px;padding:0 26px;border:none;border-radius:100em;background-color:var(--primary);color:var(--background);transform:var(--translate);opacity:0;transition:transform .2s;animation:FadeIn 1.2s ease forwards;animation-delay:11s;pointer-events:all;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}@media (hover: hover){.save-button:hover{background-color:var(--secondary)}.save-button:active{background-color:var(--secondary);filter:brightness(.8)}}.click-save-notice{position:absolute;bottom:-20px;right:0;transform:translate(22%,100%);display:flex;flex-direction:column;color:var(--secondary);font-style:italic;gap:7px;font-size:18px}.click-save-notice svg{height:38px;transform:translate(10px);opacity:0;animation:FadeIn .4s ease 12s forwards}.click-save-notice label{transform:rotate(4deg);opacity:0;animation:FadeIn .4s ease 12.1s forwards}.dashed-rect{rx:25px;stroke-width:2}@media (max-width: 900px){.main-tagline{font-size:22px}}@media (max-width: 620px){.dashed-rect{stroke-width:1}.main-tagline{font-size:28px;gap:20px;align-items:start;position:fixed;top:60px;left:30px;width:calc(100vw - 60px)}.main-tagline>*:last-child{font-size:18px}.main{--box-width: 380px}.goal-box{--padding: 25px;--expanded-height: 140px;font-size:16px}}@keyframes ClickSave{0%{transform:var(--translate)}30%{transform:var(--translate) scale(88%)}to{transform:var(--translate)}}@media (max-width: 500px){.main{--box-width: 300px}.save-button.click{opacity:100%!important;animation:ClickSave .4s ease}.save-button{right:21px;bottom:-15px}.click-save-notice{bottom:-40px;right:28px;transform:translate(22%,100%) rotate(8deg)}.blinking-caret{height:15px}.goal-box{--padding: 20px;--expanded-height: 121px;font-size:12px}.dashed-rect{rx:18px}}