@font-face{font-family:LottoNL;src:url(/static/fonts/LottoNL-SemiBold.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:LottoNL;src:url(/static/fonts/LottoNL-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:LottoNL;src:url(/static/fonts/LottoNL-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ProximaNova;src:url(/static/fonts/subset-ProximaNova-Extrabld.woff) format("woff");font-weight:800;font-style:normal}*,html{font-family:LottoNL}html{font-size:12px}@media screen and (min-width:640px){html{font-size:17px}}h1{font-size:1.636rem}h1,p{line-height:1.2}p{font-size:1rem}#app,body,html{height:100%}.main-layout{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;overflow:hidden}@media screen and (max-width:640px){.main-layout.tickets-route{overflow:unset}}.main-layout .confetti{position:absolute;top:0;left:0;z-index:0;max-width:80%;pointer-events:none;display:none}@media screen and (min-width:640px){.main-layout .confetti{max-width:580px}}.main-layout.landing-route .confetti{display:block}.main-layout .top-wrapper{position:relative;width:100%;text-align:center}.main-layout .top-wrapper .sound-toggle{position:absolute;top:1rem;right:1rem}.main-layout .lotto-logo{position:relative;float:left;margin-top:1rem;left:0;width:200px;max-width:18vw;z-index:4}@media screen and (min-width:640px){.main-layout .lotto-logo{position:absolute;top:20px;margin-top:0}}.main-layout .buis{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;max-width:27vw;z-index:10;margin:0 auto}@media screen and (min-width:640px){.main-layout .buis{position:relative;left:0;transform:none}}.main-layout .buis .lotto-ball{position:absolute;z-index:0;top:-75%;left:50%;transform:translateX(-50%)}.main-layout .buis .buis-img{position:relative;opacity:.7}.main-layout .buis .arrow{position:absolute;left:100%}.main-layout>.content{margin-bottom:auto;text-align:center;padding-top:10vh}@media screen and (min-width:640px){.main-layout>.content{padding-top:0}}.main-layout.form1-route>.content,.main-layout.landing-route>.content{padding-top:0}.main-layout.form1-route .naw-view{padding-top:10vh}@media screen and (min-width:640px){.main-layout.form1-route .naw-view{padding-top:0}}.main-layout footer{width:100%;z-index:3;padding-top:20px;text-align:center}.main-layout footer .content-wrapper{background-color:#fff;height:100%;padding-bottom:1px}.main-layout footer img{margin-top:-18px}.main-layout footer p{padding:0 1rem;color:#000}.row:after,.row:before{content:"";display:table}.row:after{clear:both}.col-1{min-height:100%;width:calc(8.325% - .45833rem)}.col-1:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-1:last-child{margin-right:0}.col-1:nth-child(12n){margin-right:0;float:right}.col-1:nth-child(12n+1){clear:both}.col-2{min-height:100%;width:calc(16.65% - .41667rem)}.col-2:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-2:last-child{margin-right:0}.col-2:nth-child(12n){margin-right:0;float:right}.col-2:nth-child(12n+1){clear:both}.col-3{min-height:100%;width:calc(24.975% - .375rem)}.col-3:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-3:last-child{margin-right:0}.col-3:nth-child(12n){margin-right:0;float:right}.col-3:nth-child(12n+1){clear:both}.col-4{min-height:100%;width:calc(33.3% - .33333rem)}.col-4:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-4:last-child{margin-right:0}.col-4:nth-child(12n){margin-right:0;float:right}.col-4:nth-child(12n+1){clear:both}.col-5{min-height:100%;width:calc(41.625% - .29167rem)}.col-5:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-5:last-child{margin-right:0}.col-5:nth-child(12n){margin-right:0;float:right}.col-5:nth-child(12n+1){clear:both}.col-6{min-height:100%;width:calc(49.95% - .25rem)}.col-6:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-6:last-child{margin-right:0}.col-6:nth-child(12n){margin-right:0;float:right}.col-6:nth-child(12n+1){clear:both}.col-7{min-height:100%;width:calc(58.275% - .20833rem)}.col-7:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-7:last-child{margin-right:0}.col-7:nth-child(12n){margin-right:0;float:right}.col-7:nth-child(12n+1){clear:both}.col-8{min-height:100%;width:calc(66.6% - .16667rem)}.col-8:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-8:last-child{margin-right:0}.col-8:nth-child(12n){margin-right:0;float:right}.col-8:nth-child(12n+1){clear:both}.col-9{min-height:100%;width:calc(74.925% - .125rem)}.col-9:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-9:last-child{margin-right:0}.col-9:nth-child(12n){margin-right:0;float:right}.col-9:nth-child(12n+1){clear:both}.col-10{min-height:100%;width:calc(83.25% - .08333rem)}.col-10:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-10:last-child{margin-right:0}.col-10:nth-child(12n){margin-right:0;float:right}.col-10:nth-child(12n+1){clear:both}.col-11{min-height:100%;width:calc(91.575% - .04167rem)}.col-11:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-11:last-child{margin-right:0}.col-11:nth-child(12n){margin-right:0;float:right}.col-11:nth-child(12n+1){clear:both}.col-12{min-height:100%;width:99.9%}.col-12:nth-child(1n){float:left;margin-right:.5rem;clear:none}.col-12:last-child{margin-right:0}.col-12:nth-child(12n){margin-right:0;float:right}.col-12:nth-child(12n+1){clear:both}@media screen and (min-width:640px){.m-col-1{min-height:100%;width:calc(8.325% - .45833rem)}.m-col-1:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-1:last-child{margin-right:0}.m-col-1:nth-child(12n){margin-right:0;float:right}.m-col-1:nth-child(12n+1){clear:both}.m-col-2{min-height:100%;width:calc(16.65% - .41667rem)}.m-col-2:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-2:last-child{margin-right:0}.m-col-2:nth-child(12n){margin-right:0;float:right}.m-col-2:nth-child(12n+1){clear:both}.m-col-3{min-height:100%;width:calc(24.975% - .375rem)}.m-col-3:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-3:last-child{margin-right:0}.m-col-3:nth-child(12n){margin-right:0;float:right}.m-col-3:nth-child(12n+1){clear:both}.m-col-4{min-height:100%;width:calc(33.3% - .33333rem)}.m-col-4:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-4:last-child{margin-right:0}.m-col-4:nth-child(12n){margin-right:0;float:right}.m-col-4:nth-child(12n+1){clear:both}.m-col-5{min-height:100%;width:calc(41.625% - .29167rem)}.m-col-5:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-5:last-child{margin-right:0}.m-col-5:nth-child(12n){margin-right:0;float:right}.m-col-5:nth-child(12n+1){clear:both}.m-col-6{min-height:100%;width:calc(49.95% - .25rem)}.m-col-6:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-6:last-child{margin-right:0}.m-col-6:nth-child(12n){margin-right:0;float:right}.m-col-6:nth-child(12n+1){clear:both}.m-col-7{min-height:100%;width:calc(58.275% - .20833rem)}.m-col-7:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-7:last-child{margin-right:0}.m-col-7:nth-child(12n){margin-right:0;float:right}.m-col-7:nth-child(12n+1){clear:both}.m-col-8{min-height:100%;width:calc(66.6% - .16667rem)}.m-col-8:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-8:last-child{margin-right:0}.m-col-8:nth-child(12n){margin-right:0;float:right}.m-col-8:nth-child(12n+1){clear:both}.m-col-9{min-height:100%;width:calc(74.925% - .125rem)}.m-col-9:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-9:last-child{margin-right:0}.m-col-9:nth-child(12n){margin-right:0;float:right}.m-col-9:nth-child(12n+1){clear:both}.m-col-10{min-height:100%;width:calc(83.25% - .08333rem)}.m-col-10:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-10:last-child{margin-right:0}.m-col-10:nth-child(12n){margin-right:0;float:right}.m-col-10:nth-child(12n+1){clear:both}.m-col-11{min-height:100%;width:calc(91.575% - .04167rem)}.m-col-11:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-11:last-child{margin-right:0}.m-col-11:nth-child(12n){margin-right:0;float:right}.m-col-11:nth-child(12n+1){clear:both}.m-col-12{min-height:100%;width:99.9%}.m-col-12:nth-child(1n){float:left;margin-right:.5rem;clear:none}.m-col-12:last-child{margin-right:0}.m-col-12:nth-child(12n){margin-right:0;float:right}.m-col-12:nth-child(12n+1){clear:both}}.urgency-bar{display:block;padding:.3rem .5rem;background-color:#55b9a1;color:#fff;border-radius:4px;width:600px;max-width:100%;margin:0 auto}.ticket{font-size:16px;width:300px;display:inline-grid;vertical-align:top;grid-template-columns:[content] 1fr [cutoff] 40px;grid-template-rows:[collapse] 160px [expand] auto}.ticket>*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ticket.expanded{height:auto}.ticket-view .ticket-outline .ticket h4,.ticket .ticket-view .ticket-outline h4,.ticket h4{margin:0}.ticket span.error{position:absolute;top:-3rem;left:0;width:100%;background-color:#e6333f;color:#fff;padding:5px;border-radius:3px;box-sizing:border-box;text-align:center}.ticket span.error:after{content:"";position:absolute;bottom:-5px;left:50%;display:block;width:0;height:0;box-sizing:content-box;border:5px solid transparent;border-right:5px solid #e6333f;border-bottom:5px solid #e6333f;transform:translateX(-50%) rotate(45deg)}.ticket span.error.small-only{position:static;display:block}.ticket span.error.small-only:after{content:none}.ticket .content{grid-column:content;grid-row:collapse}.ticket .content button,.ticket .content h4{display:block;margin:0}.ticket .content .ball{display:inline-block;margin:23px 3px 23px 0}.ticket .content button{font-style:normal;text-decoration:none}.ticket .content button:after{content:""}.ticket .ball{width:35px;height:35px;line-height:31px;vertical-align:top}.ticket .ball.selected,.ticket .content .ball:not(:empty){line-height:35px}.ticket .cutoff{width:40px}.ticket .expand-content{overflow:hidden;max-height:644px;grid-column:content/span 2;grid-row:expand}.ticket .expand-content .ball-list .ball{width:20%;margin-right:6.48%}.ticket .expand-content .ball-list .ball:nth-of-type(5n){margin-right:0}.ticket .expand-content button.clean{font-style:normal;text-decoration:none}.ticket{position:relative;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-filter:drop-shadow(0 0 3px rgba(0,0,0,.2));filter:drop-shadow(0 0 3px rgba(0,0,0,.2));transform:translateY(0);transition:transform .15s ease-out,-webkit-filter .15s ease-out;transition:filter .15s ease-out,transform .15s ease-out;transition:filter .15s ease-out,transform .15s ease-out,-webkit-filter .15s ease-out}.ticket.expanded,.ticket:hover{transform:translateY(-3px);-webkit-filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.ticket.expanded .content{border-right:none}.ticket.expanded .content button:after{transform:rotate(225deg);margin-bottom:1px}.ticket .button,.ticket button{color:#000;font-weight:400;font-size:13.3333px}.ticket .bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:3px;pointer-events:none}.ticket .bg:before{content:"";z-index:-1;position:absolute;display:block;top:75px;right:0;width:35px;height:35px;box-shadow:0 0 0 300px #fff;background-color:transparent;border-radius:1000px;transform:translateX(50%) translateY(-50%)}.ticket .xl-label{position:absolute;left:15px;top:-13px;padding:2px 3px;background-color:#60358c;font-weight:900;color:#fff;font-size:14px;z-index:2;border-radius:3px;width:26px;height:26px;text-align:center;text-decoration:underline;line-height:1.3;transform:translateZ(1)}.ticket .content{max-width:260px;padding:15px;border-right:1px solid #ececec}.ticket .content button,.ticket .content h4{font-size:16px}.ticket .content .price{position:absolute;top:0}.ticket .content button:after{display:inline-block;margin-left:5px;margin-bottom:3px;width:5px;height:5px;border:1px solid #000;border-left:none;border-top:none;transform:rotate(45deg)}.ticket .content .price{font-weight:700;top:15px;right:0;width:40px;text-align:center}.ticket .content .price:before{content:"\20AC";font-size:12px}.ticket .ball{background-color:#fff;font-size:1em;border-radius:1000px;text-align:center;font-weight:700;border:2px solid #ececec;text-decoration:underline;box-sizing:border-box}.ticket .ball.selected,.ticket .content .ball:not(:empty){border:none;background-color:#fd0;background-image:radial-gradient(circle 11px at 26% 26%,hsla(0,0%,100%,.6) 1%,hsla(0,0%,100%,0) 80%),radial-gradient(circle farthest-side at 26% 26%,#fd0 60%,#e7ba00 100%)}.ticket .expand-content{padding:15px;padding-top:0;background-color:#fff}.ticket .expand-content .secondary{width:130px;height:50px;margin-bottom:1em}.ticket .expand-content .secondary:first-of-type{margin-right:.5em}.ticket .expand-content .ball-list .ball{padding:0;width:40px;height:40px;text-align:center;box-sizing:border-box;margin-bottom:15px}.ticket .expand-content button.clean{text-align:left;display:block;padding:.5em;font-size:16px}html.ancient-safari .ticket,html.is-ie .ticket{display:inline-block}html.ancient-safari .ticket .content,html.is-ie .ticket .content{margin-right:40px}html.ancient-safari .ticket .ball,html.is-ie .ticket .ball{line-height:31px!important}.xl-switch .indicator{position:relative;display:inline-block;border-radius:100px;width:70px;height:36px;background-color:hsla(0,0%,100%,.4);box-shadow:0 0 0 2px hsla(0,0%,100%,.5);transition:background-color .15s ease-out}.xl-switch .indicator .inner{position:absolute;left:3px;top:3px;width:30px;height:30px;background-color:#fff;border-radius:100px;transition:left .15s ease-out;box-shadow:0 2px 4px 0 rgba(0,0,0,.23)}.xl-switch .indicator.on{background-color:#60358c}.xl-switch .indicator.on .inner{left:calc(100% - 33px)}.button,button{padding:.5rem 2rem;background-color:#000;color:#fff;border:none;border-radius:8px;font-family:LottoNL;font-size:1.25rem;font-weight:700;cursor:pointer;outline:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.2)}.button svg,button svg{max-height:100%}.button:hover,button:hover{box-shadow:none}.button.waiting,button.waiting{position:relative;color:transparent!important}.button .spinner,button .spinner{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);height:30px;width:30px}.button.red,button.red{background-color:#e6333f;color:#fff}.button.clean,button.clean{color:#000;padding:0;outline:none;background:none;border:none;text-decoration:underline;font-style:italic;box-shadow:none}.button.clean:after,button.clean:after{content:none}.button.secondary,button.secondary{line-height:1.2;border:none;background-color:#f2f2f2;box-shadow:0 2px 2px 0 rgba(0,0,0,.2);font-weight:700;border-radius:3px}.button.secondary:hover,button.secondary:hover{box-shadow:none;background-color:#ececec}button.arrow{position:relative;display:block;margin:0 auto;padding:.3rem 4rem .5rem 4rem;font-size:1.5rem}button.arrow:after{content:"";height:100%;position:absolute;right:1rem;top:0;width:1.5rem;background:transparent url(/static/img/btn-arrow.png) no-repeat 50%;background-size:contain}.custom-input,.dob_input{position:relative;display:block;text-align:left;margin-bottom:.5rem}.custom-input label,.dob_input label{display:block;text-align:left;margin-bottom:2px}.custom-input input,.custom-input select,.dob_input input,.dob_input select{display:block;width:100%;box-sizing:border-box}.custom-input input[type=checkbox],.custom-input input[type=radio],.custom-input select[type=checkbox],.custom-input select[type=radio],.dob_input input[type=checkbox],.dob_input input[type=radio],.dob_input select[type=checkbox],.dob_input select[type=radio]{position:absolute;left:0;display:inline-block;margin:0;width:1.5rem;height:1.5rem;opacity:0}.custom-input input[type=checkbox]+label,.custom-input input[type=radio]+label,.custom-input select[type=checkbox]+label,.custom-input select[type=radio]+label,.dob_input input[type=checkbox]+label,.dob_input input[type=radio]+label,.dob_input select[type=checkbox]+label,.dob_input select[type=radio]+label{line-height:1.5rem;padding-left:2rem}.custom-input input,.custom-input select,.dob_input input,.dob_input select{font-size:16px!important}@media screen and (min-width:640px){.custom-input input,.custom-input select,.dob_input input,.dob_input select{font-size:1rem}}.custom-input select,.dob_input select{background-color:#fff}.custom-input .indicator,.dob_input .indicator{position:absolute;left:0;top:0;width:1.5rem;height:1.5rem;pointer-events:none;border-radius:3px;background:transparent url(/static/img/checkbox.png) no-repeat 0;background-size:cover}.custom-input input[type=radio]~.indicator,.dob_input input[type=radio]~.indicator{width:1.5rem;height:1.5rem;left:0;top:0;background-image:url(/static/img/radio.png)}.custom-input .indicator.on,.custom-input input[type=checkbox]:checked~.indicator,.custom-input input[type=radio]:checked~.indicator,.dob_input .indicator.on,.dob_input input[type=checkbox]:checked~.indicator,.dob_input input[type=radio]:checked~.indicator{background-position:100%}.custom-input .error,.custom-input .warning,.dob_input .error,.dob_input .warning{box-sizing:border-box;font-size:.8rem}.custom-input .warning,.dob_input .warning{position:absolute;bottom:.35rem;right:.35rem;width:1.4rem;height:1.4rem;line-height:1.4;font-size:1rem;padding:0;display:block;background-color:#e6333f;border-radius:1000px;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.custom-input .warning:before,.dob_input .warning:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border:10px solid transparent;border-bottom:10px solid #e6333f}.custom-input .warning:after,.dob_input .warning:after{content:attr(data-warning);position:absolute;top:calc(100% + .5rem);right:-6px;display:block;background-color:#e6333f;text-align:center;pointer-events:none;padding:.25rem;width:150px;font-weight:400;color:#fff;border-radius:5px}@media screen and (min-width:640px){.custom-input .warning:after,.dob_input .warning:after{right:auto;left:50%;transform:translateX(-50%);top:calc(100% + .5rem)}}.custom-input .warning:after,.custom-input .warning:before,.dob_input .warning:after,.dob_input .warning:before{opacity:0;z-index:10;transition:opacity .15s ease-out}.custom-input .warning:hover:after,.custom-input .warning:hover:before,.dob_input .warning:hover:after,.dob_input .warning:hover:before{opacity:1}@media screen and (min-width:640px){.custom-input .warning,.dob_input .warning{width:1rem;height:1rem;font-size:.8rem;line-height:1.2}}.custom-input .error,.dob_input .error{background-color:#e6333f;display:block;margin-top:5px;border-radius:3px;color:#fff}.custom-input .error:not(:empty),.dob_input .error:not(:empty){padding:5px}.custom-input input[data-state=success],.custom-input select[data-state=success],.dob_input input[data-state=success],.dob_input select[data-state=success]{background-image:url(/static/img/correct.png);background-position:calc(100% - .5rem) 50%;background-repeat:no-repeat;background-size:.75rem;background-color:#fff199;color:rgba(0,0,0,.8)}.custom-input select[data-state=success],.dob_input select[data-state=success]{background-position:calc(100% - 1rem) 50%}form input[type=submit]{display:block;margin:0 auto}form input,form select{outline:none;border:none;font-size:1rem;border-radius:3px;padding:.25rem}form select{font-size:.9rem}.lotto-ball{position:relative;display:inline-block;width:100%;width:150px;max-width:90%;direction:ltr}.lotto-ball>*{width:100%}.lotto-ball *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lotto-ball .empty-ball,.lotto-ball .glow{position:relative;min-width:100%}.lotto-ball .ball-shadow{position:absolute;min-width:31%;bottom:-3%;left:19%;z-index:0}.lotto-ball .number,.lotto-ball .number-cap{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.lotto-ball .number-cap text,.lotto-ball .number text{line-height:1.4;font-family:ProximaNova;font-weight:800;font-size:100px;width:100%;height:100%}.lotto-ball .number-cap{border-radius:1000px;overflow:hidden}.lotto-ball svg{width:100%;max-height:100%}.lotto-ball svg *{will-change:transform}.lotto-ball .glow{position:absolute;top:0;left:0}.lotto-ball img{max-height:none}.confetti-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.confetti-container canvas{width:100%;height:100%}.debug-panel{background-color:rgba(0,0,0,.75);position:absolute;top:2rem;left:2rem;padding:1rem}.debug-panel button{font-size:1rem;padding:.5rem 1rem}.debug-panel p{color:#fff;font-weight:700}.landing-view{position:relative;padding:0 1rem;padding-top:1rem;width:700px;max-width:100%;margin:0 auto}@media screen and (min-width:640px){.landing-view{padding-top:9.5rem}}.landing-view h1{margin:1rem auto;font-weight:400}@media screen and (min-width:640px) and (max-width:960px){.landing-view h1{max-width:400px}}@media screen and (min-width:960px){.landing-view h1{max-width:600px}}.landing-view .bol{position:absolute;bottom:45%;right:-24%;width:50%;max-width:150px}.landing-view .seperators{max-width:300px;margin:0 auto;padding:1rem 3rem}.landing-view .white-panel{background-color:#fff;border-radius:5px;display:block;margin:0 auto;width:500px;max-width:100%;padding-bottom:1rem;margin-bottom:2rem}.landing-view ol{display:flex;justify-content:stretch;list-style-type:none;text-align:center;padding:0;margin:0}.landing-view ol li{margin-bottom:.3rem;padding:.5rem;flex-basis:33.33333%}.landing-view ol li:not(:last-of-type){border-right:1px solid rgba(126,189,173,.4)}.landing-view ol li:first-of-type:before{content:"1"}.landing-view ol li:first-of-type:before,.landing-view ol li:nth-of-type(2):before{display:block;width:1.7em;height:1.7em;line-height:1.7em;margin:0 auto;margin-bottom:.25rem;font-weight:700;background-color:#fd0;border-radius:100px;text-align:center}.landing-view ol li:nth-of-type(2):before{content:"2"}.landing-view ol li:nth-of-type(3):before{content:"3"}.landing-view ol li:nth-of-type(3):before,.landing-view ol li:nth-of-type(4):before{display:block;width:1.7em;height:1.7em;line-height:1.7em;margin:0 auto;margin-bottom:.25rem;font-weight:700;background-color:#fd0;border-radius:100px;text-align:center}.landing-view ol li:nth-of-type(4):before{content:"4"}.landing-view .rad{position:relative;max-width:100%;width:200px;display:block;margin:1rem auto}@media screen and (min-width:640px){.landing-view .rad{width:350px}}.landing-view .arrow{display:inline-block;margin-right:1rem}.landing-view .button-wrapper{display:inline-block;position:relative}.landing-view .button-wrapper .arrow{position:absolute;right:100%;bottom:2.5rem;width:70px}@media screen and (min-width:640px){.landing-view .button-wrapper .arrow{width:90px}}.landing-view .start-button{display:inline-block;margin-bottom:1rem;margin:2rem auto}.landing-view .panel-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;padding:1rem;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);z-index:5}.landing-view .panel-wrapper .panel{background-color:#fff;padding:1rem;text-align:left;width:100%}@media screen and (min-width:640px){.landing-view .panel-wrapper .panel{width:auto}}.landing-view .panel-wrapper .panel form,.landing-view .panel-wrapper .panel form>*{box-sizing:border-box}.landing-view .panel-wrapper .panel h3{margin-top:0}.landing-view .panel-wrapper .panel input{border:1px solid rgba(0,0,0,.5);width:100%}.landing-view .panel-wrapper .panel span.error{display:block;width:100%;background-color:#e6333f;color:#fff;padding:.25rem .25rem;border-radius:4px;margin:0;font-size:.8em}.landing-view .panel-wrapper .panel span.error:empty{display:none}.landing-view .panel-wrapper .panel span.error:first-letter{text-transform:capitalize}.landing-view .panel-wrapper .panel button{display:block;text-align:center;font-size:1rem;margin:1rem auto 0 auto;min-height:2.2rem}.landing-view .panel-wrapper .panel button img{vertical-align:middle}.landing-view .panel-wrapper .panel button.clean{font-size:.75rem;font-weight:400;margin-bottom:0;margin-top:0}.ticket-view{width:100%;text-align:center;padding:0 .5rem}@media screen and (min-width:640px){.ticket-view{padding:0 2rem;text-align:left}.ticket-view h1{margin-left:.75rem}}.ticket-view .expandable-panel-wrapper{position:relative;width:100%;max-width:500px;margin:0 auto;text-align:center}.ticket-view .expandable-panel-wrapper .expandable-panel{position:absolute;bottom:100%;left:0;width:100%;text-align:left;background-color:#fff;padding:1rem 2rem;box-shadow:1px 1px 3px rgba(0,0,0,.2)}.ticket-view .expandable-panel-wrapper .expandable-panel ul{padding:0;list-style-position:inside}.ticket-view .expandable-panel-wrapper .expandable-panel p.italic{font-style:italic}.ticket-view .expandable-panel-wrapper button{font-size:1rem;font-weight:400;margin-top:1rem;margin-bottom:2rem}.ticket-view .expandable-panel-wrapper button .indicator{display:inline-block;vertical-align:middle;width:1em;height:1em;background:transparent url(/static/img/button-indicator.png) no-repeat 50%;background-size:contain;margin-right:.5rem;transition:transform .3s ease-out}.ticket-view .expandable-panel-wrapper button .indicator.flipped{transform:rotate(180deg)}.ticket-view .xl-wrapper{border:1px solid rgba(0,0,0,.2);border-radius:3px;width:300px;text-align:left;padding:15px;margin:0 auto 1rem auto;background-color:transparent;transition:background-color .15s ease-out}.ticket-view .xl-wrapper h4{margin:0}.ticket-view .xl-wrapper .xl-switch,.ticket-view .xl-wrapper h4{display:inline-block}.ticket-view .xl-wrapper p{font-size:.9em}.ticket-view .xl-wrapper .xl-switch{vertical-align:middle;margin-bottom:0}.ticket-view .xl-wrapper.has-xl{background-color:#9b86be}.ticket-view .xl-wrapper .tooltip-icon{position:relative;font-size:14px;display:inline;padding:0 5px;font-weight:700;border:1px solid #000;border-radius:3px;color:#000;cursor:pointer}.ticket-view .xl-wrapper .tooltip-icon:after{content:attr(data-text);display:none;position:absolute;top:calc(100% + 1rem);left:50%;transform:translateX(-50%);width:150px;background-color:#ececec;font-weight:400;color:#000;box-shadow:1px 2px 2px 0 rgba(0,0,0,.2);padding:10px;z-index:10}.ticket-view .xl-wrapper .tooltip-icon:hover:after{display:block}.ticket-view .ticket-wrapper{display:block;margin:0 .25rem 1rem .25rem}@media screen and (min-width:640px){.ticket-view .ticket-wrapper{display:inline-block;margin:0 .75rem 1.5rem .75rem}}.ticket-view .button-group{width:300px;margin:0 auto;font-size:18px;text-align:right;margin-bottom:5px;display:block}.ticket-view .button-group button{background-color:hsla(0,0%,100%,.5);margin-left:10px;padding:4px 5px;border:none;border-radius:3px;font-size:.5em}.ticket-view .button-group button:hover{background-color:#fff}.ticket-view .button-group button svg{width:20px;height:20px}.ticket-view .button-group button.reroll svg{transition:transform .5s ease-out}.ticket-view .button-group button.reroll:hover svg{transform:rotate(1turn)}.ticket-view .button-group button.remove svg g path{transform:translateY(2px)}.ticket-view .button-group button.remove svg g path:first-of-type{transition:transform .15s ease-out}.ticket-view .button-group button.remove:hover svg g path:first-of-type{transform:translateY(0)}.ticket-view .ticket-outline{position:relative;display:inline-block;vertical-align:bottom;vertical-align:text-top;margin-top:1rem;margin-bottom:1rem;width:300px;height:160px;background-color:hsla(0,0%,100%,.3);border-radius:3px;padding:15px;cursor:pointer;text-align:left;font-size:16px;transition:all .15s ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:640px){.ticket-view .ticket-outline{margin:0 .75rem 1.5rem .75rem}}.ticket-view .ticket-outline:after{content:"";position:absolute;top:59px;right:-17px;width:35px;height:35px;border-radius:100px;background-color:#fd0}.ticket-view .ticket-outline:hover{background-color:hsla(0,0%,100%,.7)}.ticket-view .ticket-outline:hover .plus{background-color:#fff}.ticket-view .ticket-outline h4{display:inline-block;margin:0}.ticket-view .ticket-outline .price{float:right;font-weight:700;margin-right:-2px;text-align:center}.ticket-view .ticket-outline .price:before{content:"\20AC";font-size:12px}.ticket-view .ticket-outline .plus{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:inline-block;margin:0 auto;text-align:center;padding:10px;background-color:hsla(0,0%,100%,.5);border-radius:100px;transition:background-color .15s ease-out}.ticket-view .ticket-outline .plus svg{display:block;width:20px;height:20px}.ticket-view .button-row button{display:block;margin:0 auto 0 auto}.ticket-view .button-row button.clean{margin-top:1rem;margin-bottom:2rem}.ticket-view .sticky{position:-webkit-sticky;position:sticky;bottom:0;padding:1rem 0;background-color:#fd0}html.is-ie .test-view .ticket{min-height:160px}.naw-view{text-align:center;width:700px;margin:0 auto;padding:0 1rem;padding-bottom:1rem;width:500px;max-width:100%}.naw-view h1{max-width:550px;margin-left:auto;margin-right:auto;font-weight:400}.naw-view h2{padding:0 4rem}.naw-view .urgency-bar{margin-bottom:2rem}.naw-view form{width:500px;max-width:100%;margin:0 auto;padding-bottom:.5rem}.naw-view .date-of-birth label>span{color:grey}.naw-view .iban-disclaimer{text-align:left;margin-top:.25rem}.naw-view .dots{margin:1rem 0 .5rem 0}.naw-view .dots div{display:inline-block;width:12px;height:12px;margin:0 .5rem;background-color:#000;border-radius:100px}.naw-view .dots div:not(.active){opacity:.5}.naw-view .address-wrapper{text-align:left}.naw-view .address-wrapper .address-preview{font-style:italic;text-align:left;display:inline-block;width:100%;font-weight:700;margin-bottom:.75rem}.naw-view .address-wrapper .address-preview span{text-align:left}.naw-view .address-wrapper .address-preview .spinner{width:30px;height:30px}.naw-view .address-wrapper span.error{background-color:#e6333f;padding:5px;border-radius:3px;color:#fff;font-size:.8rem;box-sizing:border-box}.naw-view button.clean{margin-top:1rem;margin-bottom:2rem}.overview-view .block{display:block;margin:0 auto;vertical-align:top;padding:2rem 1rem;border:1px solid rgba(0,0,0,.2);border-radius:3px;text-align:left;width:300px;margin-bottom:1rem}@media screen and (min-width:640px){.overview-view .block{display:inline-block;margin:0 .5rem;min-height:200px;margin-bottom:1rem}}@media screen and (min-width:840px){.overview-view .block{width:400px}}.overview-view .block .price{float:right;font-weight:700}.overview-view .block .price:before{content:"\20AC";font-size:.8em;position:relative;top:-1px}.overview-view .block h3,.overview-view .block p{margin:0;font-size:1rem}.overview-view .block label,.overview-view .block p{line-height:1.2}.overview-view .block h3{margin-bottom:1rem}.overview-view .block .indicator{top:0}.overview-view .constrain{width:300px;max-width:100%;margin:0 auto}.overview-view .constrain .incentive-arrow{margin-left:0;float:left;margin-bottom:.5rem;max-height:14vh}@media screen and (min-width:640px){.overview-view .constrain .incentive-arrow{float:none;margin-left:-290px;margin-bottom:-1rem}}.overview-view button.arrow{clear:both}.overview-view p.error{display:inline-block;margin-top:2rem;margin-bottom:0;background-color:#e6333f;border-radius:3px;padding:5px}.overview-view .tooltip-icon{position:relative;font-size:14px;display:inline;padding:0 5px;font-weight:700;border:1px solid #000;border-radius:3px;color:#000;cursor:pointer}.overview-view .tooltip-icon:after{content:attr(data-text);display:none;position:absolute;top:calc(100% + 1rem);left:50%;transform:translateX(-50%);width:150px;background-color:#ececec;font-weight:400;color:#000;box-shadow:1px 2px 2px 0 rgba(0,0,0,.2);padding:10px;z-index:10}.overview-view .tooltip-icon:hover:after{display:block}.overview-view>button{display:block;margin:0 auto}.overview-view>button:first-of-type{margin-top:2rem;margin-bottom:1rem}.confirmed-view{width:700px;max-width:100%;margin:0 auto;padding:0 1rem}.confirmed-view .ball-visual{position:relative;display:inline-block;margin-bottom:2rem}.confirmed-view .bakje{position:relative;z-index:3;width:175px;max-width:30vw;top:-5px}.confirmed-view .confetti{z-index:0}.confirmed-view .lotto-ball{margin-bottom:2rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0;z-index:2}.confirmed-view h2{margin-top:3rem;margin-bottom:0}.confirmed-view p{margin-top:0;margin-bottom:2rem}@media screen and (min-width:960px){.confirmed-view h2{margin-top:5rem}.confirmed-view p{margin-bottom:5rem}}html.is-ie .main-layout{flex:1;position:relative;min-height:100vh}html.is-ie .main-layout>.content{padding-bottom:calc(150px + 1rem)}html.is-ie .main-layout>.content .landing-view .rad{max-width:250px}html.is-ie .main-layout>.content .ticket-view .ticket-outline{vertical-align:bottom}html.is-ie footer{position:absolute;bottom:0;left:0;width:100%}body{margin:0;background-color:#fd0}img,video{max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div{box-sizing:border-box}span.underline{text-decoration:underline}body:after{display:block;position:absolute;top:0;left:50%;width:1px;height:100vh;background-color:#0ff}.small{font-size:.8em}.text-center{text-align:center}.grecaptcha-badge{z-index:10;pointer-events:none;opacity:0}.small-only{display:initial}@media screen and (min-width:640px){.small-only{display:none}}