:root{--joe-primary:30 100 200;--joe-secondary:20 50 140;--joe-accent:220 60 150;--joe-text:78 78 78;--font-body:"Geomanist";--font-title:"Geomanist"}@font-face{font-family:geomanist;font-style:normal;font-weight:200;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-light-webfont.woff2)}@font-face{font-family:geomanist;font-style:normal;font-weight:300;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-book-webfont.woff2)}@font-face{font-family:geomanist;font-style:normal;font-weight:400;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-regular-webfont.woff2)}@font-face{font-family:geomanist;font-style:normal;font-weight:500;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-medium-webfont.woff2)}@font-face{font-family:geomanist;font-style:normal;font-weight:600;src:url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.eot),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.woff),url(https://static1.qmusic.medialaancdn.be/store/static/fonts/geomanist-bold-webfont.woff2)}body{color:#fff;font-family:var(--font-body);font-size:1.25rem;margin:0;padding:0;text-align:center}#app{background-color:rgb(var(--joe-primary))}h1,h2,h3,h4{color:rgb(var(--joe-primary));font-family:var(--font-title);font-weight:600;margin:30px 0 0;text-transform:uppercase}h1{line-height:1;margin:0}h2{margin-top:2rem}h4{margin-top:0}a,p{font-family:var(--font-body);margin:10px}input{border:1px solid #d3d3d3;display:block;font-size:16px;padding:12px}button{background-color:rgb(var(--joe-accent));border:0;border-radius:30px;color:#fff;font-family:var(--font-title);font-size:1.25rem;font-weight:600;padding:12px;width:100%}.o-icon{width:50px}.o-header{aspect-ratio:16/9;border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow-y:hidden;transition:all .5s ease-in-out;width:100%}.o-header .c-header-image{height:auto;width:100%}.o-body{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:0 1rem 1rem;transition:all .5s ease-in-out;width:100%}.o-body__content{margin:20px 0;width:100%}.o-body .title{margin-top:10px}.o-input-group{display:flex;padding:1rem}.c-mobile-confirmation{display:flex;flex-direction:column;gap:1rem}
