body{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-SemiBoldItalic-BDmM5XxA.woff2)format("woff2"),url(/assets/Montserrat-SemiBoldItalic-DPgAYD9p.woff)format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:AktivGrotesk;src:url(/assets/AktivGrotesk-Bold-Btr5decR.woff2)format("woff2"),url(/assets/AktivGrotesk-Bold-BfZFaxNE.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}html{font-size:16px}.App{width:100vw;height:100vh}.Container{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.title{color:#690000;margin-top:14rem;font-family:AktivGrotesk;font-size:5.5rem;font-weight:700}.homeAvatar{width:57vw;margin-top:6vw}.homeAvatar img{object-fit:contain;width:100%}.startBtn{width:30vw;margin-top:12vw;position:relative}.startBtn img{object-fit:contain;width:100%}.filter-heading{color:#382054;text-align:center;margin-top:17vw;font-family:AktivGrotesk;font-size:7vw}.filter-container{column-gap:6vw;margin-top:12vw;display:flex}.filter{flex-direction:column;align-items:center;row-gap:5vw;transition:transform .3s;display:flex;scale:.95}.filter.selected{transform:scale(1.1)}.filter .label{color:#690000;border:.6vw solid #690000;border-radius:50%;justify-content:center;align-items:center;width:10vw;height:10vw;font-family:AktivGrotesk;font-size:5vw;font-weight:700;transition:transform .3s;display:flex}.slide-in{animation:.5s forwards slideIn}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{transform:translate(-100vw)}to{transform:translate(0)}}.nextBtn{width:30vw;margin-top:20vw}.nextBtn img{object-fit:contain;width:100%}.capture-heading{text-align:center;color:#690000;margin-top:16vw;font-family:AktivGrotesk;font-size:3rem;font-weight:700}.camera-wrapper{width:100%;height:110vw;margin:3vw auto 0;position:relative;overflow:hidden}.camera-select{z-index:10;background-color:#382054;position:absolute;top:10px;left:10px}.camera-select select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-size:16px}.camera-view{transform-origin:50%;width:100%;height:100%;position:absolute;transform:rotate(270deg)}.webcam-feed{object-fit:contain;width:100%;height:100%}.frame-overlay{pointer-events:none;z-index:10;width:92%;height:92%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-image{object-fit:contain;width:100%;height:100%}.timer-overlay{z-index:3;color:#fff;text-shadow:0 2px 5px #00000080;font-family:AktivGrotesk;font-size:15vw;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tap-here{width:35vw;margin-top:5vw}.tap-here img{object-fit:contain;width:100%}.previewText{color:#6e0000;margin-top:16vw;font-family:AktivGrotesk;font-size:8vw}.generated-img{width:58vw;margin-top:2vw}.generated-img img{object-fit:contain;width:100%}.action-btn{justify-content:center;gap:7vw;width:90vw;margin-top:10vw;display:flex}.action-btn div{width:34vw;position:relative}.action-btn div img{object-fit:contain;width:100%}.thx{color:#690000;margin-top:32vw;font-family:AktivGrotesk;font-size:7vw}.qr-view{background-color:#fff;border:.8vw solid #690000;justify-content:center;align-items:center;margin-top:4vw;padding:2vw;display:flex}.description{color:#690000;text-align:center;margin-top:5vw;font-family:AktivGrotesk;font-size:5vw}.homeBtn{width:30vw;margin-top:12vw}.homeBtn img{object-fit:contain;width:100%}.loader-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#e7eaf554;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.loader-content{text-align:center;animation:.5s ease-out slideUp}.spinner-container{width:120px;height:120px;margin:0 auto 30px;position:relative}.spinner{border:6px solid #fff3;border-top-color:#fff;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;position:absolute}.spinner-inner{border:6px solid #fff3;border-bottom-color:#fff;border-radius:50%;width:calc(100% - 30px);height:calc(100% - 30px);animation:.7s linear infinite reverse spin;position:absolute;top:15px;left:15px}.loader-message{color:#fff;text-shadow:0 2px 10px #0003;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.spinner-container{width:100px;height:100px}.loader-message{font-size:20px}}@media (max-width:480px){.spinner-container{width:80px;height:80px}.loader-message{font-size:18px}}