@font-face{font-family:HyundaiSansHead;src:url(/assets/media/HyundaiSansHead-Regular.DB7bXUWT.otf)}@font-face{font-family:HyundaiSansHeadMedium;src:url(/assets/media/HyundaiSansHead-Medium.B_oDEnkT.otf)}@font-face{font-family:HyundaiSans;src:url(/assets/media/HyundaiSansText-Regular.Be_nh3OV.otf)}@font-face{font-family:HyundaiSans;font-weight:700;src:url(/assets/media/HyundaiSansText-Bold.B5slAxm5.otf)}:root{--bg: #f6f3f2;--hyundaisand: #e4dcd3;--hyundaisandopaque: #e4dcd3cc;--hyundailightsand: #f6f3f2;--hyundailightsandopaque: #f6f3f2cc;--hyundaiblue: #002c5f;--hyundaiblueopaque: #002c5fdd;--activeblue: #00aad2;--activered: #e63312;--skyblue: #aacae6}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-thumb{background-color:var(--hyundaiblue);border-radius:.5rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg) inset!important}body{margin:0;width:100vw;height:100vh}#root{margin:0;width:100%;height:100%}*{color:var(--hyundaiblue);font-family:HyundaiSans,Arial,Helvetica,sans-serif;background-size:cover;background-repeat:no-repeat}#App{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}header{background-color:#fff;display:flex;justify-content:space-between}header img{height:16px;margin:16px}header nav{display:flex;margin-left:16px}header nav .MuiButton-root{text-transform:none;margin-right:16px;line-height:1.1rem}#AppMain{height:calc(100% - 48px);background-color:var(--skyblue);background-image:url(/assets/media/bg.BN_mbtIG.jpg);background-position:57% 25%;display:flex;flex-direction:column;align-items:center;overflow:auto}#AppMain>div{flex:1 0 auto;width:calc(100% - 48px);padding:24px;display:flex;flex-direction:column;align-items:center}#AppMain>div>*{width:calc(100% - 48px);max-width:1080px}.MuiTypography-root{font-family:HyundaiSans,Arial,Helvetica,sans-serif;font-size:1.1rem}.MuiTypography-h4{font-family:HyundaiSansHead,HyundaiSans,Arial,Helvetica,sans-serif}.pageTitle{flex:0 0 auto;margin:24px 0;display:flex;flex-direction:column;justify-content:center}.pageTitle .MuiTypography-root{font-family:HyundaiSansHead,HyundaiSans,Arial,Helvetica,sans-serif;font-size:1.5rem;color:#fff}.eventLogo.MuiTypography-root{font-size:4rem;filter:drop-shadow(0 0 16px #000);font-family:HyundaiSansHeadMedium,HyundaiSansHead,HyundaiSans,Arial,Helvetica,sans-serif}#loadingSpinner{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}#loadingSpinner *{color:#fff;text-align:center}#confirmDetails .pageTitle{max-width:600px}#confirmDetails-dialogContainer{flex:1 0 auto;display:flex;justify-content:center;align-items:flex-start}#confirmDetails-dialog{width:90%;max-width:600px;padding:24px;background-color:var(--hyundailightsandopaque);display:flex;flex-direction:column}#confirmDetails-dialog>.MuiTypography-root{margin-bottom:16px}.formControl{display:flex;flex-direction:column;margin-bottom:16px}#confirmDetails-wrongID{font-style:italic;text-decoration:underline;cursor:pointer}@media screen and (orientation: portrait){#confirmDetails-dialogContainer{align-items:flex-end;margin-bottom:10vh}}#quizMenu{display:flex;flex-direction:column;align-items:center;flex:1 0 auto;max-width:1500px!important}#quizMenuInstructions{flex:0 1 33%;display:flex;align-items:center}#quizMenuInstructions-box{display:flex;flex-direction:column;padding:24px;background-color:var(--hyundailightsandopaque);max-width:1080px}#quizMenuInstructions-user{margin-bottom:16px}#quizMenuInstructions-user .MuiTypography-root{font-weight:700;margin-left:8px}#quizMenuGrid{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}.quizMenu-item{display:flex;flex-direction:column;width:200px;padding:24px;background-color:var(--hyundaisandopaque);margin:16px;justify-content:space-between;transform:scale(1);transition:.25s ease-in}.quizMenu-item *{user-select:none}.quizMenu-item>*:not(:last-child){margin-bottom:24px;text-align:center}.quizMenu-item .quizMenu-remaining{margin-bottom:8px}.quizMenu-item:hover{transform:scale(1.05)}.quizMenu-itemComplete{background-color:var(--hyundaiblueopaque)}.quizMenu-itemComplete .MuiTypography-root{color:#fff}.quizMenu-itemComplete .MuiButton-root{background-color:#fff}.quizMenu-header{align-items:center;justify-content:space-between}.quizMenu-header>.MuiSvgIcon-root{fill:#fff}.quizMenu-title{font-weight:700;text-align:left!important}#quizMenuResults{flex:0 1 33%;display:flex;align-items:center}#quizMenuResults-box{background-color:var(--hyundailightsandopaque);max-width:600px;text-align:center;padding:24px}#quizMenuResults-box .MuiTypography-root:not(:last-child){margin-bottom:24px}#quizContainer{flex:1 0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.quizBox{width:calc(100% - 48px);min-height:50%;padding:24px;display:flex;flex-direction:column;align-items:center;background-color:var(--hyundailightsandopaque)}.quizBox.quizBox-shrink{min-height:unset}.quizQuestion{flex:0 1 25%;width:100%}.quizQuestion-number{font-size:1.3rem;font-weight:700;margin-bottom:8px}.quizQuestion-text{font-weight:700}.quizQuestion-subtext{font-size:.8rem}.quizOptions{flex:1 0 auto;width:100%;padding:24px 0;display:flex;flex-direction:column;justify-content:center}.quizOption{background-color:#fff;padding:8px;border-radius:4px;margin:8px 0;text-transform:none;border:1px solid transparent;justify-content:space-between;transition:.25s ease-in}.quizOption.MuiButton-root.Mui-disabled{color:unset}.quizOption-selected.MuiButton-root.Mui-disabled{color:#fff}.quizOption .MuiSvgIcon-root{font-size:24px}.quizOption-selected .MuiSvgIcon-root{fill:#fff}.quizOption-selected{background-color:var(--activeblue);color:#fff;border-color:var(--hyundaiblue)}.quizComplete{flex:1 0 auto}.quizComplete>.MuiTypography-root{margin-bottom:24px;text-align:center}.quizBefore{flex:1 0 auto;display:flex;flex-direction:column;align-items:center}.quizBefore>.MuiTypography-root{margin-bottom:24px;text-align:center}.quizBefore>.MuiButton-root:not(:last-child){margin-bottom:24px}.quizResources{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:24px;width:100%}.quizResources>.MuiButton-root{flex:0 1 45%;margin:8px;justify-content:space-between;text-transform:none;text-align:left}.quizResources .MuiSvgIcon-root{fill:#fff}@media screen and (max-width: 600px){.quizResources>.MuiButton-root{flex:1 1 100%}}#landing>div:not(.pageTitle){padding:24px;background-color:var(--hyundailightsandopaque);margin-bottom:48px}#landing>div:not(.pageTitle)>.MuiTypography-root{margin-bottom:16px}#landing>#landingNav{display:flex;background-color:unset;padding:0;width:100%;margin-bottom:16px}.landingNav-item{flex:1 1 20%;display:flex;align-items:center;text-align:center;justify-content:flex-start;padding:16px;margin:8px;background-color:var(--hyundaisand);user-select:none;cursor:pointer;transition:.25s ease-in}.landingNav-itemActive{background-color:var(--hyundaiblue)}.landingNav-item>.MuiSvgIcon-root{font-size:2rem;margin-right:8px}.landingNav-itemActive .MuiTypography-root{color:#fff}.landingNav-itemActive>.MuiSvgIcon-root{fill:#fff}@media screen and (max-width: 767px){#landing>#landingNav{flex-wrap:wrap}.landingNav-item{flex:1 0 50%;margin:4px}}@media screen and (max-width: 400px){.landingNav-item>.MuiSvgIcon-root{display:none}.landingNav-item .MuiTypography-root{text-align:left}}#closedPage .pageTitle{flex:0 0 33%;margin:0;align-items:center;text-align:center}#closedPage-dialogContainer{flex:1 0 auto;display:flex;justify-content:center;align-items:flex-start}#closedPage-dialog{width:90%;max-width:600px;padding:24px;background-color:var(--hyundailightsandopaque);display:flex;flex-direction:column;margin-top:24px}#closedPage-dialog>.MuiTypography-root{margin-bottom:16px}#signIn .pageTitle{flex:0 0 33%;margin:0;align-items:center;text-align:center}#signIn-dialogContainer{flex:1 0 auto;display:flex;justify-content:center;align-items:flex-start}#signIn-dialog{width:90%;max-width:600px;padding:24px;background-color:var(--hyundailightsandopaque);display:flex;flex-direction:column}#signIn-dialog>.MuiTypography-root{font-size:1.2rem;margin-bottom:16px}#signIn-dialog>.MuiTextField-root{margin-bottom:16px}@media screen and (orientation: portrait){#signIn-dialogContainer{align-items:flex-end;margin-bottom:10vh}}
