:root{--Gold-Color:linear-gradient(90deg, #f8c746 -30.06%, #d89b04 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:#000;margin:0;padding:0;font-family:Noto Sans Lao,sans-serif;overflow-x:hidden}#root{background:#000;justify-content:center;align-items:flex-start;min-height:100dvh;display:flex}button,input,textarea,select,a{font:inherit}button{cursor:pointer;background:0 0;border:0}img,svg{max-width:100%;display:block}.gift-payment-widget{background:#fff;width:100%;max-width:405px;min-height:100dvh;position:relative;overflow:hidden}.gift-state-screen{color:#fff;background:#0c5790;justify-content:center;align-items:center;min-height:100dvh;padding:24px 18px;display:flex}.gift-state-screen__content{text-align:center;width:100%;max-width:360px;margin-top:-72px}.gift-state-screen__icon{width:120px;height:120px;margin:20px auto}.gift-state-screen__icon svg{width:100%;height:100%}.gift-state-screen__title{color:#f8c746;margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.3}.gift-state-screen__subtitle{color:#fff;font-size:14px;line-height:1.5}.gift-state-screen__loader{border:4px solid #fff3;border-top-color:#f8c746;border-radius:999px;width:72px;height:72px;margin:20px auto;animation:.9s linear infinite giftStateSpin}@keyframes giftStateSpin{to{transform:rotate(360deg)}}.app-download-bar-shell{transform-origin:top;background:#00639b;height:52px;overflow:hidden}.app-download-bar-shell.is-closing{animation:.32s cubic-bezier(.25,.8,.25,1) forwards appDownloadBarShellOut}.app-download-bar{color:#fff;background:#00639b;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;display:flex}.app-download-bar.is-closing{will-change:transform, opacity;animation:.32s cubic-bezier(.25,.8,.25,1) forwards appDownloadBarOut}.app-logo{object-fit:contain;flex:none;width:56px;height:34px}.app-download-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;line-height:1;overflow:hidden}.app-download-button{color:#fff;background:0 0;border:1px solid #fff;border-radius:5px;flex:none;justify-content:center;align-items:center;height:34px;padding:0 16px;font-size:14px;line-height:1;text-decoration:none;display:inline-flex}.app-download-close{background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.app-download-close img{width:14px;height:14px}@keyframes appDownloadBarOut{0%{opacity:1;transform:translateY(0)}to{opacity:.88;transform:translateY(-100%)}}@keyframes appDownloadBarShellOut{0%{opacity:1;height:52px}to{opacity:1;height:0}}.gift-payment-layer{--blue-layer-height:220px;background:linear-gradient(to bottom, #005f95 0, #005f95 var(--blue-layer-height), #fff var(--blue-layer-height), #fff 100%);width:100%;min-height:calc(100dvh - 52px);padding:28px 16px 32px;position:relative}.gift-payment-layer:before{content:"";height:var(--blue-layer-height);opacity:.28;pointer-events:none;background-image:url(/assets/background.svg);background-position:top;background-repeat:repeat;background-size:100%;position:absolute;inset:0 0 auto}.payment-card-stack{--ribbon-width:340px;--ribbon-visible-height:82px;width:100%;padding-top:var(--ribbon-visible-height);position:relative}.card-ribbon{z-index:1;width:var(--ribbon-width);pointer-events:none;height:auto;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.payment-card{z-index:2;background-color:#fff;border:0;border-top:4px solid #f2bd26;border-radius:8px;width:100%;min-height:620px;padding:18px 12px 22px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0c1f3826}.payment-card:before{content:"";z-index:1;pointer-events:none;opacity:1;background-image:url(/assets/card-watermark.svg);background-position:top;background-repeat:repeat;background-size:220px;position:absolute;inset:0}.payment-card-content{z-index:2;position:relative}.payment-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.payment-title{align-items:center;gap:10px;min-width:0;font-size:18px;line-height:1.2;display:flex}.payment-title strong{background:var(--Gold-Color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:0}.payment-title-icon{color:#fff;background:#f1ad09;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:grid}.payment-expire{color:#202020;white-space:nowrap;align-items:center;gap:5px;font-size:12px;line-height:1;display:flex}.payment-expire b{color:#fff;background:#005e94;border-radius:3px;place-items:center;min-width:29px;height:30px;font-size:17px;line-height:1;display:grid}.payment-expire em{color:#005e94;font-style:normal;font-weight:700}.amount-block{text-align:center;margin-top:24px}.amount-block p{background:var(--Gold-Color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:14px;line-height:1.2}.amount-block h1{text-align:center;background:var(--Gold-Color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:20px;font-style:normal;font-weight:700;line-height:150%}.qr-box{background:#fff;border:1.5px solid #006ca8;border-radius:17px;place-items:center;width:248px;height:248px;margin:14px auto 12px;padding:14px;display:grid;position:relative}.qr-box svg{width:220px;height:220px;display:block}.save-qr-button{color:#fff;background:#4a8bb0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:38px;margin:0 auto;padding:0 20px;font-size:14px;line-height:1;display:flex}.save-qr-button img{flex:none;width:20px;height:20px}.pay-button{color:#fff;background:#a00000;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;margin:22px 0 20px;font-size:15px;font-weight:800;line-height:1;display:flex}.payment-handoff-warning{color:#9a4c00;text-align:center;background:#fff4e8;border-radius:10px;margin:-8px 0 18px;padding:10px 12px;font-size:13px;line-height:1.4}.pay-icon,.pay-arrow{flex:none;width:24px;height:24px}.pay-arrow{margin-left:4px}.payment-details h2{color:#333;border-bottom:1px solid #e4e4e4;margin:0 0 16px;padding:0 0 9px 14px;font-size:17px;line-height:1.3;position:relative}.payment-details h2:before{content:"";background:#0c5790;border-radius:0 3px 3px 0;width:3px;height:25px;position:absolute;top:2px;left:0}.detail-row{color:#555;grid-template-columns:98px 1fr;gap:8px;margin-bottom:15px;font-size:14px;line-height:1.35;display:grid}.detail-label{color:#8c8c8c;white-space:nowrap;align-self:center}.detail-value{color:#555;line-height:1.35}.detail-value-strong{color:#333;text-align:right;font-size:20px;font-style:normal;font-weight:700;line-height:150%}.payment-link{white-space:nowrap;text-overflow:ellipsis;background:var(--Gold-Color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;min-width:0;display:block;overflow:hidden}.copy-link-row{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.copy-link-button{vertical-align:middle;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.copy-link-button img{width:20px;height:20px}.copy-toast{z-index:80;opacity:0;pointer-events:none;color:#fff;white-space:nowrap;background:#111111eb;border-radius:999px;padding:12px 18px;font-size:14px;line-height:1.2;transition:opacity .22s,transform .22s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,18px)}.copy-toast.is-visible{opacity:1;transform:translate(-50%)}.receiver-info{align-items:center;gap:14px;margin-top:20px;display:flex}.receiver-logo{object-fit:contain;background:#006ca8;border-radius:50%;flex:none;width:48px;height:48px}.receiver-info strong{color:#444;font-size:15px;font-weight:500;line-height:1.2}.receiver-info p{color:#777;margin:6px 0 0;font-size:14px;line-height:1.2}.payment-sheet-overlay{z-index:60;overscroll-behavior:none;background:#00000047;justify-content:center;align-items:flex-end;animation:.28s ease-out both paymentSheetOverlayIn;display:flex;position:fixed;inset:0}.payment-sheet-overlay.is-closing{animation:.28s ease-in both paymentSheetOverlayOut}.payment-sheet{background:#f3f3f3;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:405px;max-height:100dvh;animation:.28s ease-out both paymentSheetIn;display:flex;overflow:hidden;box-shadow:0 -8px 24px #0000001f}.payment-sheet.is-closing{animation:.28s ease-in both paymentSheetOut}.payment-sheet-summary{text-align:center;background:#fff;padding:24px 20px 28px}.payment-sheet-summary p{background:var(--Gold-Color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:16px;line-height:1.2}.payment-sheet-summary h3{text-align:center;background:var(--Gold-Color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-style:normal;font-weight:700;line-height:150%}.payment-sheet-body{-webkit-overflow-scrolling:touch;background:#f3f3f3;flex:auto;padding:24px 16px;overflow-y:auto}.payment-method-list{flex-direction:column;gap:8px;display:flex}.payment-method-item{text-align:left;background:#fff;border:1px solid #e1e1e1;border-radius:10px;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.payment-method-item.is-selected{background:#fff;border-color:#0d7ee8}.payment-method-item.is-disabled{opacity:.45;cursor:not-allowed}.payment-method-logo{aspect-ratio:1;object-fit:contain;border-radius:12px;flex:none;width:44px;height:44px}.payment-method-content{flex:1;min-width:0}.payment-method-content strong{color:#111;font-size:16px;font-weight:700;line-height:1.3;display:block}.payment-method-content p{color:#8e8e8e;margin-top:6px;font-size:13px;line-height:1.3}.payment-method-check{color:#0000;background:#efefef;border:1px solid #d7d7d7;border-radius:6px;flex:none;place-items:center;width:28px;height:28px;display:grid}.payment-method-check img{flex:none;width:16px;height:16px}.payment-method-check.is-selected{background:linear-gradient(90deg,#0081f9 -54.44%,#0c5790 100%);border-color:#0000}.payment-sheet-continue-button{color:#fff;background:#0c5790;border:0;border-radius:0;flex:none;width:100%;height:56px;font-size:22px;font-weight:700;line-height:1}.payment-sheet-continue-button:disabled{opacity:.55;cursor:not-allowed}@keyframes paymentSheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes paymentSheetOut{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes paymentSheetOverlayIn{0%{background:0 0}to{background:#00000047}}@keyframes paymentSheetOverlayOut{0%{background:#00000047}to{background:0 0}}@media (width<=380px){.app-download-bar{gap:8px;padding:0 12px}.app-logo{width:50px}.app-download-button{padding:0 12px}.gift-payment-layer{padding-left:12px;padding-right:12px}.payment-header{align-items:center;gap:6px}.payment-title{flex:1;gap:8px;font-size:16px}.payment-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.payment-title-icon{width:14px;height:14px;font-size:10px}.payment-expire{flex:none;gap:4px;font-size:11px}.payment-expire b{min-width:24px;height:24px;font-size:14px}.payment-expire em{font-size:13px}.qr-box{width:230px;height:230px}.qr-box svg{width:202px;height:202px}}@media (width<=350px){.payment-title{font-size:15px}.payment-expire{gap:3px;font-size:10px}.payment-expire b{min-width:22px;height:22px;font-size:13px}.payment-expire em{font-size:12px}}