body{--font:15px;--base-space:1em;--light-green:#e0f8e6;--blue:#0050aa;--view-animation-time:2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@media only screen and (min-width:1000px){body,button,input,textarea{font-size:var(--font)}}@media only screen and (max-width:600px){body,button,input,textarea{font-size:var(--font)}}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{background:var(--base-light-gray);border:2px solid var(--blue);box-sizing:border-box;height:1rem;margin:0 0 calc(var(--base-space)/2);outline:none;padding:var(--base-space) calc(var(--base-space)*2)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{background:var(--base-background);border-color:var(--base-light-blue);box-shadow:var(--base-shadow)}button{background-color:var(--blue);border:none;box-sizing:border-box;box-sizing:content-box;color:#fff;cursor:pointer;height:1rem;outline:none;padding:var(--base-space) calc(var(--base-space));transition:all .3s}button[type=submit]{background:var(--base-blue);color:var(--base-background)}button:focus,button:hover{-webkit-filter:brightness(var(--hover-brightness));filter:brightness(var(--hover-brightness))}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Lidl Font Pro;font-style:normal;font-weight:700;src:url(/static/media/LidlFontPro-SemiBold.665cf28d636f887a8f18.eot);src:url(/static/media/LidlFontPro-SemiBold.665cf28d636f887a8f18.eot?#iefix) format("embedded-opentype"),url(/static/media/LidlFontPro-SemiBold.80d6c0a37c9b62a09dd9.woff) format("woff")}@font-face{font-display:swap;font-family:Lidl Font Pro;font-style:normal;font-weight:400;src:url(/static/media/LidlFontPro-Regular.cdefb2cbf2d1ad627a26.eot);src:url(/static/media/LidlFontPro-Regular.cdefb2cbf2d1ad627a26.eot?#iefix) format("embedded-opentype"),url(/static/media/LidlFontPro-Regular.c5da3993894431a0dd8b.woff) format("woff")}body,html,input,select,textarea{font-family:Lidl Font Pro,Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;font-size:16px;font-weight:400;line-height:normal}body,html{background:var(--light-green);background-size:100% auto;color:var(--blue);font-size:var(--font);margin:0;min-height:100%;padding:0}.main-app{display:flex;overflow:hidden}.main-app,.main-app .backstage{height:100%;left:0;position:absolute;top:0;width:100%}.main-app .backstage{-webkit-animation:appear .5s ease forwards;animation:appear .5s ease forwards;background:url(https://dev.code-essence.eu/lidl/media/bottom.png) bottom no-repeat;background-size:contain;z-index:1}.main-app .backstage .tree-top{-webkit-animation:appear .8s ease forwards;animation:appear .8s ease forwards;background-repeat:no-repeat;background-size:contain;height:50%;position:absolute;top:0;width:50%}.main-app .backstage .tree-top__right{background-image:url(https://dev.code-essence.eu/lidl/media/top-right.png);background-position:100% 0;right:0}.main-app .backstage .tree-top__left{background-image:url(https://dev.code-essence.eu/lidl/media/top-left.png);background-position:0 0;left:0}.main-app .leafs{background-color:transparent;height:100%;pointer-events:none;position:absolute;transition:all .3s;width:100%;z-index:2}.main-app .leafs .leaf{height:25vw;max-height:250px;max-width:250px;position:fixed;transition:all .3s;width:25vw}.main-app .leafs .leaf:after,.main-app .leafs .leaf:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s;width:100%}.main-app .leafs .leaf1{-webkit-animation:leaf1 35s ease-in-out infinite;animation:leaf1 35s ease-in-out infinite;left:20%;top:10%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:top left;transform-origin:top left}.main-app .leafs .leaf1:before{background:url(https://dev.code-essence.eu/lidl/media/leaf-2-glow.png) 0 0 no-repeat;background-size:contain;opacity:0}.main-app .leafs .leaf1:after{background:url(https://dev.code-essence.eu/lidl/media/leaf-2.png) 0 0 no-repeat;background-size:contain}.main-app .leafs .leaf2{-webkit-animation:leaf2 25s ease-in-out infinite;animation:leaf2 25s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s;bottom:10%;left:12%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:bottom left;transform-origin:bottom left}.main-app .leafs .leaf2:before{background:url(https://dev.code-essence.eu/lidl/media/leaf-1-glow.png) 0 0 no-repeat;background-size:contain;opacity:0}.main-app .leafs .leaf2:after{background:url(https://dev.code-essence.eu/lidl/media/leaf-1.png) 0 0 no-repeat;background-size:contain}.main-app .leafs .leaf3{-webkit-animation:leaf3 25s ease-in-out infinite;animation:leaf3 25s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s;background-size:contain;right:20%;top:20%;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:top right;transform-origin:top right}.main-app .leafs .leaf3:before{background:url(https://dev.code-essence.eu/lidl/media/leaf-3-glow.png) 0 0 no-repeat;background-size:contain;opacity:0}.main-app .leafs .leaf3:after{background:url(https://dev.code-essence.eu/lidl/media/leaf-3.png) 0 0 no-repeat;background-size:contain}.main-app .leafs__active{background-color:rgba(0,0,0,.3);pointer-events:all;z-index:4}.main-app .leafs__active .leaf{-webkit-animation:none;animation:none;cursor:pointer}.main-app .leafs__active .leaf:hover:before{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3)}.main-app .leafs__active .leaf:before{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}.main-app .leafs__active .leaf1{left:26%;top:20%;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.main-app .leafs__active .leaf2{bottom:20%;left:30%;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.main-app .leafs__active .leaf3{right:22%;top:25%}.main-app .app-container{flex:1 1;position:relative}.loader{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader>div{align-items:center;background:#fff;border-radius:100%;display:flex;height:max(30vh,450px);justify-content:center;padding:calc(var(--base-space)*4);text-align:center;width:max(30vh,450px)}.loader>div h1{font-size:2.5rem;margin:0}.loader>div p{font-size:1.5rem;margin:var(--base-space) 0 0}.loader>div:before{-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite;border:4px dashed var(--blue);border-radius:100%;content:"";height:calc(100% - var(--base-space)*4);left:calc(var(--base-space)*2);position:absolute;top:calc(var(--base-space)*2);width:calc(100% - var(--base-space)*4)}.loader>div.bounce-out{-webkit-animation:popOut var(--view-animation-time) cubic-bezier(.775,-.6,0,1.605) forwards;animation:popOut var(--view-animation-time) cubic-bezier(.775,-.6,0,1.605) forwards}.content{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.content>div{align-items:center;background:#fff url(https://dev.code-essence.eu/lidl/media/ring.png) 50% no-repeat;background-size:cover;border-radius:100%;display:flex;height:35vmin;justify-content:center;min-height:360px;min-width:360px;padding:calc(var(--base-space)*4);position:relative;text-align:center;-webkit-transform:scale(0);transform:scale(0);width:35vmin}.content>div h1{font-size:2.5rem;margin:0}.content>div.bounce-in{-webkit-animation:popIn var(--view-animation-time) cubic-bezier(.31,2,.84,.6) forwards;animation:popIn var(--view-animation-time) cubic-bezier(.31,2,.84,.6) forwards}.content>div.bounce-in .letter-in>span{-webkit-animation:letterIn .6s linear forwards;animation:letterIn .6s linear forwards;display:inline-block;opacity:0;position:relative;-webkit-transform:rotate(107deg) scale(.2) translateX(570%) translateY(150%);transform:rotate(107deg) scale(.2) translateX(570%) translateY(150%)}.content>div.bounce-in .letter-in>span:first-child{-webkit-animation-delay:1.1s;animation-delay:1.1s}.content>div.bounce-in .letter-in>span:nth-child(2){-webkit-animation-delay:1.2s;animation-delay:1.2s}.content>div.bounce-in .letter-in>span:nth-child(3){-webkit-animation-delay:1.3s;animation-delay:1.3s}.content>div.bounce-in .letter-in>span:nth-child(4){-webkit-animation-delay:1.4s;animation-delay:1.4s}.content>div.bounce-in .letter-in>span:nth-child(5){-webkit-animation-delay:1.5s;animation-delay:1.5s}.content>div.bounce-in .letter-in>span:nth-child(6){-webkit-animation-delay:1.6s;animation-delay:1.6s}.content>div.bounce-in .letter-in>span:nth-child(7){-webkit-animation-delay:1.7s;animation-delay:1.7s}.content>div.bounce-in .letter-in>span:nth-child(8){-webkit-animation-delay:1.8s;animation-delay:1.8s}.content>div.bounce-in .letter-in>span:nth-child(9){-webkit-animation-delay:1.9s;animation-delay:1.9s}.content>div.bounce-in .letter-in>span:nth-child(10){-webkit-animation-delay:2s;animation-delay:2s}.content>div.bounce-in .letter-in>span:nth-child(11){-webkit-animation-delay:2.1s;animation-delay:2.1s}.content>div.bounce-in .letter-in>span:nth-child(12){-webkit-animation-delay:2.2s;animation-delay:2.2s}.content>div.bounce-in .letter-in>span:nth-child(13){-webkit-animation-delay:2.3s;animation-delay:2.3s}.content>div.bounce-in .letter-in>span:nth-child(14){-webkit-animation-delay:2.4s;animation-delay:2.4s}.content>div.bounce-in .letter-in>span:nth-child(15){-webkit-animation-delay:2.5s;animation-delay:2.5s}.content>div.bounce-in .letter-in>span:nth-child(16){-webkit-animation-delay:2.6s;animation-delay:2.6s}.content>div.bounce-in .letter-in>span:nth-child(17){-webkit-animation-delay:2.7s;animation-delay:2.7s}.content>div.bounce-in .letter-in>span:nth-child(18){-webkit-animation-delay:2.8s;animation-delay:2.8s}.content>div.bounce-in .letter-in>span:nth-child(19){-webkit-animation-delay:2.9s;animation-delay:2.9s}.content>div.bounce-in .letter-in>span:nth-child(20){-webkit-animation-delay:3s;animation-delay:3s}.content>div .welcome h1{font-size:5rem;line-height:5rem}.content>div .reg{padding:0 .8rem}.content>div .reg p{font-size:1rem;margin:2 0 0;margin:var(--base-space/2) 0 0}.fade-stack>*{-webkit-animation:fadeIn .5s ease forwards;animation:fadeIn .5s ease forwards;opacity:0}.fade-stack>:first-child{-webkit-animation-delay:1.1s;animation-delay:1.1s}.fade-stack>:nth-child(2){-webkit-animation-delay:1.2s;animation-delay:1.2s}.fade-stack>:nth-child(3){-webkit-animation-delay:1.3s;animation-delay:1.3s}.fade-stack>:nth-child(4){-webkit-animation-delay:1.4s;animation-delay:1.4s}.fade-stack>:nth-child(5){-webkit-animation-delay:1.5s;animation-delay:1.5s}.fade-stack>:nth-child(6){-webkit-animation-delay:1.6s;animation-delay:1.6s}.fade-stack>:nth-child(7){-webkit-animation-delay:1.7s;animation-delay:1.7s}.fade-stack>:nth-child(8){-webkit-animation-delay:1.8s;animation-delay:1.8s}.fade-stack>:nth-child(9){-webkit-animation-delay:1.9s;animation-delay:1.9s}.fade-stack>:nth-child(10){-webkit-animation-delay:2s;animation-delay:2s}.fade-stack>:nth-child(11){-webkit-animation-delay:2.1s;animation-delay:2.1s}.fade-stack>:nth-child(12){-webkit-animation-delay:2.2s;animation-delay:2.2s}.fade-stack>:nth-child(13){-webkit-animation-delay:2.3s;animation-delay:2.3s}.fade-stack>:nth-child(14){-webkit-animation-delay:2.4s;animation-delay:2.4s}.fade-stack>:nth-child(15){-webkit-animation-delay:2.5s;animation-delay:2.5s}.fade-stack>:nth-child(16){-webkit-animation-delay:2.6s;animation-delay:2.6s}.fade-stack>:nth-child(17){-webkit-animation-delay:2.7s;animation-delay:2.7s}.fade-stack>:nth-child(18){-webkit-animation-delay:2.8s;animation-delay:2.8s}.fade-stack>:nth-child(19){-webkit-animation-delay:2.9s;animation-delay:2.9s}.fade-stack>:nth-child(20){-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes popOut{0%{-webkit-transform:scale(100%);transform:scale(100%)}5%{-webkit-transform:scale(110%);transform:scale(110%)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes popOut{0%{-webkit-transform:scale(100%);transform:scale(100%)}5%{-webkit-transform:scale(110%);transform:scale(110%)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(110%);transform:scale(110%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes popIn{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(110%);transform:scale(110%)}to{-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(110%);transform:scale(110%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(110%);transform:scale(110%)}to{opacity:1;-webkit-transform:scale(100%);transform:scale(100%)}}@-webkit-keyframes leaf1{50%{-webkit-transform:rotate(17deg);transform:rotate(17deg)}}@keyframes leaf1{50%{-webkit-transform:rotate(17deg);transform:rotate(17deg)}}@-webkit-keyframes leaf2{50%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}}@keyframes leaf2{50%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}}@-webkit-keyframes leaf3{50%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}}@keyframes leaf3{50%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes letterIn{0%{opacity:0;-webkit-transform:rotate(107deg) scale(.2) translateX(570%) translateY(150%);transform:rotate(107deg) scale(.2) translateX(570%) translateY(150%)}to{opacity:1;-webkit-transform:rotate(0deg) scale(1) translateX(0) translateY(0);transform:rotate(0deg) scale(1) translateX(0) translateY(0)}}@keyframes letterIn{0%{opacity:0;-webkit-transform:rotate(107deg) scale(.2) translateX(570%) translateY(150%);transform:rotate(107deg) scale(.2) translateX(570%) translateY(150%)}to{opacity:1;-webkit-transform:rotate(0deg) scale(1) translateX(0) translateY(0);transform:rotate(0deg) scale(1) translateX(0) translateY(0)}}
/*# sourceMappingURL=main.949c40db.css.map*/