@import url(https://fonts.googleapis.com/css2?family=Galada&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap);.timeline{background:var(--bg-tl);display:flex;flex-direction:column;align-items:center;overflow-y:auto;height:100vh;padding:9.5em 0;box-sizing:border-box}.form-timeline{position:absolute;top:6.5em;left:0;margin:0;display:flex;justify-content:flex-end;width:100%}.form-timeline>div{display:flex;align-items:center;padding:0 1.2em 0 0;gap:.25em}.form-timeline input{margin:0 .2em;width:20px;box-sizing:content-box}.form-timeline label{font-size:.8rem}@media (max-width:700px){.timeline{padding:1.5em 0}.form-timeline{top:1.5em}}.wrap{padding:2em 1em;margin-top:2em}.wrap,ul{display:flex}ul{list-style:none;padding:0;max-width:50ch;font-size:1rem;flex-direction:column;margin:0}.timeline li{width:250px;transition:all .5s ease-in-out;display:flex;position:relative;padding:0 2em;perspective-origin:0 0;perspective:500px}.close{transition:all .3s;border:none;position:absolute;right:-40px;top:0;width:16px;height:16px;opacity:.3;cursor:pointer}.close:hover{opacity:1}.close:after,.close:before{position:absolute;top:0;left:7px;content:" ";height:16px;width:2px;background-color:#474747}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.skala{transition:all .2s;position:absolute;top:24px;left:0;width:2px;height:calc(100% - 30px);background:#d1d1d1;opacity:1;transform:translateY(0)}li:last-of-type .skala{opacity:0;transform:translateY(30px)}.bullet{position:absolute;top:0;left:-7px;width:10px;height:10px;border-radius:50%;border:4px solid}.box{text-align:left}.box_inner{transition:background-color .3s;--box-bg:#fff;border-radius:4px;margin:0 0 .5em;padding:.2em 1.5em .2em;background:var(--box-bg);z-index:0;box-shadow:2px 1px 10px hsla(0,0%,75%,.382);color:var(--text)}.box_inner:before{transition:all .3s;content:"";width:15px;height:15px;position:absolute;top:4px;left:-4px;background:var(--box-bg);transform:rotate(45deg);z-index:-1}.entry-blok{padding:0 .5em 0 0}:is(.name,.date,.content):focus{border:none;outline:none;color:var(--btn-active);background:#fff}p{margin:0 0 .3em;max-width:25ch}.editable{cursor:cell}.name{text-transform:uppercase;font-size:1rem;font-weight:800}.name+svg{position:absolute;right:-1em;top:3px}.date{padding:0 0;font-weight:300;letter-spacing:.3px;font-size:1.4rem;margin:0 0 .2em;color:var(--text-accent)}.content+svg{position:absolute;right:-1em;top:3px}.content{padding:0 .5em .5em;font-size:.95rem;font-weight:300}.switch{position:relative;display:inline-block;width:45px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:17px;width:17px;left:5px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:var(--bg)}input:checked+.slider:before{transform:translateX(17px)}.slider.round{border-radius:14px}.slider.round:before{border-radius:50%}.list-enter-active,.list-leave-active{transition:all .5s}.list-enter-from{opacity:0}.list-leave-to{opacity:0;transform:translateX(-35px)}.list-item{transition:all .5s ease-in-out;display:inline-block}.list-move{transition:transform .3s ease}.ui{padding:8em 3em 2em}form{display:flex}.form-right{margin:0 2em}.form-right input{width:20px;display:block}.field{text-align:left;margin:.5em 0;display:block}.field label{display:inline-block;margin:0 0 .22em 0;color:var(--accent);font-size:1rem}.field :is(input,textarea,select){padding:1em;border-radius:5px;border:none;font-size:.9rem;font-family:Open Sans}.field select{padding:.5em;margin:0 .8em 0 0}:is(input,textarea,select):focus{outline-color:var(--accent)}::-webkit-datetime-edit{padding:.5em}.ui .button{transition:transform .2s;padding:.3em .8em;background:var(--accent);border:none;border-radius:4px;cursor:pointer;color:#05021d;font-size:1.2rem;font-family:Open Sans;margin:.2em}.button:active{box-shadow:inset 0 0 15px #fff;transform:translateY(-4px)}.buttons{margin-top:1.5em;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8em}.additem-pop{top:-30px;left:20px;font-size:.8rem}.additem-pop,.tl-pop{position:absolute;background:#fff;padding:.1em .5em;border-radius:2px;opacity:0}.tl-pop{top:-40px;left:30px;font-size:.9rem}.tl-pop:after{content:"";width:10px;height:10px;background:#fff;position:absolute;top:15px;left:55px;transform:rotate(45deg);z-index:-1}.additem-pop{transition:all .2s;transition-delay:.5s}.buttons button:hover+.additem-pop{opacity:1;display:block}.additem-pop:after{content:"";width:10px;height:10px;background:#fff;position:absolute;top:15px;left:15px;transform:rotate(45deg);z-index:-1}.save_btns{display:flex;gap:.2em}.export_sect{margin-top:2em}.export_sect span{text-align:left;color:var(--accent)}.ui .save{margin:.5em .5em 0 0;font-size:.8rem;background:#d3d3d3;cursor:not-allowed;display:flex;align-items:center;gap:.2em}strong{font-size:1.2em}.ui .btn_active{cursor:pointer;color:var(--btn-active)}.save svg{width:22px;margin:auto}.save path{fill:var(--bg)}.ui .disabled{background:#d3d3d3;cursor:not-allowed}header{position:fixed;top:0;left:0;width:100%;background:var(--accent);z-index:100}.wrapper{width:100%;display:flex;align-items:center;justify-content:center}.svg_container{width:150px}.wrapper h1{padding:.2em;margin:0;font-family:Galada,cursive;font-weight:400;font-size:2.5rem}@media (max-width:700px){.wrapper h1{padding:.2em;margin:0;font-family:Galada,cursive;font-weight:400;font-size:1.8rem}.svg_container{width:110px}}svg .svg-elem-1{stroke-dashoffset:68.35043684381644px;stroke-dasharray:68.35043684381644px;transition:stroke-dashoffset .7s ease-out .2s}svg.active .svg-elem-1{stroke-dashoffset:0}svg .svg-elem-2{stroke-dashoffset:68.35043684381644px;stroke-dasharray:68.35043684381644px;transition:stroke-dashoffset .7s ease-out .32s}svg.active .svg-elem-2{stroke-dashoffset:0}svg .svg-elem-3{stroke-dashoffset:68.35043684381644px;stroke-dasharray:68.35043684381644px;transition:stroke-dashoffset .7s ease-out .44s}svg.active .svg-elem-3{stroke-dashoffset:0}svg .svg-elem-4{stroke-dashoffset:68.35043684381644px;stroke-dasharray:68.35043684381644px;transition:stroke-dashoffset .7s ease-out .56s}svg.active .svg-elem-4{stroke-dashoffset:0}svg .svg-elem-5{stroke-dashoffset:46.72823715209961px;stroke-dasharray:46.72823715209961px;transition:stroke-dashoffset .7s ease-out .6799999999999999s}svg.active .svg-elem-5{stroke-dashoffset:0}svg .svg-elem-6{stroke-dashoffset:17.953295707702637px;stroke-dasharray:17.953295707702637px;transition:stroke-dashoffset .7s ease-out .8s}svg.active .svg-elem-6{stroke-dashoffset:0}svg .svg-elem-7{stroke-dashoffset:54.61668395996094px;stroke-dasharray:54.61668395996094px;transition:stroke-dashoffset .7s ease-out .9199999999999999s}svg.active .svg-elem-7{stroke-dashoffset:0}svg{max-width:100%}.asterisc{font-size:.8rem;position:relative;padding:0 .5em;bottom:0;left:0}.modal_container{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.24);color:var(--text);align-items:center;z-index:1000}.modal_container,.modal_content{display:flex;justify-content:center}.modal_content{max-width:80vw;background:var(--accent);padding:1em;flex-direction:column;gap:10px;border-radius:15px;box-shadow:1px 1px 15px rgba(0,0,0,.423);font-size:1.2rem}.modal_content p{font-family:Galada;font-size:3.5vh;padding:0;color:var(--btn-active)}.modal_content ul{list-style:inside;max-width:60ch}.modal_content li{padding:.4rem;margin-left:1em;width:auto}.modal_content li::marker{content:"✔  ";color:var(--btn-active);font-size:1.5em}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body{font-family:Open Sans,Manrope,Helvetica,Arial,sans-serif}body{color:var(--text);background:var(--bg);margin:0;padding:0;min-height:100vh;--bg:#051e35;--bg-tl:#eee;--accent:#1cd99a;--accent-h:#00291b;--text:#2a2b2e;--text-accent:#3a8ccf;--btn-active:#5316ff}.container{display:grid;grid-template-columns:1fr 1fr}@media (max-width:700px){.container{display:grid;grid-template-columns:1fr}.ui{padding:5em 1.5em 1.5em;grid-row:1}}*{position:relative}.fade-enter-active,.fade-leave-active{transition:all .5s ease;transform:translateX(0)}.fade-enter-from,.fade-leave-to{transform:translateX(20px);opacity:0}