.tlg{--tlg-giay:var(--color-bg);--tlg-giay-vien:var(--color-line-giay);--tlg-giay-duoi:var(--color-line);--tlg-chu-giay:var(--color-ink-soft);--tlg-do:var(--color-son);--tlg-xanh:var(--color-xanh);--tlg-vang:var(--color-son);--tlg-vang-chu:var(--color-son);--tlg-muc:var(--color-ink)}.tlg-gay{z-index:4;background:var(--tlg-xanh);border-radius:10px 10px 2px 2px;grid-area:gay;justify-content:space-between;align-items:center;height:20px;margin:0 2px;padding:0 30px;display:flex;position:relative}.tlg-gay i{background:#c9d2cb;border-radius:3px;width:24px;height:5px}.tlg-gay:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0h12L6 7z' fill='%231f6f6b'/%3E%3C/svg%3E") 0 0/12px 7px repeat-x;height:7px;position:absolute;top:100%;left:0;right:0}.tlg-giay{background:var(--tlg-giay);border:1px solid var(--tlg-giay-vien);color:var(--tlg-muc);border-radius:14px;flex-direction:column;flex:1;padding:30px 18px 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1b1f1e0d,0 8px 22px #1b1f1e0f}.tlg-giay:before{content:"";background:var(--tlg-xanh);pointer-events:none;height:14px;position:absolute;inset:0 0 auto}.tlg-giay:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='7'%3E%3Ccircle cx='8' cy='3.5' r='2.2' fill='%23eceeeb' stroke='%23c2c9c6' stroke-width='.7'/%3E%3C/svg%3E") 50%/16px 7px repeat-x;height:7px;position:absolute;top:17px;left:8px;right:8px}.tlg-lo{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14'%3E%3Ccircle cx='11' cy='7' r='3.2' fill='%23eceeeb' stroke='%23c2c9c6' stroke-width='.8'/%3E%3C/svg%3E") 50%/22px 14px repeat-x;height:14px;margin:2px -6px 0;display:none}.tlg-dau{color:var(--tlg-chu-giay);justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:6px;font-size:.95rem;font-weight:500;display:flex}.tlg-thu{font-weight:600}.tlg-thu[data-cn]{color:var(--tlg-do)}.tlg-giua{text-align:center;position:relative}.tlg-so{font-family:var(--font-serif);letter-spacing:-.05em;color:var(--tlg-muc);font-variant-numeric:tabular-nums;font-size:clamp(6.6rem,33vw,9.4rem);font-weight:700;line-height:1.02;display:block}.tlg-so[data-do]{color:var(--tlg-do)}.tlg-trang{width:clamp(44px,14vw,62px);height:auto;position:absolute;top:50%;right:2%;transform:translateY(-50%)}.tlg-trang-toi{fill:var(--color-bg-alt);stroke:var(--color-line-strong);stroke-width:1px}.tlg-trang-sang{fill:#a9d6d1}.tlg-le{text-align:center;color:var(--tlg-do);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:2px auto 0;font-size:.95rem;font-weight:700;line-height:1.4;overflow:hidden}.tlg-duoi{align-items:flex-end;gap:12px;margin-top:auto;padding-top:14px;display:flex}.tlg-cc{flex:1;min-width:0;font-size:.95rem}.tlg-cc p{margin:0 0 2px}.tlg-cc span{color:var(--tlg-chu-giay)}.tlg-cc b{font-weight:600}.tlg-cc .tlg-the{border:1px solid color-mix(in srgb, var(--color-xanh) 45%, transparent);background:var(--color-nhan-nen);color:var(--color-nhan-chu);border-radius:6px;margin-top:8px;padding:2px 9px;font-size:.82rem;font-weight:600;display:inline-block}.tlg-am{border:1.5px solid var(--tlg-vang);background:var(--tlg-giay);width:98px;color:var(--tlg-vang-chu);text-align:center;border-radius:10px;flex-direction:column;flex:none;align-items:center;padding:6px 6px 8px;font-size:.8rem;font-weight:600;display:flex}.tlg-am b{font-family:var(--font-serif);font-size:2.55rem;line-height:1.1}.tlg-am span:last-child{font-weight:500}.tlg-giay[data-tranh] .tlg-giua{isolation:isolate;padding-block:.5rem}.tlg-tranh{z-index:-1;pointer-events:none;position:absolute;inset:0 -18px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 22% 72%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 22% 72%,#0000 100%);container-type:size}.tlg-tranh>*{--mep:.71;--s:min(calc((1 - var(--mep)) / (1 - var(--x0)) * 100cqw), 100cqw);--tren:clamp(min(0px, 100cqh - var(--s)), calc(50cqh - var(--cy) * var(--s)), max(0px, 100cqh - var(--s)))}@container (min-width:420px){.tlg-tranh>*{--mep:.67}}.tlg-tranh-loang{background-image:var(--anh);background-repeat:no-repeat;background-size:6000% max(var(--s), calc(100cqh + 24px));background-position:0 calc(min(var(--tren), 0px) + 12px);filter:blur(10px);position:absolute;inset:-12px}.tlg-tranh img{right:0;top:var(--tren);width:var(--s);height:var(--s);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--mo)), linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--mo)), linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--mo)), linear-gradient(180deg, transparent 0, #000 12%, #000 88%, transparent 100%);animation:tlg-tranh-vao var(--cd-doi-trang-thai) var(--cd-vao) both;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.tlg-tranh:after{content:"";background:#fff3;position:absolute;inset:0}.tlg-giay[data-tranh] .tlg-so{-webkit-text-stroke:.045em #fff;paint-order:stroke fill;text-shadow:0 0 .09em #ffffffd9,0 .02em .12em #fff9}@keyframes tlg-tranh-vao{0%{opacity:0}to{opacity:1}}