@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";main.login{align-items:center}main.login img{max-width:80%}main.login button{background-color:#ff4b9d;color:#fff;font-size:1rem;padding:var(--spacing-s);border:none;min-width:10rem}main{box-sizing:border-box;padding:var(--spacing-s);display:flex;flex-direction:column;min-height:100%;flex:1;gap:var(--spacing-s)}img.logo{height:2.5rem;width:auto}nav.navbar{width:100%;box-sizing:border-box;padding:var(--spacing-s);align-items:center;display:flex;justify-content:space-between;font-size:1.2rem;background-color:#f2f2f2}nav.navbar div{display:flex;align-items:center;gap:var(--spacing-s)}nav.navbar span.event-name{font-size:.9rem}nav.navbar button{background-color:unset;border:none}div.inputgroup{width:100%;display:flex;gap:var(--spacing-xxs)}div.inputgroup div.textinput{flex:1;width:100%}div.inputgroup>div{display:flex;flex-direction:column}div.inputgroup label{font-size:.6rem}div.inputgroup input{flex:1;padding:1rem;border:unset;outline:unset;border-bottom:.15rem solid gray}div.inputgroup input:focus{border-color:#ffaad2}div.inputgroup button{aspect-ratio:1/1;height:50px;width:50px;align-items:center;justify-content:center;border:none;padding:.5rem;background-color:#ffaad2;border-bottom:.15rem solid #f773b0;border-right:.15rem solid #f773b0}div.inputgroup button img{height:100%;width:100%}main .heading{margin:unset}section.personalia{display:flex;flex-direction:column;gap:var(--spacing-m)}section.personalia>div{display:flex;gap:var(--spacing-s);padding:0 var(--spacing-xs) 0 var(--spacing-xs);align-items:center}section.personalia>div>div{display:flex;flex-direction:column}section.personalia>div>div span{font-size:1rem}div.ticket{display:flex;flex-direction:row;box-sizing:border-box}div.ticket div.left{height:10em;width:14em;box-sizing:content-box}div.ticket div.right{height:10em;width:5em;position:relative;cursor:pointer}div.ticket div.right.checked-in{transform:translateY(1em) rotate(15deg) translateY(-1em) translate(2em);cursor:default}div.ticket div.inner{width:100%;height:100%;border:1.5px solid gray;border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-evenly;box-shadow:.2em .2em #d3d3d3}div.ticket div.innerleft{border-right:1.5px dashed gray}div.ticket div.innerleft span{padding:0 1rem}div.ticket div.innerright{border-left:1px dashed gray;align-items:center}div.ticket span.eventname{font-size:1.2rem}div.qr-container{flex:1;display:flex;align-items:center}section.completion progress{width:100%;height:var(--spacing-m);height:2rem;border-radius:0}.spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(0,0,0,.1);border-top-color:#ff4b9d;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{font-family:Roboto,sans-serif;--spacing-none: 0rem;--spacing-xxxs: .1rem;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-m: 1rem;--spacing-l: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-xxxl: 3rem}body,#root{margin:0;width:100vw;min-height:100vh;display:flex;flex-direction:column}button{color:#000}