.kiosk-shell{--knavy:#071a3d;--kblue:#0a54a8;--kred:#e33e44;--kgold:#efbf50;color:#fff;background:radial-gradient(circle at 50% 0,#173c73 0,#0000 38%),linear-gradient(145deg,#06142f,#081f46);flex-direction:column;min-height:100vh;font-family:Arial,sans-serif;display:flex}.kiosk-header{border-bottom:1px solid #ffffff1c;align-items:center;gap:13px;height:95px;padding:0 42px;display:flex}.kiosk-logo{border:3px solid var(--kgold);color:#f5d268;background:linear-gradient(90deg,#bd2b3b 50%,#0753a6 50%);border-radius:8px 8px 16px 16px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:56px;font-weight:700;display:flex}.kiosk-logo small{font-size:7px}.kiosk-header>div:nth-child(2){flex-direction:column;display:flex}.kiosk-header>div:nth-child(2) b{letter-spacing:.12em;font-size:13px}.kiosk-header>div:nth-child(2) span{color:#e96b70;letter-spacing:.17em;margin-top:4px;font-size:7px}.kiosk-header>p{color:#a9b8ce;margin-left:auto;font-size:10px}.kiosk-home,.kiosk-flow,.kiosk-success{text-align:center;width:min(900px,100% - 40px);margin:auto;padding:45px 0}.kiosk-eyebrow{letter-spacing:.2em;font-weight:700;color:#edc659!important;margin:0 0 10px!important;font-size:9px!important}.kiosk-home h1,.kiosk-flow h1,.kiosk-success h1{margin:0 0 9px;font:700 43px Georgia,serif}.kiosk-home>p:not(.kiosk-eyebrow),.kiosk-flow>p:not(.kiosk-eyebrow),.kiosk-success>p:not(.kiosk-eyebrow){color:#aebcd1;margin:0;font-size:13px}.kiosk-options{grid-template-columns:1fr 1fr;gap:18px;margin-top:35px;display:grid}.kiosk-options>button{color:#15213a;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:18px;gap:22px;min-height:220px;padding:35px;transition:all .2s;display:flex;box-shadow:0 18px 50px #0003}.kiosk-options>button:hover{transform:translateY(-4px);box-shadow:0 22px 60px #0005}.option-icon{border-radius:16px;flex:none;place-items:center;width:67px;height:67px;font-size:31px;display:grid}.option-icon.scan{color:var(--kblue);background:#eaf2fd}.option-icon.signup{color:var(--kred);background:#fff0eb}.kiosk-options>button>div{flex-direction:column;display:flex}.kiosk-options small{letter-spacing:.15em;color:var(--kred);font-size:8px;font-weight:700}.kiosk-options b{color:var(--knavy);margin-top:8px;font:700 24px Georgia,serif}.kiosk-options p{color:#727b8b;margin:10px 0;font-size:11px;line-height:1.5}.kiosk-options i{color:var(--kblue);margin-top:auto;font-size:10px;font-style:normal;font-weight:700}.today-match{text-align:left;background:#ffffff10;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:12px;margin-top:18px;padding:14px 18px;display:flex}.today-match>span{background:#ffffff12;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.today-match>div{flex-direction:column;display:flex}.today-match small{color:#eec75b;letter-spacing:.12em;font-size:7px}.today-match b{margin-top:3px;font-size:11px}.today-match i{color:#9fb0c9;margin-left:auto;font-size:9px;font-style:normal}.kiosk-back{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff35;border-radius:8px;padding:9px 13px;font-size:9px;position:absolute;top:120px;left:45px}.kiosk-flow{width:min(600px,100% - 40px);padding-top:30px}.kiosk-camera{background:#030a14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:440px;max-width:100%;height:320px;margin:28px auto 18px;display:flex;position:relative}.kiosk-camera>i{color:#4ceb94;width:50px;height:50px;position:absolute}.kiosk-camera>i:first-child{border-top:4px solid;border-left:4px solid;top:28px;left:28px}.kiosk-camera>i:nth-child(2){border-top:4px solid;border-right:4px solid;top:28px;right:28px}.kiosk-camera>i:nth-child(3){border-bottom:4px solid;border-left:4px solid;bottom:28px;left:28px}.kiosk-camera>i:nth-child(4){border-bottom:4px solid;border-right:4px solid;bottom:28px;right:28px}.kiosk-camera>span{color:#d8e2ef;font-size:55px}.kiosk-camera b{margin-top:12px;font-size:11px}.kiosk-camera small{color:#8190a4;margin-top:5px;font-size:8px}.manual-code{width:440px;max-width:100%;margin:auto}.manual-code>span{color:#9caec6;font-size:8px}.manual-code>div{gap:8px;margin-top:7px;display:flex}.manual-code input{color:#fff;background:#ffffff10;border:1px solid #ffffff35;border-radius:8px;flex:1;padding:11px;font-size:10px}.manual-code button{color:var(--knavy);background:#fff;border:0;border-radius:8px;padding:0 20px;font-size:9px;font-weight:700}.demo-scan{color:#8094b1;background:0 0;border:0;margin-top:15px;font-size:8px;text-decoration:underline}.success-ring{background:#34a969;border:9px solid #245c4430;border-radius:50%;place-items:center;width:75px;height:75px;margin:0 auto 25px;font-size:38px;display:grid;box-shadow:0 0 0 13px #5fcf9120}.kiosk-success{width:min(600px,100% - 40px)}.member-confirm,.points-earned,.streak,.delivery-note{color:#15213a;text-align:left;background:#fff;border-radius:13px;align-items:center;margin:22px auto 0;padding:15px;display:flex}.member-confirm>span{background:var(--knavy);color:#fff;border-radius:50%;place-items:center;width:47px;height:47px;font-size:11px;font-weight:700;display:grid}.member-confirm>div{flex-direction:column;margin-left:11px;display:flex}.member-confirm small{color:var(--kred);letter-spacing:.1em;font-size:7px}.member-confirm b{margin-top:4px;font-size:12px}.member-confirm>i{color:#2a8a59;background:#e8f6ee;border-radius:99px;margin-left:auto;padding:6px 8px;font-size:7px;font-style:normal;font-weight:700}.points-earned{background:linear-gradient(100deg,#fff5da,#fff)}.points-earned>span{background:var(--kgold);color:#fff;border-radius:50%;place-items:center;width:47px;height:47px;font-size:22px;display:grid}.points-earned>div{flex-direction:column;margin-left:12px;display:flex}.points-earned small{color:#95701f;font-size:7px}.points-earned>div b{color:var(--knavy);font-size:17px}.points-earned>strong{color:var(--knavy);flex-direction:column;margin-left:auto;font-size:26px;display:flex}.points-earned>strong small{color:#757e8d;font-size:7px}.streak{color:#fff;background:#ffffff10;border:1px solid #ffffff20}.streak>span{margin-right:13px;font-size:30px}.streak>div{flex-direction:column;flex:1;display:flex}.streak b{font-size:11px}.streak p{color:#aebcd1;margin:4px 0 8px;font-size:8px}.streak i{background:#ffffff20;border-radius:8px;height:5px}.streak em{background:#f0b848;border-radius:8px;height:100%;display:block}.kiosk-success>button,.register-flow form>button{background:var(--kred);color:#fff;border:0;border-radius:10px;width:100%;margin-top:20px;padding:14px;font-size:11px;font-weight:700}.kiosk-success>small{color:#8193ad;margin-top:9px;font-size:7px;display:block}.register-flow{width:min(650px,100% - 40px);padding-top:30px}.register-flow form{color:#16223a;text-align:left;background:#fff;border-radius:18px;margin-top:25px;padding:27px}.register-flow form>div:not(.free-plan){grid-template-columns:1fr 1fr;gap:12px;display:grid}.register-flow label{color:#6e7888;flex-direction:column;gap:6px;margin-bottom:13px;font-size:8px;font-weight:700;display:flex}.register-flow input{border:1px solid #d9dde4;border-radius:8px;padding:12px;font-size:10px}.register-flow .consent{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.4}.register-flow .consent input{margin:1px 0 0}.free-plan{background:#f2f6fb;border-radius:10px;align-items:center;margin-top:5px;padding:13px;display:flex}.free-plan>span{width:40px;height:40px;color:var(--kblue);background:#e3edf9;border-radius:50%;place-items:center;display:grid}.free-plan>div{flex-direction:column;margin-left:10px;display:flex}.free-plan small{color:var(--kred);font-size:7px}.free-plan b{font-size:12px}.free-plan p{color:#778090;margin:3px 0 0;font-size:8px}.free-plan>i{color:var(--knavy);margin-left:auto;font:700 22px Georgia,serif}.register-flow form>small{text-align:center;color:#838b98;margin-top:8px;font-size:7px;display:block}.welcome-member{padding-top:20px}.new-member-card{background:linear-gradient(145deg,#485466,#7c8799);border-radius:16px;flex-direction:column;align-items:center;width:340px;max-width:100%;margin:20px auto;padding:20px;display:flex;box-shadow:0 20px 45px #0004}.new-member-card>div{text-align:left;flex-direction:column;width:100%;margin-bottom:15px;display:flex}.new-member-card small{color:#f0cf6c;letter-spacing:.1em;font-size:7px}.new-member-card b{margin-top:5px;font:700 20px Georgia,serif}.new-member-card span{color:#d2dae5;margin-top:3px;font-size:8px}.new-member-card svg{border-radius:8px}.new-member-card>p{letter-spacing:.12em;color:#d6dfeb!important;margin:8px 0 0!important;font-size:7px!important}.delivery-note{width:420px;max-width:100%}.delivery-note>span{width:40px;height:40px;color:var(--kblue);background:#e6eef9;border-radius:50%;place-items:center;font-size:17px;display:grid}.delivery-note>div{flex-direction:column;margin-left:10px;display:flex}.delivery-note b{font-size:10px}.delivery-note p{color:#727c8b;margin:3px 0;font-size:8px}.kiosk-shell>footer{color:#768aa8;border-top:1px solid #ffffff15;justify-content:center;align-items:center;height:45px;font-size:8px;display:flex}.kiosk-shell>footer b{color:#9bacc5;margin-left:4px}@media (width<=700px){.kiosk-header{height:75px;padding:0 15px}.kiosk-header>p{display:none}.kiosk-logo{width:38px;height:45px}.kiosk-home{padding:28px 0}.kiosk-home h1,.kiosk-flow h1,.kiosk-success h1{font-size:33px}.kiosk-options{grid-template-columns:1fr;margin-top:25px}.kiosk-options>button{min-height:165px;padding:25px}.kiosk-back{margin-bottom:20px;position:static}.register-flow form>div:not(.free-plan){grid-template-columns:1fr}.today-match i{display:none}}@media (width<=430px){.kiosk-options>button{display:block}.option-icon{width:50px;height:50px;margin-bottom:15px;font-size:23px}.kiosk-options b{font-size:20px}.kiosk-camera{height:270px}.member-confirm>i{display:none}}.registration-error{text-align:left;border:1px solid #efb2b2;border-radius:10px;font-weight:700;color:#a32020!important;background:#fff0f0!important;padding:12px 14px!important}.register-flow form>button:disabled{opacity:.65;cursor:wait}.kiosk-logo{background:#fff;border:0;border-radius:50%;overflow:hidden;box-shadow:0 3px 14px #0004}.kiosk-logo img{object-fit:cover;width:100%;height:100%;transform:scale(1.52)}.kiosk-venue{align-items:center;gap:9px;margin-left:auto;display:flex}.kiosk-venue p{color:#a9b8ce;margin:0;font-size:10px}.kiosk-mexa-crop{width:63px;height:30px;display:block;position:relative;overflow:hidden}.kiosk-mexa-crop img{object-fit:contain;width:82px;height:82px;position:absolute;top:-49px;left:-9px}.today-penya{overflow:hidden;background:#fff!important}.today-penya img{object-fit:cover;width:100%;height:100%;transform:scale(1.5)}@media (width<=700px){.kiosk-venue{display:none}}