.sidebar-container[data-v-bcb43d8c]{width:100%;height:100vh;overflow-y:scroll;background-color:#cefcce;padding:10px}.logo[data-v-bcb43d8c]{width:90px;height:90px}.sidebar-header[data-v-bcb43d8c]{width:100%;display:flex;justify-content:center;align-items:center;border-bottom:1px solid darkgreen}.sidebar-header--title[data-v-bcb43d8c]{color:#006400;font-size:24px}.sidebar-main[data-v-bcb43d8c]{margin-top:5px;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.sidebar-main--list[data-v-bcb43d8c]{list-style-type:none;width:100%}.sidebar-main--list-items[data-v-bcb43d8c]{padding:10px;margin:10px;color:#006400;font-size:18px}.sidebar-main--list-children[data-v-bcb43d8c]{margin:20px 0;padding:4px;font-size:14px;cursor:pointer;font-weight:600}.sidebar-button[data-v-bcb43d8c]{padding:10px;margin-top:10px;background:green;color:#fff;border:none;border-radius:5px;display:none}@media only screen and (max-width: 800px){.sidebar-button[data-v-bcb43d8c]{display:block}}.router-view-container{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;overflow:hidden}*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.main-container{width:80%;height:100vh;background-color:#f5f5f5;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.main-container--title{color:#006400;font-size:60px}.main-container--subtitle{color:green;margin-top:80px;position:absolute}.main-container--version{position:absolute;left:10px;bottom:20px;color:#006400}.sidebar{width:20%;height:100vh;display:block;position:relative}.main-container--button-sidebar{padding:10px;margin-top:10px;background:green;color:#fff;border:none;border-radius:5px;display:none}@media only screen and (max-width: 800px){.main-container--title{font-size:40px;margin-bottom:40px}.main-container--subtitle{font-size:14px}.main-container{width:100%}.sidebar{z-index:2;position:absolute;width:50%;right:0}.main-container--button-sidebar{display:block;position:absolute;left:5%;top:2%}}:root{--animation-duration: .3s;--animation-easing: ease;--animation-delay: 0ms}.vt-attention-pulse{animation:vt-pulse var(--animation-duration) var(--animation-easing) var(--animation-delay) var(--animation-iteration-count)}@keyframes vt-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.vt-attention-flash{animation:vt-flash var(--animation-duration) var(--animation-easing) var(--animation-delay) var(--animation-iteration-count)}@keyframes vt-flash{0%{opacity:100%}50%{opacity:10%}to{opacity:100%}}.vt-attention-shakex{animation:vt-shakex var(--animation-duration) var(--animation-easing) var(--animation-delay) var(--animation-iteration-count)}@keyframes vt-shakex{0%{transform:translate(0) rotate(0)}10%{transform:translate(-12px) rotate(-1deg)}20%{transform:translate(12px) rotate(1deg)}30%{transform:translate(-10px) rotate(-1deg)}40%{transform:translate(10px) rotate(1deg)}50%{transform:translate(-8px) rotate(-1deg)}60%{transform:translate(8px) rotate(1deg)}70%{transform:translate(-6px) rotate(-.8deg)}80%{transform:translate(6px) rotate(.8deg)}90%{transform:translate(-4px) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}.vt-attention-shakey{animation:vt-shakey var(--animation-duration) var(--animation-easing) var(--animation-delay) var(--animation-iteration-count)}@keyframes vt-shakey{0%{transform:translateY(0) rotate(0)}10%{transform:translateY(-12px) rotate(-1deg)}20%{transform:translateY(12px) rotate(1deg)}30%{transform:translateY(-10px) rotate(-1deg)}40%{transform:translateY(10px) rotate(1deg)}50%{transform:translateY(-8px) rotate(-1deg)}60%{transform:translateY(8px) rotate(1deg)}70%{transform:translateY(-6px) rotate(-.8deg)}80%{transform:translateY(6px) rotate(.8deg)}90%{transform:translateY(-4px) rotate(-.5deg)}to{transform:translateY(0) rotate(0)}}.vt-attention-swing{animation:vt-swing var(--animation-duration) var(--animation-easing) var(--animation-delay) var(--animation-iteration-count)}@keyframes vt-swing{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(5px) rotate(8deg)}40%{transform:translateY(-5px) rotate(-8deg)}60%{transform:translateY(2px) rotate(5deg)}80%{transform:translateY(-2px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}.vt-attention-tada{animation:vt-tada var(--animation-duration) var(--animation-easing) var(--animation-delay) var(--animation-iteration-count)}@keyframes vt-tada{0%{transform:rotate(0) scale(1)}10%{transform:rotate(-5deg) scale(.9)}20%{transform:rotate(5deg) scale(1.1)}30%{transform:rotate(-4deg) scale(1.1)}40%{transform:rotate(4deg) scale(1.1)}50%{transform:rotate(-3deg) scale(1.1)}60%{transform:rotate(3deg) scale(1.1)}70%{transform:rotate(-2deg) scale(1.1)}80%{transform:rotate(2deg) scale(1.1)}90%{transform:rotate(-1deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity var(--animation-duration) var(--animation-easing) var(--animation-delay)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}@keyframes SlideInRight{0%{transform:translate3d(75%,0,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInRight-enter-active{animation:SlideInRight var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInRight-leave-active{animation:SlideInRight var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes SlideInLeft{0%{transform:translate3d(-75%,0,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInLeft-enter-active{animation:SlideInLeft var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInLeft-leave-active{animation:SlideInLeft var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes SlideInUp{0%{transform:translate3d(0,50%,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInUp-enter-active{animation:SlideInUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInUp-leave-active{animation:SlideInUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes SlideInDown{0%{transform:translate3d(0,-50%,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInDown-enter-active{animation:SlideInDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInDown-leave-active{animation:SlideInDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes BounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.415,-.61,.655,-1);animation-timing-function:cubic-bezier(.415,-.61,.655,-1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{transform:scaleZ(1)}}.bounceIn-enter-active{animation:BounceIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.bounceIn-leave-active{animation:BounceIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes BounceDown{0%{opacity:0;transform:translate3d(0,-100%,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}40%{transform:translate3d(0,50%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}60%{opacity:1;transform:translate3d(0,-20%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}80%{transform:translate3d(0,10%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}}.bounceDown-enter-active{animation:BounceDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.bounceDown-leave-active{animation:BounceDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes BounceUp{0%{opacity:0;transform:translate3d(0,50%,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}40%{transform:translate3d(0,-50%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}60%{opacity:1;transform:translate3d(0,30%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}70%{transform:translate3d(0,-10%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}80%{transform:translate3d(0,10%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}}.bounceUp-enter-active{animation:BounceUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.bounceUp-leave-active{animation:BounceUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes RotateIn{0%{opacity:0;transform:rotate3d(0,0,1,-200deg)}to{transform:rotate3d(0,0,1,0)}}.rotateIn-enter-active{animation:RotateIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.rotateIn-leave-active{animation:RotateIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes RotateUp{0%{opacity:0;transform:rotate3d(0,0,1,20deg);animation-timing-function:cubic-bezier(.815,.51,.05,.12)}to{transform:rotate3d(0,0,1,0)}}.rotateUp-enter-active{transform-origin:left top;animation:RotateUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.rotateUp-leave-active{transform-origin:left bottom;animation:RotateUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes RotateDown{0%{opacity:0;transform:rotate3d(0,0,.1,-20deg);animation-timing-function:cubic-bezier(.815,.51,.05,.12)}to{transform:rotate3d(0,0,.2,0)}}.rotateDown-enter-active{transform-origin:left top;animation:RotateDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.rotateDown-leave-active{transform-origin:right top;animation:RotateDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes ZoomIn{0%{opacity:0;transform:scale(.5)}to{transform:scale(1)}}.zoomIn-enter-active{animation:ZoomIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.zoomIn-leave-active{animation:ZoomIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes ZoomUp{0%{opacity:0;transform:scale(.5) translate3d(0,70%,0)}to{transform:scale(1)}}.zoomUp-enter-active{animation:ZoomUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.zoomUp-leave-active{animation:ZoomUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes ZoomDown{0%{opacity:0;transform:scale(.5) translate3d(0,-70%,0)}to{transform:scale(1)}}.zoomDown-enter-active{animation:ZoomDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.zoomDown-leave-active{animation:ZoomDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes FlipX{0%{opacity:0;transform:perspective(100px) rotateX(90deg)}40%{transform:perspective(100px) rotate3d(1,0,0 20deg)}60%{transform:perspective(100px) rotateX(-10deg)}to{transform:perspective(200px)}}.flipX-enter-active{animation:FlipX var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.flipX-leave-active{animation:FlipX var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes FlipY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotate3d(0,1,0 20deg)}60%{transform:perspective(400px) rotateY(-10deg)}to{transform:perspective(400px)}}.flipY-enter-active{animation:FlipY var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.flipY-leave-active{animation:FlipY var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}.container[data-v-fc2d90ee]{width:100%;height:100%;background-color:#90ee90;display:flex;flex-direction:column}.button[data-v-fc2d90ee]{padding:10px 30px;margin-top:10px;border-radius:10px;background-color:green;color:#fff;text-decoration:none}.container[data-v-f3f635bd]{width:100%;height:100%;background-color:#add8e6;display:flex;flex-direction:column}.button[data-v-f3f635bd]{padding:10px 30px;margin-top:10px;border-radius:10px;background-color:green;color:#fff;text-decoration:none}
