body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.camera-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.body{overflow-x:hidden}.opt-selector{display:flex;justify-content:space-evenly;padding:2em;width:100%;z-index:2}.opt-directions{color:#000;font-size:3em;margin-top:1em;text-align:center;z-index:2}.opt-button{background-color:initial;border:none;border-radius:2em;cursor:pointer;margin:8em 0;padding:.5em 1em;transition:none}.opt-image{border-radius:50%;height:25em;object-fit:contain;opacity:60%;transition:all .3s ease;width:25em}.opt-button:hover .opt-image{cursor:pointer;opacity:1;transform:scale(1.2)}.opt-button.select .opt-image{opacity:1}.step2-subheading{font-size:2em;text-align:center}.left-container-header h2{padding-top:1em}.theme-select{grid-gap:1em;display:grid;flex:1 1;gap:1em;grid-template-columns:repeat(3,1fr);justify-items:center;overflow-y:auto;width:100%}.theme-select img{background-image:linear-gradient(45deg,#888 26%,#0000 0),linear-gradient(135deg,#888 26%,#0000 0),linear-gradient(45deg,#0000 75%,#888 0),linear-gradient(135deg,#0000 75%,#888 0);background-position:0 0,10px 0,10px -10px,0 10px;background-size:10px 10px;border:1px solid #d3d3d3;border-radius:1em;height:30vh;margin:1.5em 0;transition:all .3s ease}.theme-select img:hover{border:1px solid #000;cursor:pointer;transform:scale(1.1)}.theme-preview{background-image:linear-gradient(45deg,#888 26%,#0000 0),linear-gradient(135deg,#888 26%,#0000 0),linear-gradient(45deg,#0000 75%,#888 0),linear-gradient(135deg,#0000 75%,#888 0);background-position:0 0,10px 0,10px -10px,0 10px;background-size:10px 10px;border:1px solid #d3d3d3;height:30vh;margin:1.5em 0;transition:all .3s ease;width:100%}.photos-instructions{height:100%;width:10%}.photos-instructions>*{align-items:center;background-color:#fff;border:2px solid #003da5;border-radius:1em;display:flex;justify-content:center;padding:1em 0;position:relative}.photos-instructions h2{font-size:1.5em;font-weight:400;max-width:70%}.photos-instructions .arrow{font-size:40px}.selfie-scotty{top:2em}.choose-theme{top:25%}.take-picture{top:60%}.right-container{width:0}.right-container-header h2{padding-top:1em}.overlay-container{box-shadow:0 0 20px 0 #888}.overlay-theme{height:100%;position:absolute;z-index:3}.overlay-container.preview{height:90%;margin:1em 0}.overlay-container.capture{height:100%;margin-top:2em}.selfie{object-fit:contain;z-index:1}.selfie,.webcam{height:50%;position:absolute;top:0;width:100%}.webcam{object-fit:cover;z-index:2}.button{margin-bottom:.5em}.retake{background-color:#ea4c89;left:25%}.confirm{background-color:#309d4f;right:25%}.retake:hover{background-color:#e82f76}.confirm:hover,.retake:hover{box-shadow:0 0 10px 3px #888;cursor:pointer}.confirm:hover{background-color:#039e2f}.hidden{display:none}.hidden-step1{pointer-events:none;visibility:hidden}.countdown-animation{font-size:10em;text-shadow:0 0 10px #000c;top:50%;transform:translate(-50%,-50%);z-index:5}.capture-button,.countdown-animation{color:#fff;left:50%;position:absolute}.capture-button{align-items:center;background-color:#666;border:none;border-radius:50%;box-shadow:0 4px 10px #000;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:150px;justify-content:center;padding:1rem;text-align:center;text-transform:uppercase;top:88%;transform:translateX(-50%) translateY(-50%);transition:all .3s ease;width:150px;z-index:4}.capture-button:hover{cursor:pointer;transform:translate(-50%,-50%) scale(1.2);z-index:4}.blue{background-color:#003da5;color:#fff}.step1,.step2,.step3{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:1200px;z-index:1}.button.next,.button.prev{align-items:center;background:#003da5;border:none;border-radius:1em;color:#fff;cursor:pointer;font-size:2em;justify-content:center;margin:.5em;padding:.5em 2em;transition:background .3s}.button.next:hover,.button.prev:hover{background-color:#ffb81c}.button.next:disabled{background:#ccc;color:#888;cursor:not-allowed}.button-next{align-items:center;background:#003da5;border:none;border-radius:1em;color:#fff;cursor:pointer;font-size:2em;justify-content:center;margin:.5em;padding:.5em 2em;transition:background .3s}.button-next:hover{background-color:#ffb81c}.button-group{align-items:center;display:flex;justify-content:center;width:100%;z-index:2}.back-button-container,.next-button-container{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:0 1rem;width:10%}.button.bottom-left{align-items:center;background-color:#003da5;border:none;border-radius:1em;bottom:0;color:#fff;cursor:pointer;font-size:2em;justify-content:center;left:0;margin:.5em;padding:.5em 2em;transition:background .3s}.button.bottom-left:hover{background-color:#ffb81c}.camera-background-image{height:100vh;object-fit:cover;opacity:35%;pointer-events:none;position:absolute;top:0;width:100vw;z-index:0}.landing-page{align-items:center;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.background-image{height:100vh;object-fit:cover;opacity:40%;pointer-events:none;position:absolute;top:0;width:100vw;z-index:0}.main{height:100%;padding:30em 2em 0;position:relative;top:0;width:100%}.card,.main{align-items:center;display:flex;flex-direction:column}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#003da5;border-radius:2em;box-shadow:3px 3px 10px 0 #000000b3,inset 0 0 20px 0 #ffffff4d;justify-content:space-between;margin:2em}.main h1{font-size:3em;font-weight:400;padding:.5em .75em;text-align:center;width:100%}.instructions,.main h1{box-sizing:border-box;position:relative}.instructions{align-items:center;display:flex;justify-content:space-between;width:90%}.ucr-ray{height:5em;padding-top:1em;width:5em}.item{align-items:center;display:flex;flex-direction:column;height:20em;justify-content:center;width:20em}.icon{font-size:3em;padding:.25em}.item h3{font-size:2em;font-weight:400;line-height:1.5em;text-align:center}.instructions .arrow{font-size:4em;padding:.5em}.welcome{box-sizing:border-box;padding:.5em .75em;position:relative;text-align:center;width:80%}.main-button{background-color:#003da5;border:none;border-radius:1em;color:#fff;font-size:2.5em;font-weight:400;padding:.75em 1em;position:relative;transition:all .3s ease}.main-button:hover{background-color:#ffb81c;box-shadow:0 0 10px 3px #aaa,inset 0 0 20px 0 #ffffff4d;cursor:pointer}*{margin:0;padding:0}.fixed-textbox{background-color:#fffc;border:2px solid #333;box-shadow:0 0 4px #0003;color:#000;font-family:Helvetica;font-size:18px;height:100%;outline:none;padding:8px;position:absolute;resize:none;width:100%}.sticker-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.header{align-items:center;background-color:#003da5;display:flex;height:6em;justify-content:center;width:100%;z-index:2}.header h1{color:#fff;font-size:3em;text-align:center}.body{align-items:center;display:flex;height:calc(100vh - 6em);justify-content:space-between;width:100%}.left-container{display:flex;flex-direction:column;height:100%;width:45%;z-index:1}.sticker-select{grid-row-gap:5em;display:grid;flex:1 1;grid-template-columns:repeat(3,1fr);justify-items:center;overflow-y:auto;padding:5em 0;row-gap:5em;width:100%}.sticker-select img{cursor:move;height:20vh;margin:0;transition:all .3s ease}.sticker-select img:hover{transform:scale(1.2)}.sticker-instructions{height:100%;overflow:visible;position:relative;width:20%}.sticker-instructions-img{display:block;height:auto;margin-top:50%;object-fit:contain;position:absolute;width:120%}.sticker-instructions h2{font-size:1.5em;font-weight:400;max-width:70%}.sticker-instructions .arrow{font-size:40px}.drag-sticker{top:10%}.rearrange-sticker{top:35%}.print-vision{top:70%}.right-container{flex:1 1;flex-direction:column;height:100%;width:35%}.overlay-container,.right-container{align-items:center;display:flex;justify-content:center;position:relative}.overlay-container{aspect-ratio:11/17;height:90%;overflow:hidden}.final-selfie{height:50%;top:0}.final-selfie,.final-theme{pointer-events:none;position:absolute}.final-theme{height:100%}.sticker-canvas{height:100%;position:relative;width:100%}.sticker-canvas img{cursor:move;height:17%;position:absolute}.text-blue{background-color:#003da5;border:none;border-radius:1em;color:#fff;font-size:1.8em;margin-top:1em;padding:.75em;text-align:center;transition:all .3s ease;width:80%}.text-blue:hover{background-color:#003da5;box-shadow:0 0 10px 3px #888;cursor:pointer}.textbox-blue{background:#003da5;border:1px solid #003da5;border-radius:1rem;box-sizing:border-box;color:#fff;font-family:Comic Sans MS,Comic Sans;font-size:16px;height:100%;outline:none;overflow:visible;padding:.5em;position:relative;resize:none;text-align:left;transition:all .2s ease;width:100%}.textbox-blue:after{border-color:#003da5 #0000 #0000;border-style:solid;border-width:10px 10px 0;bottom:-10px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.text-yellow{background-color:#ffb81c;border:none;border-radius:1em;color:#000;font-size:1.8em;margin-top:1em;padding:.75em;text-align:center;transition:all .3s ease;width:80%}.text-yellow:hover{background-color:#ffb81c;box-shadow:0 0 10px 3px #888;cursor:pointer}.textbox-yellow{background:#ffb81c;border:1px solid #ffb81c;border-radius:1rem;box-sizing:border-box;color:#000;font-family:Comic Sans MS,Comic Sans;font-size:14px;height:100%;outline:none;overflow:visible;padding:.5em;position:relative;resize:none;text-align:left;transition:all .2s ease;width:100%}.textbox-yellow:after{border-color:#ffb81c #0000 #0000;border-style:solid;border-width:10px 10px 0;bottom:-10px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.text-white{background-color:#fff;border:1px solid #000;border-radius:1em;color:#000;font-size:1.8em;margin-top:1em;padding:.75em;text-align:center;transition:all .3s ease;width:80%}.text-white:hover{background-color:#f2f2f2;box-shadow:0 0 10px 3px #888;cursor:pointer}.textbox-white{background:#fff1d2;border:1px solid #fff1d2;border-radius:1rem;box-sizing:border-box;color:#000;font-family:Comic Sans MS,Comic Sans;font-size:12px;height:100%;outline:none;overflow:visible;padding:.5em;position:relative;resize:none;text-align:left;transition:all .2s ease;width:100%}.textbox-white:after{border-color:#fff1d2 #0000 #0000;border-style:solid;border-width:10px 10px 0;bottom:-10px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.button{border-radius:1em;border-style:none;box-sizing:border-box;color:#fff;font-size:2em;padding:.75em;transition:all .3s ease}.button,.clear{bottom:0;position:absolute}.clear{background-color:#ea4c89;left:5%}.print{background-color:#309d4f;bottom:0;position:absolute;right:5%}.clear:hover{background-color:#e82f76}.clear:hover,.print:hover{box-shadow:0 0 10px 3px #888;cursor:pointer}.print:hover{background-color:#039e2f}.popup{align-items:center;display:flex;justify-content:center;position:absolute;z-index:3}.opacity,.popup{height:100vh;width:100vw}.opacity{background-color:#0009}.form{align-items:center;background-color:#eee;border-radius:1em;display:flex;flex-direction:column;height:50%;justify-content:center;width:50%}.close,.form{position:absolute}.close{color:#000;cursor:pointer;font-size:3em;right:1rem;top:1rem}.restart{background-color:#309d4f;border-radius:1em;border-style:none;box-sizing:border-box;color:#fff;font-size:2em;padding:.75em;transition:all .3s ease;z-index:4}.restart:hover{background-color:#039e2f;box-shadow:0 0 10px 3px #888;cursor:pointer}.canvas{z-index:5}.mobile-disclaimer{display:none}@media (max-width:1200px){.content-pages{display:none}.mobile-disclaimer{align-items:center;background-color:#fff;display:absolute;display:flex;height:100vh;justify-content:center;left:0;top:0;width:100vw;z-index:6}.mobile-disclaimer h1{font-size:2em}}
/*# sourceMappingURL=main.a8268b9b.css.map*/