@layer components{.nap{gap:16px;display:grid}.nap__so-du{color:var(--ngoc-dam);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px clamp(16px,3vw,24px);display:flex}.nap__so-du svg{color:#b8862b;flex:none}.nap__so-du>b{color:var(--ngoc);margin-left:auto;font-size:20px}.nap__nhanh{flex-wrap:wrap;gap:8px;display:flex}.nap__nhanh button{height:40px;color:var(--ngoc-dam);background:#fffdf6;border:1px solid #b7a06acc;border-radius:8px;flex:72px;font-weight:600;transition:border-color .2s,background .2s}.nap__nhanh button:hover,.nap__nhanh button.is-on{border-color:var(--ngoc);background:#e7f0e6}.nap__nb{color:var(--ngoc-dam);align-items:center;gap:8px;display:flex}.nap__nb svg{color:#b8862b;flex:none}.nap__bill{gap:16px;display:grid}@media (min-width:640px){.nap__bill{grid-template-columns:auto 1fr;align-items:start}.nap__cho,.nap__ma{grid-column:1/-1}}.nap__qr{justify-self:center}.nap__qr img{background:#fff;border:1px solid #b7a06a99;border-radius:10px;width:220px;height:220px;padding:8px}.nap__dl{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;min-width:0;font-size:15px;display:grid}.nap__dl dt{color:var(--ngoc-dam);opacity:.8}.nap__dl dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.nap__tien{color:var(--ngoc);font-size:18px}.nap__copy{height:26px;color:var(--ngoc);background:#fffdf6;border:1px solid #b7a06acc;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.nap__cho{color:#6b4e14;background:#fbf3dc;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nap__cho i{background:currentColor;border-radius:50%;flex:none;width:9px;height:9px;animation:1.2s infinite nap-nhay}@keyframes nap-nhay{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.nap__cho i{animation:none}}.nap__ls{padding:clamp(16px,3vw,24px)}.nap__ls ul{margin-top:10px;display:grid}.nap__ls li{border-top:1px dashed #b7a06a80;grid-template-columns:auto 1fr auto auto;gap:4px 12px;padding:8px 0;font-size:14.5px;display:grid}.nap__ls li:first-child{border-top:0}@media (max-width:520px){.nap__ls li{grid-template-columns:1fr auto}}.nap__tt{font-weight:600}.nap__tt--paid{color:#2f6b45}.nap__tt--pending{color:#8a6514}.nap__tt--expired,.nap__tt--failed,.nap__tt--error,.nap__tt--cancelled,.nap__tt--canceled,.nap__tt--rejected{color:#8a3a2f}}