diff --git a/data/www/browserconfig.xml b/data/www/browserconfig.xml
new file mode 100755
index 0000000..ff8704a
--- /dev/null
+++ b/data/www/browserconfig.xml
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/favicon/ms-icon-70x70.png"/><square150x150logo src="/favicon/ms-icon-150x150.png"/><square310x310logo src="/favicon/ms-icon-310x310.png"/><TileColor>#692fbd</TileColor></tile></msapplication></browserconfig>
\ No newline at end of file
diff --git a/data/www/css/animate.min.css b/data/www/css/animate.min.css
new file mode 100755
index 0000000..76d2fe1
--- /dev/null
+++ b/data/www/css/animate.min.css
@@ -0,0 +1,7 @@
+@charset "UTF-8";/*!
+ * animate.css - https://animate.style/
+ * Version - 4.1.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2020 Animate.css
+ */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
\ No newline at end of file
diff --git a/data/www/css/main.css b/data/www/css/main.css
index 6e25e32..1b4cd4d 100644
--- a/data/www/css/main.css
+++ b/data/www/css/main.css
@@ -71,6 +71,13 @@ header .logo {
     align-items: center;
 }
 
+header .logo a {
+    color: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 header .logo img {
     width: 32px;
     height: 32px;
@@ -545,4 +552,17 @@ span.empty {
     text-transform: uppercase;
     opacity: 0.5;
     color: #999;
+}
+
+footer {
+    align-self: stretch;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    display: flex;
+    padding: 20px;
+}
+
+footer .version {
+    opacity: 0.3;
 }
\ No newline at end of file
diff --git a/data/www/favicon.ico b/data/www/favicon.ico
new file mode 100755
index 0000000..a62bf4f
Binary files /dev/null and b/data/www/favicon.ico differ
diff --git a/data/www/favicon/android-icon-144x144.png b/data/www/favicon/android-icon-144x144.png
new file mode 100755
index 0000000..064017c
Binary files /dev/null and b/data/www/favicon/android-icon-144x144.png differ
diff --git a/data/www/favicon/android-icon-192x192.png b/data/www/favicon/android-icon-192x192.png
new file mode 100755
index 0000000..31056a9
Binary files /dev/null and b/data/www/favicon/android-icon-192x192.png differ
diff --git a/data/www/favicon/android-icon-36x36.png b/data/www/favicon/android-icon-36x36.png
new file mode 100755
index 0000000..cd231f6
Binary files /dev/null and b/data/www/favicon/android-icon-36x36.png differ
diff --git a/data/www/favicon/android-icon-48x48.png b/data/www/favicon/android-icon-48x48.png
new file mode 100755
index 0000000..e21be81
Binary files /dev/null and b/data/www/favicon/android-icon-48x48.png differ
diff --git a/data/www/favicon/android-icon-72x72.png b/data/www/favicon/android-icon-72x72.png
new file mode 100755
index 0000000..523ad00
Binary files /dev/null and b/data/www/favicon/android-icon-72x72.png differ
diff --git a/data/www/favicon/android-icon-96x96.png b/data/www/favicon/android-icon-96x96.png
new file mode 100755
index 0000000..234e8d0
Binary files /dev/null and b/data/www/favicon/android-icon-96x96.png differ
diff --git a/data/www/favicon/apple-icon-114x114.png b/data/www/favicon/apple-icon-114x114.png
new file mode 100755
index 0000000..e6588d7
Binary files /dev/null and b/data/www/favicon/apple-icon-114x114.png differ
diff --git a/data/www/favicon/apple-icon-120x120.png b/data/www/favicon/apple-icon-120x120.png
new file mode 100755
index 0000000..6161e96
Binary files /dev/null and b/data/www/favicon/apple-icon-120x120.png differ
diff --git a/data/www/favicon/apple-icon-144x144.png b/data/www/favicon/apple-icon-144x144.png
new file mode 100755
index 0000000..064017c
Binary files /dev/null and b/data/www/favicon/apple-icon-144x144.png differ
diff --git a/data/www/favicon/apple-icon-152x152.png b/data/www/favicon/apple-icon-152x152.png
new file mode 100755
index 0000000..36ffbee
Binary files /dev/null and b/data/www/favicon/apple-icon-152x152.png differ
diff --git a/data/www/favicon/apple-icon-180x180.png b/data/www/favicon/apple-icon-180x180.png
new file mode 100755
index 0000000..e5c39dd
Binary files /dev/null and b/data/www/favicon/apple-icon-180x180.png differ
diff --git a/data/www/favicon/apple-icon-57x57.png b/data/www/favicon/apple-icon-57x57.png
new file mode 100755
index 0000000..33d0ca7
Binary files /dev/null and b/data/www/favicon/apple-icon-57x57.png differ
diff --git a/data/www/favicon/apple-icon-60x60.png b/data/www/favicon/apple-icon-60x60.png
new file mode 100755
index 0000000..f14448e
Binary files /dev/null and b/data/www/favicon/apple-icon-60x60.png differ
diff --git a/data/www/favicon/apple-icon-72x72.png b/data/www/favicon/apple-icon-72x72.png
new file mode 100755
index 0000000..523ad00
Binary files /dev/null and b/data/www/favicon/apple-icon-72x72.png differ
diff --git a/data/www/favicon/apple-icon-76x76.png b/data/www/favicon/apple-icon-76x76.png
new file mode 100755
index 0000000..1831d33
Binary files /dev/null and b/data/www/favicon/apple-icon-76x76.png differ
diff --git a/data/www/favicon/apple-icon-precomposed.png b/data/www/favicon/apple-icon-precomposed.png
new file mode 100755
index 0000000..64dcd75
Binary files /dev/null and b/data/www/favicon/apple-icon-precomposed.png differ
diff --git a/data/www/favicon/apple-icon.png b/data/www/favicon/apple-icon.png
new file mode 100755
index 0000000..64dcd75
Binary files /dev/null and b/data/www/favicon/apple-icon.png differ
diff --git a/data/www/favicon/favicon-16x16.png b/data/www/favicon/favicon-16x16.png
new file mode 100755
index 0000000..d0ca706
Binary files /dev/null and b/data/www/favicon/favicon-16x16.png differ
diff --git a/data/www/favicon/favicon-32x32.png b/data/www/favicon/favicon-32x32.png
new file mode 100755
index 0000000..79d5f6c
Binary files /dev/null and b/data/www/favicon/favicon-32x32.png differ
diff --git a/data/www/favicon/favicon-96x96.png b/data/www/favicon/favicon-96x96.png
new file mode 100755
index 0000000..cb6ffc1
Binary files /dev/null and b/data/www/favicon/favicon-96x96.png differ
diff --git a/data/www/favicon/ms-icon-144x144.png b/data/www/favicon/ms-icon-144x144.png
new file mode 100755
index 0000000..064017c
Binary files /dev/null and b/data/www/favicon/ms-icon-144x144.png differ
diff --git a/data/www/favicon/ms-icon-150x150.png b/data/www/favicon/ms-icon-150x150.png
new file mode 100755
index 0000000..7a0b4a4
Binary files /dev/null and b/data/www/favicon/ms-icon-150x150.png differ
diff --git a/data/www/favicon/ms-icon-310x310.png b/data/www/favicon/ms-icon-310x310.png
new file mode 100755
index 0000000..8ce084a
Binary files /dev/null and b/data/www/favicon/ms-icon-310x310.png differ
diff --git a/data/www/favicon/ms-icon-70x70.png b/data/www/favicon/ms-icon-70x70.png
new file mode 100755
index 0000000..4827ad2
Binary files /dev/null and b/data/www/favicon/ms-icon-70x70.png differ
diff --git a/data/www/js/settings.js b/data/www/js/settings.js
index b0d9dc2..e501d7c 100644
--- a/data/www/js/settings.js
+++ b/data/www/js/settings.js
@@ -21,6 +21,17 @@ jQuery(document).ready(function ($) {
 
     $(document).on('click', '.variable-edit', function () {
         const variable = JSON.parse($(this).parents('tr:eq(0)').attr('data-entity'));
+
+        if (variable['selectables']) {
+            var $select = $('<select id="variable-edit-value" name="value" required="required"></select>');
+            $.each(variable['selectables'], function(index, option) {
+                $select.append($('<option></option>').val(option.key).html(option.label));
+            });
+            $('#variable-edit-value').replaceWith($select);
+        } else {
+            $('#variable-edit-value').replaceWith('<input type="text" name="value" id="variable-edit-value" required="required" />');
+        }
+
         showModal('modal-variable-edit');
         $('.modal-variable-edit input:visible:eq(0)').focus().select();
         $('#variable-edit-name').val(variable.name);
diff --git a/data/www/manifest.json b/data/www/manifest.json
new file mode 100755
index 0000000..6c3aeda
--- /dev/null
+++ b/data/www/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/favicon/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/favicon/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/favicon/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/favicon/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/favicon/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/favicon/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}
\ No newline at end of file
diff --git a/lang/en.json b/lang/en.json
index 33d613b..0b4f76d 100644
--- a/lang/en.json
+++ b/lang/en.json
@@ -57,12 +57,17 @@
     "settings_variable_form_label_name": "Name",
     "settings_variable_form_label_value": "Value",
     "settings_variable_form_button_cancel": "Cancel",
-    "settings_variable_help_lang": "Server language [fr,en] (restart needed)",
-    "settings_variable_help_fleet_enabled": "Enable fleet screen management view (restart needed)",
-    "settings_variable_help_external_url": "External url (i.e: https://screen-01.company.com or http://10.10.3.100)",
+    "settings_variable_desc_lang": "Server language",
+    "settings_variable_desc_fleet_enabled": "Enable fleet screen management view",
+    "settings_variable_desc_external_url": "External url (i.e: https://screen-01.company.com or http://10.10.3.100)",
 
-    "settings_variable_help_ro_editable":  "Last application reboot datetime",
-    "settings_variable_help_ro_last_slide_update":  "Last slide update datetime",
+    "settings_variable_desc_slide_animation_enabled": "Enable animation effect between slides",
+    "settings_variable_desc_slide_animation_entrance_effect": "Slide animation entrance effect",
+    "settings_variable_desc_slide_animation_exit_effect": "Slide animation exit effect (generally better off without it)",
+    "settings_variable_desc_slide_animation_speed": "Slide animation speed",
+
+    "settings_variable_desc_ro_editable":  "Last application reboot datetime",
+    "settings_variable_desc_ro_last_slide_update":  "Last slide update datetime",
 
     "sysinfo_page_title": "System infos",
     "sysinfo_panel_button_restart": "Restart",
@@ -94,5 +99,11 @@
     "basic_month_12": "Décember",
 
     "common_unknown_ipaddr": "Unknown IP address",
-    "common_empty": "[Empty]"
+    "common_empty": "[Empty]",
+
+    "enum_animation_speed_slower": "Slower",
+    "enum_animation_speed_slow": "Slow",
+    "enum_animation_speed_normal": "Normal",
+    "enum_animation_speed_fast": "Fast",
+    "enum_animation_speed_faster": "Faster"
 }
diff --git a/lang/fr.json b/lang/fr.json
index f561aff..1af5037 100644
--- a/lang/fr.json
+++ b/lang/fr.json
@@ -57,12 +57,17 @@
     "settings_variable_form_label_name": "Nom",
     "settings_variable_form_label_value": "Valeur",
     "settings_variable_form_button_cancel": "Annuler",
-    "settings_variable_help_lang": "Langage de l'application [fr,en]",
-    "settings_variable_help_fleet_enabled": "Activer la gestion de flotte des écrans",
-    "settings_variable_help_external_url": "URL externe (i.e: https://screen-01.company.com or http://10.10.3.100)",
+    "settings_variable_desc_lang": "Langage de l'application",
+    "settings_variable_desc_fleet_enabled": "Activer la gestion de flotte des écrans",
+    "settings_variable_desc_external_url": "URL externe (i.e: https://screen-01.company.com or http://10.10.3.100)",
 
-    "settings_variable_help_ro_editable":  "Date de dernier redémarrage de l'application",
-    "settings_variable_help_ro_last_slide_update":  "Date de dernière modification d'une slide",
+    "settings_variable_desc_slide_animation_enabled": "Activer les effets d'animation entre les slides",
+    "settings_variable_desc_slide_animation_entrance_effect": "Effet d'animation d'arrivée de la slide",
+    "settings_variable_desc_slide_animation_exit_effect": "Effet d'animation de sortie de la slide (généralement mieux sans)",
+    "settings_variable_desc_slide_animation_speed": "Vitesse de l'animation de la slide",
+
+    "settings_variable_desc_ro_editable":  "Date de dernier redémarrage de l'application",
+    "settings_variable_desc_ro_last_slide_update":  "Date de dernière modification d'une slide",
 
     "sysinfo_page_title": "Système",
     "sysinfo_panel_button_restart": "Redémarrer",
@@ -94,5 +99,11 @@
     "basic_month_12": "Décembre",
 
     "common_unknown_ipaddr": "Adresse IP inconnue",
-    "common_empty": "[Vide]"
+    "common_empty": "[Vide]",
+
+    "enum_animation_speed_slower": "Très lent",
+    "enum_animation_speed_slow": "Lent",
+    "enum_animation_speed_normal": "Normal",
+    "enum_animation_speed_fast": "Rapide",
+    "enum_animation_speed_faster": "Très rapide"
 }
diff --git a/plugins/system/FleetmodeScreenRestart/FleetmodeScreenRestart.py b/plugins/system/FleetmodeScreenRestart/FleetmodeScreenRestart.py
index b7634e2..ec4375d 100644
--- a/plugins/system/FleetmodeScreenRestart/FleetmodeScreenRestart.py
+++ b/plugins/system/FleetmodeScreenRestart/FleetmodeScreenRestart.py
@@ -16,7 +16,16 @@ class FleetmodeScreenRestart(ObPlugin):
         return 'Fleetmode Screen Restart'
 
     def use_variables(self) -> List[Variable]:
-        return []
+        return [
+    #         self.add_variable(
+    #             name="foo",
+    #             description="foo",
+    #             type=VariableType.SELECT_SINGLE,
+    #             value="foo",
+    #             editable=True,
+    #             selectables={"alpha": "Alpha", "beta": "Beta"}
+    #         )
+        ]
 
     def use_hooks_registrations(self) -> List[HookRegistration]:
         return [
diff --git a/src/controller/PlayerController.py b/src/controller/PlayerController.py
index d3a47b8..44823e1 100644
--- a/src/controller/PlayerController.py
+++ b/src/controller/PlayerController.py
@@ -24,7 +24,11 @@ class PlayerController(ObController):
     def player(self):
         return render_template(
             'player/player.jinja.html',
-            items=json.dumps(self._get_playlist())
+            items=json.dumps(self._get_playlist()),
+            slide_animation_enabled=self._model_store.variable().get_one_by_name('slide_animation_enabled'),
+            slide_animation_entrance_effect=self._model_store.variable().get_one_by_name('slide_animation_entrance_effect'),
+            slide_animation_exit_effect=self._model_store.variable().get_one_by_name('slide_animation_exit_effect'),
+            slide_animation_speed=self._model_store.variable().get_one_by_name('slide_animation_speed')
         )
 
     def player_default(self):
diff --git a/src/interface/ObPlugin.py b/src/interface/ObPlugin.py
index 705cb91..188fa1a 100644
--- a/src/interface/ObPlugin.py
+++ b/src/interface/ObPlugin.py
@@ -55,9 +55,15 @@ class ObPlugin(abc.ABC):
     def get_plugin_variable_name(self, name: str) -> str:
         return "{}_{}".format(self.get_plugin_variable_prefix(), name)
 
-    def add_variable(self, name: str, value, type: VariableType, editable: bool, description: str) -> Variable:
+    def add_variable(self, name: str, value='', type: VariableType = VariableType.STRING, editable: bool = True, description: str = '', selectables: Optional[Dict[str, str]] = None) -> Variable:
         return self._model_store.variable().set_variable(
-            name=self.get_plugin_variable_name(name), value=value, type=type, editable=editable, description=description, plugin=self.use_id()
+            name=self.get_plugin_variable_name(name),
+            value=value,
+            type=type,
+            editable=editable,
+            description=description,
+            selectables=selectables if isinstance(selectables, dict) else None,
+            plugin=self.use_id(),
         )
 
     def add_static_hook_registration(self, hook: HookType, priority: int = 0) -> StaticHookRegistration:
diff --git a/src/manager/ConfigManager.py b/src/manager/ConfigManager.py
index 2d02b1a..a518c45 100644
--- a/src/manager/ConfigManager.py
+++ b/src/manager/ConfigManager.py
@@ -11,10 +11,12 @@ load_dotenv()
 class ConfigManager:
 
     DEFAULT_PORT = 5000
+    VERSION_FILE = 'version.txt'
 
     def __init__(self, variable_manager: VariableManager):
         self._variable_manager = variable_manager
         self._CONFIG = {
+            'version': None,
             'port': self.DEFAULT_PORT,
             'bind': '0.0.0.0',
             'debug': False,
@@ -26,6 +28,7 @@ class ConfigManager:
             'player_url': 'http://localhost:{}'.format(self.DEFAULT_PORT)
         }
 
+        self.load_version()
         self.load_from_env()
         self.load_from_args()
 
@@ -49,9 +52,14 @@ class ConfigManager:
         parser.add_argument('--log-file', '-lf', default=self._CONFIG['log_file'], help='Log File path')
         parser.add_argument('--log-level', '-ll', default=self._CONFIG['log_level'], help='Log Level')
         parser.add_argument('--log-stdout', '-ls', default=self._CONFIG['log_stdout'], action='store_true', help='Log to standard output')
+        parser.add_argument('--version', '-v', default=None, action='store_true', help='Get version number')
 
         return parser.parse_args()
 
+    def load_version(self) -> str:
+        with open(self.VERSION_FILE, 'r') as file:
+            self._CONFIG['version'] = file.read()
+
     def load_from_args(self) -> None:
         args = self.parse_arguments()
 
@@ -67,6 +75,9 @@ class ConfigManager:
             self._CONFIG['log_level'] = args.log_level
         if args.log_stdout:
             self._CONFIG['log_stdout'] = args.log_stdout
+        if args.version:
+            print("Obscreen version v{} (https://github.com/jr-k/obscreen)".format(self._CONFIG['version']))
+            sys.exit(0)
 
     def load_from_env(self) -> None:
         for key in self._CONFIG:
diff --git a/src/manager/VariableManager.py b/src/manager/VariableManager.py
index cc5a04b..5a86f9d 100644
--- a/src/manager/VariableManager.py
+++ b/src/manager/VariableManager.py
@@ -1,10 +1,16 @@
 from typing import Dict, Optional, List, Tuple, Union
 from src.model.entity.Variable import Variable
+from src.model.entity.Selectable import Selectable
 from src.model.enum.VariableType import VariableType
+from src.model.enum.AnimationEntranceEffect import AnimationEntranceEffect
+from src.model.enum.AnimationExitEffect import AnimationExitEffect
+from src.model.enum.AnimationSpeed import AnimationSpeed
 from pysondb import PysonDB
 from pysondb.errors import IdDoesNotExistError
+from src.utils import get_keys
 import time
 
+SELECTABLE_BOOLEAN = {"1": "✅", "0": "❌"}
 
 class VariableManager:
 
@@ -15,27 +21,37 @@ class VariableManager:
         self._var_map = {}
         self.reload()
 
-    def set_variable(self, name: str, value, type: VariableType, editable: bool, description: str, plugin: Optional[None] = None) -> Variable:
+    def set_variable(self, name: str, value, type: VariableType, editable: bool, description: str, plugin: Optional[None] = None, selectables: Optional[Dict[str, str]] = None) -> Variable:
         if isinstance(value, bool) and value:
             value = '1'
         elif isinstance(value, bool) and not value:
             value = '0'
 
+        if type == VariableType.BOOL:
+            selectables = SELECTABLE_BOOLEAN
+
         default_var = {
             "name": name,
             "value": value,
             "type": type.value,
             "editable": editable,
             "description": description,
-            "plugin": plugin
+            "plugin": plugin,
+            "selectables": ([{"key": key, "label": label} for key, label in selectables.items()]) if isinstance(selectables, dict) else None
         }
         variable = self.get_one_by_name(default_var['name'])
 
         if not variable:
             self.add_form(default_var)
             variable = self.get_one_by_name(default_var['name'])
-        elif variable.description != default_var['description']:
-            self._db.update_by_id(variable.id, {"description": default_var['description']})
+        else:
+            same_selectables = get_keys(default_var, 'selectables') == get_keys(variable, 'selectables')
+
+            if variable.description != default_var['description']:
+                self._db.update_by_id(variable.id, {"description": default_var['description']})
+
+            if not same_selectables:
+                self._db.update_by_id(variable.id, {"selectables": default_var['selectables']})
 
         if variable.name == 'last_restart':
             self._db.update_by_id(variable.id, {"value": time.time()})
@@ -44,11 +60,15 @@ class VariableManager:
 
     def reload(self, lang_map: Optional[Dict] = None) -> None:
         default_vars = [
-            {"name": "lang", "value": "en", "type": VariableType.STRING, "editable": True, "description": lang_map['settings_variable_help_lang'] if lang_map else ""},
-            {"name": "fleet_enabled", "value": False, "type": VariableType.BOOL, "editable": True, "description": lang_map['settings_variable_help_fleet_enabled'] if lang_map else ""},
-            {"name": "external_url", "value": "", "type": VariableType.STRING, "editable": True, "description": lang_map['settings_variable_help_external_url'] if lang_map else ""},
-            {"name": "last_restart", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": lang_map['settings_variable_help_ro_editable'] if lang_map else ""},
-            {"name": "last_slide_update", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": lang_map['settings_variable_help_ro_last_slide_update'] if lang_map else ""},
+            {"name": "lang", "value": "en", "type": VariableType.SELECT_SINGLE, "editable": True, "description": lang_map['settings_variable_desc_lang'] if lang_map else "", "selectables": {"en": "English", "fr": "French"}},
+            {"name": "fleet_enabled", "value": False, "type": VariableType.BOOL, "editable": True, "description": lang_map['settings_variable_desc_fleet_enabled'] if lang_map else ""},
+            {"name": "external_url", "value": "", "type": VariableType.STRING, "editable": True, "description": lang_map['settings_variable_desc_external_url'] if lang_map else ""},
+            {"name": "slide_animation_enabled", "value": False, "type": VariableType.BOOL, "editable": True, "description": lang_map['settings_variable_desc_slide_animation_enabled'] if lang_map else ""},
+            {"name": "slide_animation_entrance_effect", "value": AnimationEntranceEffect.FADE_IN.value, "type": VariableType.SELECT_SINGLE, "editable": True, "description": lang_map['settings_variable_desc_slide_animation_entrance_effect'] if lang_map else "", "selectables": AnimationEntranceEffect.get_values()},
+            {"name": "slide_animation_exit_effect", "value": AnimationExitEffect.NONE.value, "type": VariableType.SELECT_SINGLE, "editable": True, "description": lang_map['settings_variable_desc_slide_animation_exit_effect'] if lang_map else "", "selectables": AnimationExitEffect.get_values()},
+            {"name": "slide_animation_speed", "value": AnimationSpeed.NORMAL.value, "type": VariableType.SELECT_SINGLE, "editable": True, "description": lang_map['settings_variable_desc_slide_animation_speed'] if lang_map else "", "selectables": AnimationSpeed.get_values(lang_map)},
+            {"name": "last_restart", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": lang_map['settings_variable_desc_ro_editable'] if lang_map else ""},
+            {"name": "last_slide_update", "value": time.time(), "type": VariableType.TIMESTAMP, "editable": False, "description": lang_map['settings_variable_desc_ro_last_slide_update'] if lang_map else ""},
         ]
 
         for default_var in default_vars:
@@ -76,6 +96,9 @@ class VariableManager:
         if id:
             raw_variable['id'] = id
 
+        if 'selectables' in raw_variable and raw_variable['selectables']:
+            raw_variable['selectables'] = [Selectable(**selectable) for selectable in raw_variable['selectables']]
+
         return Variable(**raw_variable)
 
     @staticmethod
@@ -105,7 +128,8 @@ class VariableManager:
         return self.get_one_by(query=lambda v: v['name'] == name)
 
     def get_one_by(self, query) -> Optional[Variable]:
-        variables = self.hydrate_dict(self._db.get_by_query(query=query))
+        object = self._db.get_by_query(query=query)
+        variables = self.hydrate_dict(object)
         if len(variables) == 1:
             return variables[0]
         elif len(variables) > 1:
diff --git a/src/model/entity/Selectable.py b/src/model/entity/Selectable.py
new file mode 100755
index 0000000..ae818be
--- /dev/null
+++ b/src/model/entity/Selectable.py
@@ -0,0 +1,34 @@
+
+class Selectable:
+
+    def __init__(self, key: str = '', label: str = ''):
+        self._key = key
+        self._label = label
+
+    @property
+    def key(self) -> str:
+        return self._key
+
+    @key.setter
+    def key(self, value: str):
+        self._key = value
+
+    @property
+    def label(self) -> str:
+        return self._label
+
+    @label.setter
+    def label(self, value: str):
+        self._label = value
+
+    def __str__(self) -> str:
+        return f"Selectable(" \
+               f"key='{self.key}',\n" \
+               f"label='{self.label}',\n" \
+               f")"
+
+    def to_dict(self) -> dict:
+        return {
+            "key": self.key,
+            "label": self.label
+        }
diff --git a/src/model/entity/Variable.py b/src/model/entity/Variable.py
index ea52f87..4781297 100644
--- a/src/model/entity/Variable.py
+++ b/src/model/entity/Variable.py
@@ -1,8 +1,9 @@
 import json
 import time
 
-from typing import Optional, Union
+from typing import Optional, Union, Dict, List
 from src.model.enum.VariableType import VariableType
+from src.model.entity.Selectable import Selectable
 from src.utils import str_to_enum
 
 
@@ -10,7 +11,7 @@ class Variable:
 
     def __init__(self, name: str = '', description: str = '', type: Union[VariableType, str] = VariableType.STRING,
                  value: Union[int, bool, str] = '', editable: bool = True, id: Optional[str] = None,
-                 plugin: Optional[str] = None):
+                 plugin: Optional[str] = None, selectables: Optional[List[Selectable]] = None):
         self._id = id if id else None
         self._name = name
         self._type = str_to_enum(type, VariableType) if isinstance(type, str) else type
@@ -18,11 +19,23 @@ class Variable:
         self._value = value
         self._editable = editable
         self._plugin = plugin
+        self._selectables = selectables
 
     @property
     def id(self) -> Union[int, str]:
         return self._id
 
+    @property
+    def selectables(self) -> List[Selectable]:
+        return self._selectables
+
+    @selectables.setter
+    def selectables(self, value: List[Selectable]):
+        self._selectables = value
+
+    def add_selectable(self, value: Selectable):
+        self._selectables.append(value)
+
     @property
     def name(self) -> str:
         return self._name
@@ -80,6 +93,7 @@ class Variable:
                f"description='{self.description}',\n" \
                f"editable='{self.editable}',\n" \
                f"plugin='{self.plugin}',\n" \
+               f"selectables='{self.selectables}',\n" \
                f")"
 
     def to_json(self) -> str:
@@ -94,6 +108,7 @@ class Variable:
             "description": self.description,
             "editable": self.editable,
             "plugin": self.plugin,
+            "selectables": [selectable.to_dict() for selectable in self.selectables] if isinstance(self._selectables, list) else None
         }
 
     def as_bool(self) -> bool:
@@ -105,10 +120,20 @@ class Variable:
     def as_int(self) -> int:
         return int(self._value)
 
-    def as_ctime(self):
+    def as_ctime(self) -> int:
         return time.ctime(self._value)
 
-    def display(self):
+    def display(self) -> Union[int, bool, str]:
+        value = self.eval()
+
+        if self.type == VariableType.SELECT_SINGLE:
+            for selectable in self.selectables:
+                if selectable.key == value:
+                    return str(selectable.label)
+
+        return value
+
+    def eval(self) -> Union[int, bool, str]:
         if self.type == VariableType.INT:
             return self.as_int()
         elif self.type == VariableType.BOOL:
@@ -118,5 +143,5 @@ class Variable:
 
         return self.as_string()
 
-    def is_from_plugin(self):
-        return self.plugin
\ No newline at end of file
+    def is_from_plugin(self) -> Optional[str]:
+        return self.plugin
diff --git a/src/model/enum/AnimationEntranceEffect.py b/src/model/enum/AnimationEntranceEffect.py
new file mode 100755
index 0000000..024a1db
--- /dev/null
+++ b/src/model/enum/AnimationEntranceEffect.py
@@ -0,0 +1,65 @@
+from enum import Enum
+
+
+class AnimationEntranceEffect(Enum):
+
+    BACK_IN_DOWN = 'backInDown'
+    BACK_IN_LEFT = 'backInLeft'
+    BACK_IN_RIGHT = 'backInRight'
+    BACK_IN_UP = 'backInUp'
+
+    BOUNCE_IN = 'bounceIn'
+    BOUNCE_IN_DOWN = 'bounceInDown'
+    BOUNCE_IN_LEFT = 'bounceInLeft'
+    BOUNCE_IN_RIGHT = 'bounceInRight'
+    BOUNCE_IN_UP = 'bounceInUp'
+
+    FADE_IN = 'fadeIn'
+    FADE_IN_DOWN = 'fadeInDown'
+    FADE_IN_DOWN_BIG = 'fadeInDownBig'
+    FADE_IN_LEFT = 'fadeInLeft'
+    FADE_IN_LEFT_BIG = 'fadeInLeftBig'
+    FADE_IN_RIGHT = 'fadeInRight'
+    FADE_IN_RIGHT_BIG = 'fadeInRightBig'
+    FADE_IN_UP = 'fadeInUp'
+    FADE_IN_UP_BIG = 'fadeInUpBig'
+    FADE_IN_TOP_LEFT = 'fadeInTopLeft'
+    FADE_IN_TOP_RIGHT = 'fadeInTopRight'
+    FADE_IN_BOTTOM_LEFT = 'fadeInBottomLeft'
+    FADE_IN_BOTTOM_RIGHT = 'fadeInBottomRight'
+
+    FLIP = 'flip'
+    FLIP_IN_X = 'flipInX'
+    FLIP_IN_Y = 'flipInY'
+
+    LIGHT_SPEED_IN_RIGHT = 'lightSpeedInRight'
+    LIGHT_SPEED_IN_LEFT = 'lightSpeedInLeft'
+
+    ROTATE_IN = 'rotateIn'
+    ROTATE_IN_DOWN_LEFT = 'rotateInDownLeft'
+    ROTATE_IN_DOWN_RIGHT = 'rotateInDownRight'
+    ROTATE_IN_UP_LEFT = 'rotateInUpLeft'
+    ROTATE_IN_UP_RIGHT = 'rotateInUpRight'
+
+    ROLL_IN = 'rollIn'
+    JACK_IN_THE_BOX = 'jackInTheBox'
+
+    ZOOM_IN = 'zoomIn'
+    ZOOM_IN_DOWN = 'zoomInDown'
+    ZOOM_IN_LEFT = 'zoomInLeft'
+    ZOOM_IN_RIGHT = 'zoomInRight'
+    ZOOM_IN_UP = 'zoomInUp'
+
+    SLIDE_IN_DOWN = 'slideInDown'
+    SLIDE_IN_LEFT = 'slideInLeft'
+    SLIDE_IN_RIGHT = 'slideInRight'
+    SLIDE_IN_UP = 'slideInUp'
+
+    @staticmethod
+    def get_values() -> dict:
+        values = {}
+
+        for enum_item in AnimationEntranceEffect:
+            values[enum_item.value] = enum_item.value
+
+        return values
\ No newline at end of file
diff --git a/src/model/enum/AnimationExitEffect.py b/src/model/enum/AnimationExitEffect.py
new file mode 100755
index 0000000..d5871ca
--- /dev/null
+++ b/src/model/enum/AnimationExitEffect.py
@@ -0,0 +1,67 @@
+from enum import Enum
+
+
+class AnimationExitEffect(Enum):
+
+    NONE = 'none'
+
+    BACK_OUT_DOWN = 'backOutDown'
+    BACK_OUT_LEFT = 'backOutLeft'
+    BACK_OUT_RIGHT = 'backOutRight'
+    BACK_OUT_UP = 'backOutUp'
+
+    BOUNCE_OUT = 'bounceOut'
+    BOUNCE_OUT_DOWN = 'bounceOutDown'
+    BOUNCE_OUT_LEFT = 'bounceOutLeft'
+    BOUNCE_OUT_RIGHT = 'bounceOutRight'
+    BOUNCE_OUT_UP = 'bounceOutUp'
+
+    FADE_OUT = 'fadeOut'
+    FADE_OUT_DOWN = 'fadeOutDown'
+    FADE_OUT_DOWN_BIG = 'fadeOutDownBig'
+    FADE_OUT_LEFT = 'fadeOutLeft'
+    FADE_OUT_LEFT_BIG = 'fadeOutLeftBig'
+    FADE_OUT_RIGHT = 'fadeOutRight'
+    FADE_OUT_RIGHT_BIG = 'fadeOutRightBig'
+    FADE_OUT_UP = 'fadeOutUp'
+    FADE_OUT_UP_BIG = 'fadeOutUpBig'
+    FADE_OUT_TOP_LEFT = 'fadeOutTopLeft'
+    FADE_OUT_TOP_RIGHT = 'fadeOutTopRight'
+    FADE_OUT_BOTTOM_LEFT = 'fadeOutBottomLeft'
+    FADE_OUT_BOTTOM_RIGHT = 'fadeOutBottomRight'
+
+    FLIP = 'flip'
+    FLIP_OUT_X = 'flipOutX'
+    FLIP_OUT_Y = 'flipOutY'
+
+    LIGHT_SPEED_OUT_RIGHT = 'lightSpeedOutRight'
+    LIGHT_SPEED_OUT_LEFT = 'lightSpeedOutLeft'
+
+    ROTATE_OUT = 'rotateOut'
+    ROTATE_OUT_DOWN_LEFT = 'rotateOutDownLeft'
+    ROTATE_OUT_DOWN_RIGHT = 'rotateOutDownRight'
+    ROTATE_OUT_UP_LEFT = 'rotateOutUpLeft'
+    ROTATE_OUT_UP_RIGHT = 'rotateOutUpRight'
+
+    ROLL_OUT = 'rollOut'
+    HINGE = 'hinge'
+
+    ZOOM_OUT = 'zoomOut'
+    ZOOM_OUT_DOWN = 'zoomOutDown'
+    ZOOM_OUT_LEFT = 'zoomOutLeft'
+    ZOOM_OUT_RIGHT = 'zoomOutRight'
+    ZOOM_OUT_UP = 'zoomOutUp'
+
+    SLIDE_OUT_DOWN = 'slideOutDown'
+    SLIDE_OUT_LEFT = 'slideOutLeft'
+    SLIDE_OUT_RIGHT = 'slideOutRight'
+    SLIDE_OUT_UP = 'slideOutUp'
+
+    @staticmethod
+    def get_values() -> dict:
+        values = {}
+
+        for enum_item in AnimationExitEffect:
+            values[enum_item.value] = enum_item.value
+
+        return values
\ No newline at end of file
diff --git a/src/model/enum/AnimationSpeed.py b/src/model/enum/AnimationSpeed.py
new file mode 100755
index 0000000..bf52638
--- /dev/null
+++ b/src/model/enum/AnimationSpeed.py
@@ -0,0 +1,23 @@
+from enum import Enum
+
+
+class AnimationSpeed(Enum):
+
+    SLOWER = 'slower'
+    SLOW = 'slow'
+    NORMAL = 'normal'
+    FAST = 'fast'
+    FASTER = 'faster'
+
+    @staticmethod
+    def get_values(lang_map: dict) -> dict:
+        if lang_map is None:
+            return {}
+
+        return {
+            AnimationSpeed.SLOWER.value: lang_map['enum_animation_speed_slower'],   # 3s
+            AnimationSpeed.SLOW.value: lang_map['enum_animation_speed_slow'],       # 2s
+            AnimationSpeed.NORMAL.value: lang_map['enum_animation_speed_normal'],   # 1s
+            AnimationSpeed.FAST.value: lang_map['enum_animation_speed_fast'],       # 800ms
+            AnimationSpeed.FASTER.value: lang_map['enum_animation_speed_faster']    # 500ms
+        }
diff --git a/src/model/enum/VariableType.py b/src/model/enum/VariableType.py
index da7b6e4..8dcf971 100644
--- a/src/model/enum/VariableType.py
+++ b/src/model/enum/VariableType.py
@@ -5,5 +5,6 @@ class VariableType(Enum):
 
     BOOL = 'bool'
     STRING = 'string'
+    SELECT_SINGLE = 'string'
     INT = 'int'
     TIMESTAMP = 'timestamp'
diff --git a/src/service/TemplateRenderer.py b/src/service/TemplateRenderer.py
index 3458c33..6146242 100644
--- a/src/service/TemplateRenderer.py
+++ b/src/service/TemplateRenderer.py
@@ -22,6 +22,7 @@ class TemplateRenderer:
         globals = dict(
             STATIC_PREFIX="/{}/{}/".format(WebDirConstant.FOLDER_STATIC, WebDirConstant.FOLDER_STATIC_WEB_ASSETS),
             FLEET_ENABLED=self._model_store.variable().map().get('fleet_enabled').as_bool(),
+            VERSION=self._model_store.config().map().get('version'),
             LANG=self._model_store.variable().map().get('lang').as_string(),
             HOOK=self._render_hook,
         )
diff --git a/src/utils.py b/src/utils.py
index 3f247de..48720c7 100644
--- a/src/utils.py
+++ b/src/utils.py
@@ -2,10 +2,31 @@ import re
 import subprocess
 import platform
 
-from typing import Optional
+from typing import Optional, List
 from enum import Enum
 
 
+def get_keys(dict_or_object, key_list_name: str, key_attr_name: str = 'key') -> Optional[List]:
+    if dict_or_object is None:
+        return None
+
+    is_dict = isinstance(dict_or_object, dict)
+    is_object = not is_dict and isinstance(dict_or_object, object)
+
+    if is_dict:
+        iterable = dict_or_object[key_list_name]
+        if iterable is None:
+            return None
+        return [item[key_attr_name] for item in iterable]
+
+    if is_object:
+        iterable = getattr(dict_or_object, key_list_name)
+        if iterable is None:
+            return None
+        return [getattr(item, key_attr_name) for item in iterable]
+
+    return None
+
 def str_to_enum(str_val: str, enum_class) -> Enum:
     for enum_item in enum_class:
         if enum_item.value == str_val:
diff --git a/var/run/dummy b/var/run/dummy
index e69de29..37c4cd1 100755
--- a/var/run/dummy
+++ b/var/run/dummy
@@ -0,0 +1,13 @@
+
+@lxpanel --profile LXDE-pi
+@pcmanfm --desktop --profile LXDE-pi
+@xscreensaver -no-splash
+#@point-rpi
+@xset s off
+@xset -dpms
+@xset s noblank
+@unclutter -display :0 -noevents -grab
+@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' ~/.config/chromium/Default/Preferences
+#@sleep 10
+@chromium-browser --disable-features=Translate --ignore-certificate-errors --disable-web-security --disable-restore-session-state --autoplay-policy=no-user-gesture-required --start-maximized --allow-running-insecure-content --remember-cert-error-decisions --disable-restore-session-state --noerrdialogs --kiosk --incognito --window-position=0,0 --display=:0 http://localhost:5000
+        
\ No newline at end of file
diff --git a/version.txt b/version.txt
index 840ca8c..400122e 100755
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-1.4
\ No newline at end of file
+1.5
\ No newline at end of file
diff --git a/views/base.jinja.html b/views/base.jinja.html
index deecf29..f817bdb 100755
--- a/views/base.jinja.html
+++ b/views/base.jinja.html
@@ -6,6 +6,24 @@
     </title>
     <meta name="robots" content="noindex, nofollow">
     <meta name="google" content="notranslate">
+    <link rel="apple-touch-icon" sizes="57x57" href="{{ STATIC_PREFIX }}favicon/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="{{ STATIC_PREFIX }}favicon/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="{{ STATIC_PREFIX }}favicon/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="{{ STATIC_PREFIX }}favicon/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="{{ STATIC_PREFIX }}favicon/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="{{ STATIC_PREFIX }}favicon/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="{{ STATIC_PREFIX }}favicon/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="{{ STATIC_PREFIX }}favicon/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ STATIC_PREFIX }}favicon/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="{{ STATIC_PREFIX }}favicon/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ STATIC_PREFIX }}favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="{{ STATIC_PREFIX }}favicon/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ STATIC_PREFIX }}favicon/favicon-16x16.png">
+    <link rel="manifest" href="{{ STATIC_PREFIX }}/manifest.json">
+    <meta name="msapplication-TileColor" content="#692fbd">
+    <meta name="msapplication-TileImage" content="{{ STATIC_PREFIX }}favicon/ms-icon-144x144.png">
+    <meta name="theme-color" content="#692fbd">
+
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
@@ -22,8 +40,10 @@
         {% if not fleet_mode %}
              <header>
                 <h1 class="logo">
-                    <img src="{{ STATIC_PREFIX }}img/logo.png" />
-                    Obscreen
+                    <a href="{{ url_for('slideshow_slide_list') }}">
+                        <img src="{{ STATIC_PREFIX }}img/logo.png" />
+                        Obscreen
+                    </a>
                 </h1>
                 <nav>
                     <ul>
@@ -65,6 +85,8 @@
     {% block footer %}
         <footer>
             {{ HOOK(H_ROOT_FOOTER) }}
+
+            <p class="version">Obscreen version {{ VERSION }}</p>
         </footer>
     {% endblock %}
 </div>
diff --git a/views/fleet/modal/add.jinja.html b/views/fleet/modal/add.jinja.html
index b0f8d44..a23c239 100644
--- a/views/fleet/modal/add.jinja.html
+++ b/views/fleet/modal/add.jinja.html
@@ -7,21 +7,21 @@
         <div class="form-group">
             <label for="screen-add-name">{{ l.fleet_screen_form_label_name }}</label>
             <div class="widget">
-                <input name="name" type="text" id="screen-add-name" required="required"/>
+                <input name="name" type="text" id="screen-add-name" required="required" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="screen-add-host">{{ l.fleet_screen_form_label_host }}</label>
             <div class="widget">
-                <input type="text" name="host" id="screen-add-host" required="required"/>
+                <input type="text" name="host" id="screen-add-host" required="required" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="screen-add-port">{{ l.fleet_screen_form_label_port }}</label>
             <div class="widget">
-                <input type="number" name="port" id="screen-add-port" required="required"/>
+                <input type="number" name="port" id="screen-add-port" required="required" />
             </div>
         </div>
 
diff --git a/views/fleet/modal/edit.jinja.html b/views/fleet/modal/edit.jinja.html
index dddc8fd..067a554 100644
--- a/views/fleet/modal/edit.jinja.html
+++ b/views/fleet/modal/edit.jinja.html
@@ -4,26 +4,26 @@
     </h2>
 
     <form action="/fleet/screen/edit" method="POST">
-        <input type="hidden" name="id" id="screen-edit-id"/>
+        <input type="hidden" name="id" id="screen-edit-id" />
 
         <div class="form-group">
             <label for="screen-edit-name">{{ l.fleet_screen_form_label_name }}</label>
             <div class="widget">
-                <input type="text" name="name" id="screen-edit-name" required="required"/>
+                <input type="text" name="name" id="screen-edit-name" required="required" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="screen-edit-host">{{ l.fleet_screen_form_label_host }}</label>
             <div class="widget">
-                <input type="text" name="host" id="screen-edit-host" required="required"/>
+                <input type="text" name="host" id="screen-edit-host" required="required" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="screen-edit-port">{{ l.fleet_screen_form_label_port }}</label>
             <div class="widget">
-                <input type="number" name="port" id="screen-edit-port" required="required"/>
+                <input type="number" name="port" id="screen-edit-port" required="required" />
             </div>
         </div>
 
diff --git a/views/player/player.jinja.html b/views/player/player.jinja.html
index c213bd6..a32d9a9 100755
--- a/views/player/player.jinja.html
+++ b/views/player/player.jinja.html
@@ -4,6 +4,7 @@
     <title>Obscreen</title>
     <meta name="robots" content="noindex, nofollow">
     <meta name="google" content="notranslate">
+    <link rel="stylesheet" href="{{ STATIC_PREFIX }}css/animate.min.css" />
     <style>
         html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; background-color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; }
         .slide { display: flex; flex-direction: row; justify-content: center; align-items: center; background: black; }
