.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}@font-face{font-family:Sofia;font-weight:400;src:url(/fonts/SofiaProRegular-c15f8752f64259a990d036af0802b80b.woff?vsn=d) format("woff")}@font-face{font-family:Sofia;font-weight:600;src:url(/fonts/SofiaProSemiBold-9b3aa1b191da3eddb388836ddd8b8b0f.woff?vsn=d) format("woff")}@font-face{font-family:Sofia;font-weight:700;src:url(/fonts/SofiaProBold-0d3cb05b25b2e5149ed1b9983a6a28bc.woff?vsn=d) format("woff")}html{font-family:Sofia!important;font-weight:400;font-size:16px;line-height:22px;--botsquad-bubble-radius: 10px;--orange: #f3684c;--botsquad-main-color: var(--orange);--botsquad-bot-avatar-size: 64px;--botsquad-border-style: none;--gray-0: #cfdfdc;--gray-1: #c3d2cf;--gray-2: #859596;--dark-1: #283d3e;--dark-0: #435a5b}body{background-color:var(--gray-0);background-image:url(/images/wapen-17840ed669be652e37369c5df3db1185.svg?vsn=d);background-size:250% auto;background-position:19% 7%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;padding:0}*{box-sizing:border-box}div.main-row{display:flex;flex-direction:row;align-items:center;width:90vw}@media (orientation: portrait){div.main-row{flex-direction:column-reverse}}div.main-row>div{padding:0 2em;flex:1;display:flex;flex-direction:column;align-items:center;position:relative}div.qr img{padding:20px;background:white;border-radius:10px;width:50vmin}div.intro p{font-size:2em;text-align:center;margin:0 0 1em;line-height:1}div.intro img{width:30vmin;height:auto;margin-bottom:1em}div.qr form{display:flex;flex-direction:column;justify-content:stretch}div.qr form *{font-size:2em;margin-bottom:1em;padding:.2em .5em}div.qr form button{background:var(--gray-2);color:#fff;border:0}div.qr form button:active{background:var(--gray-1)}