*,:after,:before{box-sizing:border-box}:root{--hawkes-blue:#e9f0fd;--hawkes-blue-rgb:233,240,253;--blue:#003286;--navy:#0a2540;--red:#c30;--white:#fff}.button{background:var(--red);text-align:center;cursor:pointer;color:var(--white);background-color:#cc3201;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:16px;padding:16px 24px;font-family:Raleway;font-size:16px;font-style:normal;font-weight:700;line-height:1.2;transition:all .15s;display:flex}.button path{transition:all .15s}.button .icon path{fill:var(--white)}.button:hover{color:var(--white);background-color:#bc401e;border-color:#0000}.button:hover .icon path{fill:var(--white)}.button:disabled{color:#999;background-color:#555;border-color:#0000}.button:disabled .icon path{fill:#999}.button.hollow{color:#236eec;background-color:#0000;border-color:#236eec}.button.hollow .icon path{fill:#236eec}.button.hollow:hover{color:var(--white);background-color:#236eec;border-color:#0000}.button.hollow:hover .icon path{fill:var(--white)}.button.hollow:disabled{color:#555;background-color:#0000;border-color:#555}.button.hollow:disabled .icon path{fill:#555}.label-container{flex-direction:row;justify-content:center;align-items:center;display:flex}.label-container .label{margin:20px}.label-container .label.color.active{color:#96084d}.label-container .label.bw.active{color:#595959}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#96084d;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:#595959}input:focus+.slider{box-shadow:0 0 1px #595959}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.crop-wrapper{background-color:var(--hawkes-blue);justify-content:center;align-items:center;width:100%;max-width:900px;height:50vh;min-height:315px;margin:0 auto;display:flex;position:relative;overflow:hidden}.resize-container{cursor:move;display:none;position:relative}.resize-container.show{display:inline-block}.resize-container-ontop{cursor:move;z-index:1000;background-color:#05ff0500;width:100%;height:100%;position:absolute}.resize-container img{display:block}.resize-container:hover img,.resize-container:active img{outline:2px dashed #000000e6}.resize-handle-ne,.resize-handle-se,.resize-handle-nw,.resize-handle-sw{z-index:999;background:#000000e6;width:10px;height:10px;position:absolute}.resize-handle-nw{cursor:nw-resize;top:-5px;left:-5px}.resize-handle-sw{cursor:sw-resize;bottom:-5px;left:-5px}.resize-handle-ne{cursor:ne-resize;top:-5px;right:-5px}.resize-handle-se{cursor:se-resize;bottom:-5px;right:-5px}.top-overlay{z-index:990;background-color:rgba(var(--hawkes-blue-rgb),.6);width:100%;height:50%;position:absolute;top:-150px}.bottom-overlay{z-index:990;background-color:rgba(var(--hawkes-blue-rgb),.6);width:100%;height:50%;position:absolute;bottom:-152px}.right-overlay{z-index:990;background-color:rgba(var(--hawkes-blue-rgb),.6);width:50%;height:302px;margin-top:-150px;margin-right:-152px;position:absolute;top:50%;right:0}.left-overlay{z-index:990;background-color:rgba(var(--hawkes-blue-rgb),.6);width:50%;height:302px;margin-top:-150px;margin-left:-150px;position:absolute;top:50%;left:0}.overlay{z-index:999;box-sizing:content-box;background-image:url(photo-overlay.bddc2e9c.png);background-repeat:no-repeat;background-size:100%;outline:2px solid #a7a7a7e6;width:300px;height:300px;position:absolute}.overlay.no-image{background-color:#0000004d}.overlay.uploaded{pointer-events:none}.overlay.uploaded p.label-group{display:none}.resize-image.color{filter:unset}.resize-image.bw{filter:grayscale()}.overlay:before{margin-top:-40px;margin-left:-2px;top:0}.overlay:after{margin-bottom:-40px;margin-left:-2px;bottom:0}.overlay-inner:before{margin-top:-2px;margin-left:-40px;left:0}.overlay-inner:after{margin-top:-2px;margin-right:-40px;right:0}body.modal-open{overflow:hidden}h2{color:#192e47;margin:0;font-size:24px;font-weight:400;line-height:1.42em}.modal{z-index:9999;box-sizing:border-box;background-color:#00328699;justify-content:center;align-items:center;width:100vw;height:100%;padding:20px;display:none;position:fixed;top:0;left:0;overflow:auto}.content{background-color:#fefefe;border:1px solid #888;border-radius:12px;width:100%;max-width:660px;margin:15% auto;padding:50px 20px 30px;position:relative}@media screen and (min-width:768px){.content{padding:40px}}.content h1{text-align:left;margin-top:0;padding-right:20px;font-size:25px;line-height:31px}.content h2{color:var(--blue);font-family:Raleway,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:1.4}.content .checkbox{cursor:pointer;margin-top:20px;margin-bottom:24px;display:block;position:relative}.content input[type=checkbox]{appearance:none;background-color:#0000;width:0;height:0;margin:0;position:absolute}.content input[type=checkbox]+span{color:var(--navy);letter-spacing:.01em;padding-left:30px;font-size:14px;font-weight:700;line-height:17px;display:inline-block;position:relative}.content input[type=checkbox]+span:before,.content input[type=checkbox]+span:after{margin-right:6px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.content input[type=checkbox]+span:before{content:"";vertical-align:middle;background:#e9f0fd;border:1px solid #236eec;border-radius:3px;width:20px;height:20px}.content input[type=checkbox]+span:after{font-size:22px;position:absolute}.content input[type=checkbox]:checked+span:after{content:"✓"}.content .button{width:100%}@media screen and (min-width:768px){.content .button{width:auto;padding-left:50px;padding-right:50px}}ul{padding-left:10px;line-height:22px;list-style:none}ul li{color:var(--navy);text-indent:-8px;padding-left:10px;font-size:16px;line-height:1.5}ul li:before{content:"•";padding-right:8px;font-size:12px;display:inline-block;position:relative;transform:translateY(-1px)}ul li+li{margin-top:12px}.close{color:#236eec;font-size:18px;font-weight:700;position:absolute;top:17px;right:20px}.close:hover,.close:focus{color:#000;cursor:pointer;text-decoration:none}.spinner-container{display:none}.spinner-container.show{flex-direction:column;justify-content:center;align-items:center;display:flex}.lds-roller{width:80px;height:80px;display:inline-block;position:relative}.lds-roller div{transform-origin:40px 40px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-roller}.lds-roller div:after{content:" ";background:#192e47;border-radius:50%;width:7px;height:7px;margin:-4px 0 0 -4px;display:block;position:absolute}.lds-roller div:first-child{animation-delay:-.036s}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--hawkes-blue);padding-bottom:85px;font-family:Cabin,Arial,sans-serif;font-style:normal;position:relative}h1{text-align:center;color:#91c2f3;margin:0;font-style:normal}@media (max-width:500px){h1{font-size:18px}}p{text-align:left;max-width:800px;margin:18px auto;line-height:normal}canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}#download-canvas,#filter-canvas,.pretend{display:none}#canvas-container{display:hide;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}#canvas-container .filtered{display:none}#download{opacity:0;width:300px;margin:8px auto 0;display:none}#download .icon,#agree .icon{width:20.5px;height:20.9px}.download-buttons{display:none}.download-buttons.show{justify-content:center;gap:10px;display:flex}.download-buttons.show button,.download-buttons.show .js-loadfile{min-width:100px}.download-buttons.show .button{gap:6px;padding:3px 15px;font-size:14px;line-height:1.1}.download-buttons.show .button .icon{padding-top:3.5px;padding-bottom:3.5px}.download-buttons.show .bw-toggle.active{color:var(--white);background-color:var(--blue);border-color:#0000}.download-buttons.show .bw-toggle.active .icon path{fill:var(--white)}.label-group{color:#145f9f;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:-13px;font-size:14px;display:flex}.label-group span{align-items:center;display:flex}.label-group span label{justify-content:center;align-items:center;display:flex}.label-group span.open-modal{margin-left:4px;text-decoration:underline;display:inline-block}.label-group span.open-modal:hover{cursor:pointer}button#agree{margin-left:0}input.js-loadfile-input{position:absolute;left:-99999rem}#drop-zone{z-index:2000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#drop-zone span{background:#fff;border:1px solid #000;padding:20px}header{background:#fff;flex-direction:column-reverse;justify-content:center;align-items:center;gap:50px;padding:32px 20px;display:flex}header img{max-width:100%;height:auto}@media (min-width:768px){header{flex-direction:row;gap:104px}}header h1{color:var(--blue);font-family:Raleway,Arial,sans-serif;font-size:40px;font-weight:400;line-height:100%}.your-photo{text-align:center;color:var(--navy);margin-top:25px;padding:0;font-size:15px;font-style:italic}.hide{display:none}.logo-row{box-sizing:border-box;justify-content:center;align-items:center;gap:120px;width:100%;max-width:480px;margin:35px auto 20px;padding:0 20px;display:flex}@media (min-width:768px){.logo-row{padding:0}}.logo-row img{max-width:40vw;height:auto;margin:0 auto}.logo-row p{color:var(--navy);font-size:18px;line-height:27px}.logo-row p:first-child{font-size:22px;font-weight:400;line-height:150%}
/*# sourceMappingURL=napeo-peo-week-badge-generator.ad10aedc.css.map */