@@ -13,10 +14,10 @@
     </style>
 </head>
 <body>
-<div id="FirstSlide" class="slide" style="visibility: hidden;">
+<div id="FirstSlide" class="slide" style="z-index: 1000;">
     <iframe src="/player/default"></iframe>
 </div>
-<div id="SecondSlide" class="slide" style="visibility: visible;">
+<div id="SecondSlide" class="slide" style="z-index: 500">
     <iframe src="/player/default"></iframe>
 </div>
 <script type="text/javascript">
@@ -37,8 +38,15 @@
         });
     }, playlistCheck);
 
+    var animate = {{ 'true' if slide_animation_enabled.eval() else 'false' }};
+    var animate_transitions = [
+        "animate__{{ slide_animation_entrance_effect.eval()|default("fadeIn") }}",
+        "animate__{{ slide_animation_exit_effect.eval()|default("none") }}"
+    ];
+    var animate_speed = "animate__{{ slide_animation_speed.eval()|default("normal") }}";
+
     function main() {
-         preloadIntoFirstSlide();
+         preloadIntoSecondSlide();
     }
 
     function loadContent(element, callbackReady) {
@@ -108,11 +116,28 @@
 
     function moveToFirstSlide() {
         //console.log('moveToFirstSlide', items[curUrl]);
+        var firstSlide = document.querySelector('#FirstSlide');
+        var secondSlide = document.querySelector('#SecondSlide');
+
         duration = items[curUrl].duration * 1000;
         curUrl = (curUrl + 1) === items.length ? 0 : curUrl + 1;
-        document.querySelector('#FirstSlide').style.visibility = 'visible';
-        document.querySelector('#SecondSlide').style.visibility = 'hidden';
-        preloadIntoSecondSlide();
+
+        firstSlide.style.zIndex = 1000;
+        secondSlide.style.zIndex = 500;
+
+        if (animate) {
+            firstSlide.classList.add('animate__animated', animate_transitions[0], animate_speed);
+            firstSlide.onanimationend = () => {
+                firstSlide.classList.remove(animate_transitions[0], animate_speed);
+                preloadIntoSecondSlide();
+            };
+            secondSlide.classList.add('animate__animated', animate_transitions[1], animate_speed);
+            secondSlide.onanimationend = () => {
+                secondSlide.classList.remove(animate_transitions[1], animate_speed);
+            };
+        } else {
+            preloadIntoSecondSlide();
+        }
     }
 
     function preloadIntoSecondSlide() {
@@ -136,11 +161,27 @@
 
     function moveToSecondSlide() {
         //console.log('moveToSecondSlide', items[curUrl]);
+        var firstSlide = document.querySelector('#FirstSlide');
+        var secondSlide = document.querySelector('#SecondSlide');
         duration = items[curUrl].duration * 1000;
         curUrl = (curUrl + 1) === items.length ? 0 : curUrl + 1;
-        document.querySelector('#FirstSlide').style.visibility = 'hidden';
-        document.querySelector('#SecondSlide').style.visibility = 'visible';
-        preloadIntoFirstSlide();
+
+        secondSlide.style.zIndex = 1000;
+        firstSlide.style.zIndex = 500;
+
+        if (animate) {
+            secondSlide.classList.add('animate__animated', animate_transitions[0], animate_speed);
+            secondSlide.onanimationend = () => {
+                secondSlide.classList.remove(animate_transitions[0], animate_speed);
+                preloadIntoFirstSlide();
+            };
+            firstSlide.classList.add('animate__animated', animate_transitions[1], animate_speed);
+            firstSlide.onanimationend = () => {
+                firstSlide.classList.remove(animate_transitions[1], animate_speed);
+            };
+        } else {
+            preloadIntoFirstSlide();
+        }
     }
 
     main();
diff --git a/views/settings/component/table.jinja.html b/views/settings/component/table.jinja.html
index d57d159..836b646 100644
--- a/views/settings/component/table.jinja.html
+++ b/views/settings/component/table.jinja.html
@@ -7,9 +7,9 @@
     </tr>
     </thead>
     <tbody>
-    {% set last_plugin = '' %}
+    {% set ns = namespace(last_plugin='') %}
     {% for variable in variables %}
-        {% if variable.plugin and last_plugin != variable.plugin %}
+        {% if variable.plugin and ns.last_plugin != variable.plugin %}
         <tr>
             <td colspan="2">
                 <h3>
@@ -26,8 +26,16 @@
                 </div>
             </td>
             <td>
-                {% if  variable.value %}
-                    {{ variable.value }}
+                {% if variable.value %}
+                    {% if variable.type.value == 'bool' %}
+                        {% if variable.display() %}
+                            ✅
+                        {% else %}
+                            ❌
+                        {% endif %}
+                    {% else %}
+                        {{ variable.display() }}
+                    {% endif %}
                 {% else %}
                     <span class="empty">{{ l.common_empty }}</span>
                 {% endif %}
@@ -38,7 +46,7 @@
                 </a>
             </td>
         </tr>
-        {% set last_plugin = variable.plugin %}
+        {% set ns.last_plugin = variable.plugin %}
     {% endfor %}
     </tbody>
 </table>
\ No newline at end of file
diff --git a/views/settings/modal/edit.jinja.html b/views/settings/modal/edit.jinja.html
index a7b13c1..586e114 100644
--- a/views/settings/modal/edit.jinja.html
+++ b/views/settings/modal/edit.jinja.html
@@ -4,19 +4,19 @@
     </h2>
 
     <form action="/settings/variable/edit" method="POST">
-        <input type="hidden" name="id" id="variable-edit-id"/>
+        <input type="hidden" name="id" id="variable-edit-id" />
 
         <div class="form-group">
             <label for="variable-edit-name">{{ l.settings_variable_form_label_name }}</label>
             <div class="widget">
-                <input type="text" name="name" id="variable-edit-name" required="required" disabled="disabled"/>
+                <input type="text" name="name" id="variable-edit-name" required="required" disabled="disabled" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="variable-edit-value">{{ l.settings_variable_form_label_value }}</label>
             <div class="widget">
-                <input type="text" name="value" id="variable-edit-value" required="required"/>
+                <input type="text" name="value" id="variable-edit-value" required="required" />
             </div>
         </div>
 
diff --git a/views/slideshow/modal/add.jinja.html b/views/slideshow/modal/add.jinja.html
index 96c9020..4e066a0 100644
--- a/views/slideshow/modal/add.jinja.html
+++ b/views/slideshow/modal/add.jinja.html
@@ -7,7 +7,7 @@
         <div class="form-group">
             <label for="slide-add-name">{{ l.slideshow_slide_form_label_name }}</label>
             <div class="widget">
-                <input name="name" type="text" id="slide-add-name" required="required"/>
+                <input name="name" type="text" id="slide-add-name" required="required" />
             </div>
         </div>
         <div class="form-group">
@@ -24,16 +24,16 @@
         <div class="form-group object-input">
             <label for="slide-add-duration">{{ l.slideshow_slide_form_label_object }}</label>
             <div class="widget">
-                <input type="text" name="object" id="slide-add-object-input-text" class="slide-add-object-input"/>
+                <input type="text" name="object" id="slide-add-object-input-text" class="slide-add-object-input" />
                 <input type="file" name="object" id="slide-add-object-input-upload"
-                       class="slide-add-object-input hidden" disabled="disabled"/>
+                       class="slide-add-object-input hidden" disabled="disabled" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="slide-add-duration">{{ l.slideshow_slide_form_label_duration }}</label>
             <div class="widget">
-                <input type="number" name="duration" id="slide-add-duration" required="required"/>
+                <input type="number" name="duration" id="slide-add-duration" required="required" />
                 <span>{{ l.slideshow_slide_form_label_duration_unit }}</span>
             </div>
         </div>
diff --git a/views/slideshow/modal/edit.jinja.html b/views/slideshow/modal/edit.jinja.html
index 7264843..564f6d9 100644
--- a/views/slideshow/modal/edit.jinja.html
+++ b/views/slideshow/modal/edit.jinja.html
@@ -4,12 +4,12 @@
     </h2>
 
     <form action="/slideshow/slide/edit" method="POST">
-        <input type="hidden" name="id" id="slide-edit-id"/>
+        <input type="hidden" name="id" id="slide-edit-id" />
 
         <div class="form-group">
             <label for="slide-edit-name">{{ l.slideshow_slide_form_label_name }}</label>
             <div class="widget">
-                <input type="text" name="name" id="slide-edit-name" required="required"/>
+                <input type="text" name="name" id="slide-edit-name" required="required" />
             </div>
         </div>
         <div class="form-group">
@@ -26,14 +26,14 @@
         <div class="form-group">
             <label for="slide-edit-location">{{ l.slideshow_slide_form_label_location }}</label>
             <div class="widget">
-                <input type="text" name="location" id="slide-edit-location" disabled="disabled"/>
+                <input type="text" name="location" id="slide-edit-location" disabled="disabled" />
             </div>
         </div>
 
         <div class="form-group">
             <label for="slide-edit-duration">{{ l.slideshow_slide_form_label_duration }}</label>
             <div class="widget">
-                <input type="number" name="duration" id="slide-edit-duration" required="required"/>
+                <input type="number" name="duration" id="slide-edit-duration" required="required" />
                 <span>{{ l.slideshow_slide_form_label_duration_unit }}</span>
             </div>
         </div>
diff --git a/views/sysinfo/list.jinja.html b/views/sysinfo/list.jinja.html
index e56f4da..dcb6a4e 100644
--- a/views/sysinfo/list.jinja.html
+++ b/views/sysinfo/list.jinja.html
@@ -34,13 +34,37 @@
                     {% for ro_variable in ro_variables %}
                         <tr>
                             <td>{{ ro_variable.description }}</td>
-                            <td>{{ ro_variable.display() }}</td>
+                            <td>
+                                {% if ro_variable.value %}
+                                    {% if ro_variable.type.value == 'bool' %}
+                                        {% if ro_variable.display() %}
+                                            ✅
+                                        {% else %}
+                                            ❌
+                                        {% endif %}
+                                    {% else %}
+                                        {{ ro_variable.display() }}
+                                    {% endif %}
+                                {% else %}
+                                        <span class="empty">{{ l.common_empty }}</span>
+                                {% endif %}
+                            </td>
                         </tr>
                     {% endfor %}
                     {% for env_key, env_value in env_variables.items() %}
                         <tr>
                             <td>{{ env_key }}</td>
-                            <td>{{ env_value }}</td>
+                            <td>
+                                {% if env_value == true %}
+                                    ✅
+                                {% elif env_value == false %}
+                                    ❌
+                                {% elif env_value == none %}
+                                    <span class="empty">{{ l.common_empty }}</span>
+                                {% else %}
+                                    {{ env_value }}
+                                {% endif %}
+                            </td>
                         </tr>
                     {% endfor %}
                 </tbody>