.qua-dai,.qua-nen{--qua-nen:#0d2219;--qua-mat-a:#1f4434;--qua-mat-b:#153427;--qua-vang:#e0a53c;--qua-vang-nhat:#f3d58a;--qua-chu:#f6efd9;--qua-chu-phu:#c9d3ca;--qua-vien:#e0a53c73;--qua-vang-to:linear-gradient(105deg, #a97a1f 0%, #f0c25c 28%, #e0a53c 46%, #f8dc93 62%, #b8862b 82%, #e0a53c 100%)}.qua-dai{isolation:isolate;background:linear-gradient(150deg, var(--qua-mat-a), var(--qua-mat-b));box-shadow:inset 0 0 0 1px var(--qua-vien), 0 14px 36px #00000038;color:var(--qua-chu);animation:nn-hien-len var(--cd-doi-trang-thai) var(--cd-vao) backwards;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem .9rem;padding:1rem 1.1rem;display:grid;position:relative;overflow:hidden}.qua-dai:before{content:"";z-index:-1;pointer-events:none;background:#f6efd90f;width:8rem;height:8rem;position:absolute;bottom:-3rem;right:-2.6rem;-webkit-mask:url(/hoa-van/mat-trong-dong.svg) 50%/contain no-repeat;mask:url(/hoa-van/mat-trong-dong.svg) 50%/contain no-repeat}.qua-dai .qua-nut{grid-column:1/-1;justify-self:start}.qua-dai-trong{width:100%;box-shadow:inset 0 0 0 1px var(--qua-vien);background:#0d22198c;grid-template-columns:minmax(0,1fr);justify-self:stretch;padding:.9rem 1rem}.qua-dai-trong:before,.qua-dai-trong .qua-dau{display:none}.qua-dai-trong .qua-nut{grid-column:auto}@media (min-width:640px){.qua-dai-trong{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.qua-dau{width:3rem;height:3rem;box-shadow:inset 0 0 0 1px var(--qua-vien);background:radial-gradient(circle,#e0a53c38,#e0a53c0a 70%);border-radius:50%;flex:none;place-items:center;display:grid}.qua-dau img{width:2.2rem;height:2.2rem;display:block}.qua-chu{gap:.2rem;min-width:0;display:grid}.qua-td{font-family:var(--font-serif);color:var(--qua-vang-nhat);text-wrap:balance;margin:0;font-size:1.12rem;font-weight:600;line-height:1.3}.qua-phu{color:var(--qua-chu-phu);margin:0;font-size:.9rem;line-height:1.55}.qua-nut{background:var(--qua-vang-to);color:#1a130a;min-height:44px;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--cd-phan-hoi) var(--cd-vao), box-shadow var(--cd-phan-hoi) var(--cd-vao);background-size:200% 100%;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:.95rem;font-weight:700;line-height:1.25;text-decoration:none;display:inline-flex;box-shadow:0 6px 20px #e0a53c38,inset 0 1px #ffffff59}.qua-dai a.qua-nut,.qua-nen a.qua-nut{color:#1a130a}.qua-nut:active{transform:scale(.97)}.qua-nut:focus-visible,.qua-nut-phu:focus-visible{outline:3px solid var(--qua-vang-nhat);outline-offset:3px}@media (hover:hover){.qua-nut:hover{box-shadow:0 10px 30px #e0a53c5c,inset 0 1px #fff6}}.qua-nen{z-index:72;padding:12px 12px calc(12px + env(safe-area-inset-bottom));animation:nn-hien-len var(--cd-doi-trang-thai) var(--cd-vao) backwards;background:#06120d8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.qua-hop{isolation:isolate;width:100%;max-width:26rem;max-height:calc(100dvh - 24px);box-shadow:inset 0 0 0 1px var(--qua-vien), 0 24px 60px #00000073;color:var(--qua-chu);text-align:center;animation:qua-len var(--cd-doi-trang-thai) var(--cd-vao) backwards;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%20180%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22q%22%20cx%3D%22182%22%20cy%3D%2250%22%20r%3D%22120%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23e0a53c%22%20stop-opacity%3D%22.3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e0a53c%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22m%22%20cx%3D%22.35%22%20cy%3D%22.35%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f7d98c%22%2F%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%23e0a53c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b57e22%22%2F%3E%3C%2FradialGradient%3E%3Cmask%20id%3D%22k%22%3E%3Crect%20width%3D%22240%22%20height%3D%22180%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22135%22%20cy%3D%2279%22%20r%3D%2214%22%20fill%3D%22%23000%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Crect%20width%3D%22240%22%20height%3D%22180%22%20fill%3D%22url%28%23q%29%22%2F%3E%3Cpath%20d%3D%22M30%20190%20Q150%208%20252%2030%22%20fill%3D%22none%22%20stroke%3D%22%23f3d58a%22%20stroke-opacity%3D%22.28%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e0a53c%22%20stroke-opacity%3D%22.13%22%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%2240%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%2258%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%2276%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%2294%22%20stroke-dasharray%3D%222%205%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22182%22%20cy%3D%2250%22%20r%3D%2224%22%20fill%3D%22url%28%23m%29%22%2F%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%2284%22%20r%3D%2215%22%20fill%3D%22%23f6efd9%22%20fill-opacity%3D%22.92%22%20mask%3D%22url%28%23k%29%22%2F%3E%3Cg%20fill%3D%22%23f6efd9%22%20fill-opacity%3D%22.55%22%3E%3Ccircle%20cx%3D%2298%22%20cy%3D%2230%22%20r%3D%221.4%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2218%22%20r%3D%221.1%22%2F%3E%3Ccircle%20cx%3D%22226%22%20cy%3D%2296%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%22120%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%22214%22%20cy%3D%22140%22%20r%3D%221.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 100% 0/14rem no-repeat,linear-gradient(135deg,#0d2219 0%,#173a2b 55%,#21503c 100%);border-radius:24px;justify-items:center;gap:.55rem;padding:1.5rem 1.25rem 1.25rem;display:grid;position:relative;overflow:auto}.qua-hop .qua-dau{width:4rem;height:4rem}.qua-hop .qua-dau img{width:3rem;height:3rem}.qua-hop .qua-td{margin-top:.25rem;font-size:1.35rem}.qua-hang-nut{flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;width:100%;margin-top:.5rem;display:flex}.qua-hang-nut .qua-nut{flex:12rem}.qua-nut-phu{min-height:44px;color:var(--qua-chu-phu);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;border-radius:999px;flex:0 auto;padding:.5rem 1rem;font-size:.95rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover){.qua-nut-phu:hover{color:var(--qua-chu)}}@media (min-width:741px) and (min-height:481px){.qua-nen{align-items:center;padding:24px}}@media (max-height:480px){.qua-nen{padding:8px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));align-items:center}.qua-hop{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;column-gap:1rem;max-width:38rem;max-height:calc(100dvh - 16px);padding:1rem 1.1rem}.qua-hop .qua-dau{grid-row:1/span 3}.qua-hop .qua-td{margin-top:0;font-size:1.15rem}.qua-hang-nut{justify-content:flex-start;margin-top:.2rem}.qua-hang-nut .qua-nut{flex:0 auto}}@keyframes qua-len{0%{opacity:0;transform:translateY(18px)}}.qua-nen[data-dang-dong] .qua-hop{animation:nn-roi-xuong var(--cd-doi-trang-thai) var(--cd-ra) forwards}@media (prefers-reduced-motion:reduce){.qua-dai,.qua-nen,.qua-hop,.qua-nen[data-dang-dong] .qua-hop{animation:none}.qua-nut,.qua-nut:active{transition:none;transform:none}}.qua-nhan{color:#f3d58a;white-space:nowrap;background:#e0a53c2e;border-radius:999px;align-items:center;padding:.12rem .55rem;font-size:.78rem;font-weight:700;line-height:1.35;display:inline-flex;box-shadow:inset 0 0 0 1px #e0a53c8c}