/* Font store templates (see store-tpl.js). Every size is in cqw: the template scales with its card. */
.tpl{container-type:inline-size;position:relative;overflow:hidden;width:100%;background:var(--bg,#fff);color:var(--ink,#111);isolation:isolate;border-radius:inherit}
.tpl *{box-sizing:border-box}
.tpl .e{margin:0;overflow-wrap:break-word;text-wrap:balance}
.tpl .clip{text-wrap:pretty}
.tpl [data-d]{font-weight:400;font-synthesis:none;font-style:normal}
/* fills its column without width:100%, which would push an absolutely placed line (left/right set) past the card */
.tpl .fitline{display:block;align-self:stretch;justify-self:stretch;min-width:0}
.tpl .col{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tpl .sp{flex:1 1 0}
.tpl .dia{display:inline-block;width:1.4cqw;height:1.4cqw;transform:rotate(45deg);background:var(--accent);vertical-align:.25em}
.tpl .hair{width:22cqw;height:1px;background:currentColor;opacity:.5;margin:2.4cqw auto}
.tpl .frame1{position:absolute;inset:3cqw;border:1px solid var(--accent);pointer-events:none}
.tpl .dot{display:inline-block;width:.9cqw;height:.9cqw;border-radius:50%;background:var(--accent);margin:0 2cqw;vertical-align:middle}
.tpl .clip{overflow:hidden}
.tpl .clip.faded{-webkit-mask-image:linear-gradient(#000 calc(100% - 2.4em),transparent);mask-image:linear-gradient(#000 calc(100% - 2.4em),transparent)}

/* ---- script */
.t-thiep-cuoi-trang-trong .frame2{position:absolute;inset:5cqw;border:1px solid var(--rule);outline:1px solid var(--rule);outline-offset:-2cqw}
.t-thiep-cuoi-trang-trong .col{padding:14cqw 12cqw 11cqw;gap:1cqw}
.t-thiep-cuoi-trang-trong .names{width:100%;margin:4cqw 0 1cqw}
.t-thiep-cuoi-trang-trong .e-amp{color:var(--accent)}
.t-thiep-cuoi-trang-trong .rule-d{width:24cqw;height:1px;background:var(--rule);display:grid;place-items:center;margin:3cqw 0 4cqw}
.t-thiep-cuoi-trang-trong .e-closing{opacity:.75}
.t-save-the-date-vom-cong .arch{position:absolute;left:18cqw;top:10cqw;width:64cqw;height:92cqw;background:var(--panel);border-radius:32cqw 32cqw 0 0}
.t-save-the-date-vom-cong .arch::after{content:"";position:absolute;inset:2cqw;border:1px solid var(--accent);border-radius:30cqw 30cqw 0 0}
.t-save-the-date-vom-cong .arch-in{position:absolute;inset:16cqw 6cqw 10cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3cqw}
.t-save-the-date-vom-cong .ph{width:100%}
.t-save-the-date-vom-cong .e-date{color:var(--accent)}
.t-save-the-date-vom-cong .below{position:absolute;left:8cqw;right:8cqw;bottom:6cqw;text-align:center;display:flex;flex-direction:column;gap:1.6cqw}
.t-nhan-nuoc-hoa .label{position:absolute;left:19cqw;top:11cqw;width:62cqw;height:78cqw;background:var(--label);border:.5cqw solid var(--accent);color:var(--ink)}
.t-nhan-nuoc-hoa .notch{position:absolute;inset:1.5cqw;background:var(--accent);clip-path:polygon(4cqw 0,calc(100% - 4cqw) 0,100% 4cqw,100% calc(100% - 4cqw),calc(100% - 4cqw) 100%,4cqw 100%,0 calc(100% - 4cqw),0 4cqw)}
.t-nhan-nuoc-hoa .notch::after{content:"";position:absolute;inset:1px;background:var(--label);clip-path:inherit}
.t-nhan-nuoc-hoa .col{padding:8cqw 6cqw;gap:1.2cqw}
.t-nhan-nuoc-hoa .hair{background:var(--accent);opacity:1;width:14cqw;margin:1.6cqw auto}
.t-nhan-nuoc-hoa .notes{margin:2cqw 0;opacity:.85}

/* ---- handwriting */
.t-menu-bang-phan{background:radial-gradient(40cqw 30cqw at 15% 12%,rgba(255,255,255,.08),transparent 70%),radial-gradient(50cqw 40cqw at 85% 90%,rgba(255,255,255,.07),transparent 70%),var(--bg)}
.t-menu-bang-phan .dash{position:absolute;inset:4cqw;border:1px dashed var(--muted);opacity:.7}
.t-menu-bang-phan .col{padding:10cqw 11cqw 9cqw;justify-content:flex-start;gap:1.4cqw}
.t-menu-bang-phan .e-kicker{color:var(--muted)}
.t-menu-bang-phan .hd{width:100%;transform:rotate(-2deg);margin:1cqw 0 4cqw}
.t-menu-bang-phan .uline{display:block;width:56cqw;height:2.4cqw;margin:-.5cqw auto 0;color:var(--accent)}
.t-menu-bang-phan .rows{width:100%;display:flex;flex-direction:column;gap:2.2cqw}
.t-menu-bang-phan .row{display:flex;align-items:baseline;gap:1.6cqw;text-align:left}
.t-menu-bang-phan .row .dots{flex:1;border-bottom:.35cqw dotted var(--muted);transform:translateY(-.8cqw)}
.t-menu-bang-phan .e-prices{color:var(--accent);white-space:nowrap}
.t-menu-bang-phan .e-note{margin-top:auto;color:var(--accent)}
.t-ghi-chu-mang-xa-hoi .note{position:absolute;left:15cqw;top:15cqw;width:70cqw;height:70cqw;background:var(--note);transform:rotate(-3deg);box-shadow:0 2cqw 4cqw rgba(0,0,0,.12);padding:9cqw 7cqw 6cqw;display:flex;flex-direction:column;gap:3cqw}
.t-ghi-chu-mang-xa-hoi .tape{position:absolute;top:-2.5cqw;left:26cqw;width:18cqw;height:6cqw;background:rgba(255,255,255,.55);transform:rotate(4deg)}
.t-ghi-chu-mang-xa-hoi .e-tag{opacity:.6}
.t-ghi-chu-mang-xa-hoi .e-quote{flex:1;min-height:0}
.t-ghi-chu-mang-xa-hoi mark{background:linear-gradient(transparent 55%,var(--highlight) 55%,var(--highlight) 92%,transparent 92%);color:inherit}
.t-ghi-chu-mang-xa-hoi .circ{display:inline-block;padding:0 .2em;border:.45cqw solid var(--accent);border-radius:50%;transform:rotate(-3deg)}
.t-ghi-chu-mang-xa-hoi .e-handle{color:var(--accent);text-align:right}
.t-nhan-banh-handmade{background:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 .4cqw,transparent .4cqw 1.6cqw),var(--bg)}
.t-nhan-banh-handmade .oval{position:absolute;left:14cqw;top:15cqw;width:72cqw;height:44cqw;border-radius:50%;background:var(--label);color:var(--ink)}
.t-nhan-banh-handmade .oval::after{content:"";position:absolute;inset:2cqw;border:.5cqw dashed var(--accent);border-radius:50%;opacity:.6}
.t-nhan-banh-handmade .col{padding:6cqw 12cqw;gap:.8cqw}
.t-nhan-banh-handmade .hair{width:12cqw;margin:1.2cqw auto}
.t-nhan-banh-handmade .stamp{position:absolute;right:7cqw;bottom:5cqw;width:16cqw;height:16cqw;border-radius:50%;border:.5cqw solid var(--accent);color:var(--accent);display:grid;place-items:center;text-align:center;transform:rotate(-12deg);padding:2cqw}

/* ---- brush */
.t-cau-doi-tet .hp{position:absolute;left:19cqw;top:6cqw;width:62cqw;height:12cqw;background:var(--paper);box-shadow:inset 0 0 0 .8cqw var(--paper),inset 0 0 0 1.2cqw var(--gold);display:grid;place-items:center;padding:0 4cqw;color:var(--gold)}
.t-cau-doi-tet .vl,.t-cau-doi-tet .vr{position:absolute;top:24cqw;width:16cqw;height:88cqw;background:var(--paper);box-shadow:inset 0 0 0 .8cqw var(--paper),inset 0 0 0 1.2cqw var(--gold);color:var(--gold)}
.t-cau-doi-tet .vl{right:6cqw}.t-cau-doi-tet .vr{left:6cqw}
.t-cau-doi-tet .ve{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:3cqw 0}
.t-cau-doi-tet .ctr{position:absolute;left:36cqw;top:50cqw;width:28cqw;height:28cqw;display:grid;place-items:center;color:var(--gold)}
.t-cau-doi-tet .ctr .sq{position:absolute;inset:3cqw;background:var(--paper);transform:rotate(45deg);box-shadow:inset 0 0 0 .8cqw var(--paper),inset 0 0 0 1.2cqw var(--gold)}
.t-cau-doi-tet .ctr .e{position:relative;width:19cqw;text-align:center}
.t-cau-doi-tet .seal{position:absolute;left:41cqw;bottom:8cqw;width:18cqw;padding:1.6cqw;border:.5cqw solid var(--paper);color:var(--paper);text-align:center}
.t-bao-bi-tra-dac-san .sun{position:absolute;right:6cqw;top:28cqw;width:56cqw;height:56cqw;border-radius:50%;background:var(--accent);opacity:.9}
.t-bao-bi-tra-dac-san .col{align-items:flex-start;text-align:left;justify-content:flex-start;padding:10cqw 8cqw 30cqw;gap:3cqw;color:var(--cream)}
.t-bao-bi-tra-dac-san .e-origin{color:var(--sage)}
.t-bao-bi-tra-dac-san .nm{width:100%;margin-top:8cqw}
.t-bao-bi-tra-dac-san .e-claim{max-width:60cqw}
.t-bao-bi-tra-dac-san .band{position:absolute;left:0;right:0;bottom:0;height:22cqw;background:var(--cream);color:var(--bg);padding:5cqw 8cqw;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw}
.t-banner-sam-tet{background:linear-gradient(135deg,var(--bg_from),var(--bg_to));color:var(--cream)}
.t-banner-sam-tet .frame1{border-color:var(--cream);opacity:.7}
.t-banner-sam-tet .l{position:absolute;left:7cqw;top:7cqw;bottom:7cqw;width:50cqw;display:flex;flex-direction:column;justify-content:center;gap:2cqw}
.t-banner-sam-tet .brushline{width:40cqw;height:2.2cqw;color:var(--accent);display:block}
.t-banner-sam-tet .e-note{opacity:.8;max-width:46cqw}
.t-banner-sam-tet .r{position:absolute;right:7cqw;top:0;bottom:0;width:32cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2cqw}
.t-banner-sam-tet .pill{background:var(--accent);color:var(--dark);border-radius:99cqw;padding:3cqw 4cqw;width:100%;box-shadow:0 1cqw 0 rgba(0,0,0,.18)}

/* ---- serif text */
.t-trang-mo-chuong .pg{position:absolute;inset:12cqw 12cqw 16cqw 10cqw;display:flex;flex-direction:column}
.t-trang-mo-chuong .e-runhead{text-align:center;color:var(--muted)}
.t-trang-mo-chuong .open{text-align:center;margin:14cqw 0 6cqw}
.t-trang-mo-chuong .e-label{color:var(--accent);margin-bottom:2cqw}
.t-trang-mo-chuong .hair{width:10cqw;margin:4cqw auto 0}
.t-trang-mo-chuong .e-body{text-align:justify;hyphens:auto;flex:1;min-height:0}
.t-trang-mo-chuong .drop{float:left;font-size:3.1em;line-height:.9;margin:.06em .08em 0 0;color:var(--accent)}
.t-trang-mo-chuong .e-folio{position:absolute;bottom:-9cqw;left:0;right:0;text-align:center;color:var(--muted)}
.t-bai-tap-chi-longform .pg{position:absolute;inset:8cqw;display:flex;flex-direction:column;gap:2.4cqw}
.t-bai-tap-chi-longform .e-kicker{color:var(--accent);display:flex;align-items:center;gap:2cqw}
.t-bai-tap-chi-longform .bar{display:inline-block;width:6cqw;height:.8cqw;background:var(--accent)}
.t-bai-tap-chi-longform .e-headline{max-height:34cqw}
.t-bai-tap-chi-longform .e-standfirst{color:var(--muted)}
.t-bai-tap-chi-longform .e-byline{border-top:1px solid var(--rule);padding-top:1.6cqw;color:var(--muted)}
.t-bai-tap-chi-longform .cols{display:grid;grid-template-columns:1fr 1fr;gap:5cqw;flex:1;min-height:0}
.t-bai-tap-chi-longform .e-body{text-align:justify;hyphens:auto}
.t-bai-tap-chi-longform .pq{border-top:.6cqw solid var(--accent);padding-top:2cqw}
.t-thuc-don-nha-hang .col{padding:9cqw 10cqw 8cqw;gap:1cqw;justify-content:flex-start}
.t-thuc-don-nha-hang .nmrow{display:flex;align-items:center;gap:3cqw;width:100%;margin-bottom:4cqw}
.t-thuc-don-nha-hang .nmrow i{flex:1;height:1px;background:var(--accent);opacity:.6}
.t-thuc-don-nha-hang .e-section{color:var(--accent);margin:4cqw 0 1.6cqw}
.t-thuc-don-nha-hang .dish{margin:1.2cqw 0}
.t-thuc-don-nha-hang .e-desc{color:var(--muted)}
.t-thuc-don-nha-hang .e-price{color:var(--accent)}
.t-thuc-don-nha-hang .e-footer{color:var(--muted)}

/* ---- display serif */
.t-bia-tap-chi-thoi-trang .fig{position:absolute;left:21cqw;bottom:6cqw;width:58cqw;height:86cqw;border-radius:50%;background:linear-gradient(180deg,var(--figure_from),var(--figure_to))}
.t-bia-tap-chi-thoi-trang .e-masthead{position:absolute;left:5cqw;right:5cqw;top:5cqw;text-align:center}
.t-bia-tap-chi-thoi-trang .e-issue{position:absolute;left:5cqw;right:5cqw;top:40cqw;text-align:center;opacity:.7}
.t-bia-tap-chi-thoi-trang .cl{position:absolute;left:6cqw;top:50cqw;width:34cqw;display:flex;flex-direction:column;gap:.8cqw}
.t-bia-tap-chi-thoi-trang .e-cover_labels{color:var(--accent);margin-top:2.2cqw}
.t-bia-tap-chi-thoi-trang .ft{position:absolute;right:6cqw;bottom:7cqw;width:44cqw;text-align:right}
.t-poster-trien-lam .vrule{position:absolute;top:0;bottom:0;left:78cqw;width:1px;background:var(--ink)}
.t-poster-trien-lam .tt{position:absolute;left:8cqw;top:10cqw;width:66cqw}
.t-poster-trien-lam .tt .last{color:var(--accent)}
.t-poster-trien-lam .e-subtitle{position:absolute;left:8cqw;width:66cqw;top:102cqw;color:var(--accent)}
.t-poster-trien-lam .side{position:absolute;left:80cqw;top:10cqw;width:120cqw;transform-origin:0 0;transform:rotate(90deg) translateY(-14cqw)}
.t-poster-trien-lam .ven{position:absolute;left:8cqw;bottom:8cqw;width:66cqw;color:var(--muted);display:flex;flex-direction:column;gap:.6cqw}
.t-nhan-dien-trang-suc .col{padding:0 10cqw;gap:1.6cqw}
.t-nhan-dien-trang-suc .hair{background:var(--accent);opacity:1;width:36cqw;margin:1.2cqw auto}
.t-nhan-dien-trang-suc .e-category{color:var(--accent)}
.t-nhan-dien-trang-suc .e-tagline{color:var(--muted)}
.t-nhan-dien-trang-suc .foot{position:absolute;left:0;right:0;bottom:7cqw;display:flex;justify-content:center;align-items:center;color:var(--muted)}

/* ---- sans */
.t-bo-nhan-dien-thuong-hieu .blk{position:absolute;left:0;top:0;bottom:0;width:56cqw;background:var(--block);color:#fff;padding:6cqw;display:flex;flex-direction:column;justify-content:flex-end;gap:1cqw}
.t-bo-nhan-dien-thuong-hieu .blk .e-tagline{opacity:.8;max-width:40cqw}
.t-bo-nhan-dien-thuong-hieu .sheet{position:absolute;right:0;top:0;bottom:0;width:44cqw;padding:5cqw 4cqw;display:flex;flex-direction:column;gap:2.4cqw}
.t-bo-nhan-dien-thuong-hieu .aarow{display:flex;align-items:flex-end;gap:2cqw}
.t-bo-nhan-dien-thuong-hieu .e-letters{color:var(--muted);flex:1;min-width:0}
.t-bo-nhan-dien-thuong-hieu .e-ramp{flex:1;min-height:0;overflow:hidden}
.t-bo-nhan-dien-thuong-hieu .sw{display:flex;gap:1.4cqw}
.t-bo-nhan-dien-thuong-hieu .sw i{flex:1;height:4.5cqw;border-radius:1cqw;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.t-giao-dien-ung-dung{background:var(--surface)}
.t-giao-dien-ung-dung .scr{position:absolute;inset:6cqw;background:var(--bg);border-radius:6cqw;box-shadow:0 2cqw 6cqw rgba(15,23,42,.12);padding:7cqw 6cqw;display:flex;flex-direction:column;gap:3.4cqw}
.t-giao-dien-ung-dung .top{display:flex;align-items:center;justify-content:space-between;gap:3cqw}
.t-giao-dien-ung-dung .av{flex:none;width:10cqw;height:10cqw;border-radius:50%;background:var(--surface);display:grid;place-items:center;font:600 4cqw 'Be Vietnam Pro',sans-serif}
.t-giao-dien-ung-dung .bal{background:var(--ink);color:#fff;border-radius:5cqw;padding:6cqw;display:flex;flex-direction:column;gap:2cqw}
.t-giao-dien-ung-dung .bal .e-label{opacity:.7}
.t-giao-dien-ung-dung .e-pill{align-self:flex-start;background:rgba(15,157,106,.25);color:#7ff0c0;border-radius:99cqw;padding:1cqw 3cqw}
.t-giao-dien-ung-dung .rows{display:flex;flex-direction:column;gap:3cqw;flex:1;min-height:0;overflow:hidden}
.t-giao-dien-ung-dung .rw{display:flex;align-items:center;gap:3cqw}
.t-giao-dien-ung-dung .rw>i{flex:none;width:9cqw;height:9cqw;border-radius:3cqw;background:var(--surface);display:grid;place-items:center;font:600 3.6cqw 'Be Vietnam Pro',sans-serif;font-style:normal}
.t-giao-dien-ung-dung .rw>div{flex:1;min-width:0}
.t-giao-dien-ung-dung .rw small{display:block;font:400 3cqw 'Be Vietnam Pro',sans-serif;opacity:.55}
.t-giao-dien-ung-dung .pos{color:var(--positive)}.t-giao-dien-ung-dung .neg{color:var(--negative)}
.t-giao-dien-ung-dung .e-button{background:var(--ink);color:#fff;border-radius:99cqw;text-align:center;padding:4cqw}
.t-bien-chi-dan-nha-ga{padding:4cqw}
.t-bien-chi-dan-nha-ga .stn{position:absolute;right:4cqw;top:3cqw;font:600 2.2cqw 'Be Vietnam Pro',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.t-bien-chi-dan-nha-ga .row{height:calc((100cqw / 1.5 - 8cqw) / 3);display:flex;align-items:center;gap:4cqw;border-top:1px solid var(--rule)}
.t-bien-chi-dan-nha-ga .row:first-of-type{border-top:0}
.t-bien-chi-dan-nha-ga .bdg{flex:none;width:10cqw;height:10cqw;border-radius:2cqw;background:var(--accent);color:var(--bg);display:grid;place-items:center}
.t-bien-chi-dan-nha-ga .bdg svg{width:7cqw;height:7cqw}
.t-bien-chi-dan-nha-ga .tx{flex:1;min-width:0}
.t-bien-chi-dan-nha-ga .e-secondary{color:var(--muted)}

/* ---- condensed */
.t-ao-dau-ten-so{background:linear-gradient(100deg,var(--bg) 0 38%,var(--band) 38% 62%,var(--bg) 62%)}
.t-ao-dau-ten-so .collar{position:absolute;left:35cqw;top:0;width:30cqw;height:15cqw;background:var(--accent);border-radius:0 0 50% 50% / 0 0 100% 100%;box-shadow:inset 0 -3cqw 0 var(--bg)}
.t-ao-dau-ten-so .col{padding:24cqw 10cqw 10cqw;justify-content:flex-start}
.t-ao-dau-ten-so .e-number{margin-top:-1cqw;color:var(--ink);text-shadow:.8cqw .8cqw 0 var(--accent)}
.t-ao-dau-ten-so .e-club{margin-top:auto;opacity:.85}
.t-poster-tran-dau{background:linear-gradient(115deg,var(--team_a) 50%,var(--team_b) 50%)}
.t-poster-tran-dau .e-comp{position:absolute;left:6cqw;top:5cqw}
.t-poster-tran-dau .col{padding:14cqw 7cqw 28cqw;gap:1cqw}
.t-poster-tran-dau .e-kicker{color:var(--accent)}
.t-poster-tran-dau .vsrow{display:flex;align-items:center;gap:3cqw;color:var(--accent)}
.t-poster-tran-dau .vsrow i{width:14cqw;height:2px;background:#fff}
.t-poster-tran-dau .info{position:absolute;left:0;right:0;bottom:0;height:20cqw;background:var(--bar);display:grid;grid-template-columns:1fr 2fr 1.2fr;padding:4cqw 6cqw;gap:3cqw}
.t-poster-tran-dau .info small{display:block;font:500 2.4cqw 'Be Vietnam Pro',sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}
.t-thumbnail-tin-tuc .l{position:absolute;left:5cqw;top:5cqw;bottom:5cqw;width:60cqw;display:flex;flex-direction:column;gap:1.4cqw}
.t-thumbnail-tin-tuc .e-kicker{align-self:flex-start;background:var(--ink);color:var(--white);border-radius:99cqw;padding:.8cqw 2.6cqw}
.t-thumbnail-tin-tuc .hl{flex:1;display:flex;flex-direction:column;justify-content:center}
.t-thumbnail-tin-tuc .hi{background:var(--accent);color:var(--white);padding:0 .2em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.t-thumbnail-tin-tuc .r{position:absolute;right:5cqw;top:0;bottom:0;width:27cqw;display:grid;place-items:center}
.t-thumbnail-tin-tuc .ring{width:27cqw;height:27cqw;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3cqw;box-shadow:0 0 0 1cqw var(--bg),0 0 0 1.6cqw var(--ink)}

/* ---- retro */
.t-poster-dem-nhac-xua .rings{position:absolute;left:-10cqw;right:-10cqw;bottom:0;height:68cqw;background:radial-gradient(circle at 50% 100%,var(--bg) 0 18cqw,var(--orange) 18cqw 30cqw,var(--mustard) 30cqw 42cqw,var(--teal) 42cqw 54cqw,var(--ink) 54cqw 66cqw,transparent 66cqw)}
.t-poster-dem-nhac-xua .col{padding:10cqw 8cqw 70cqw;justify-content:flex-start;gap:1.2cqw}
.t-poster-dem-nhac-xua .e-title{color:var(--ink)}
.t-poster-dem-nhac-xua .e-title+.e-title{color:var(--orange)}
.t-poster-dem-nhac-xua .e-subtitle{margin-top:2cqw}
.t-poster-dem-nhac-xua .e-price{background:var(--ink);color:var(--bg);border-radius:99cqw;padding:1cqw 3cqw;margin-top:1cqw}
.t-nhan-lon-soda{background:repeating-linear-gradient(180deg,var(--orange) 0 6cqw,var(--mustard) 6cqw 12cqw,var(--cream) 12cqw 18cqw)}
.t-nhan-lon-soda .badge{position:absolute;left:12cqw;top:18cqw;width:76cqw;height:76cqw;border-radius:50%;background:var(--cream);border:1.2cqw solid var(--ink);box-shadow:inset 0 0 0 1.6cqw var(--cream),inset 0 0 0 1.9cqw var(--ink)}
.t-nhan-lon-soda .col{padding:12cqw 11cqw;gap:.8cqw;color:var(--ink)}
.t-nhan-lon-soda .e-brand{color:var(--orange)}
.t-nhan-lon-soda .slog{position:absolute;left:6cqw;right:6cqw;bottom:6cqw;background:var(--ink);color:var(--cream);text-align:center;padding:2.4cqw 3cqw;border-radius:2cqw}
.t-in-ao-thun{background:repeating-conic-gradient(from 0deg at 50% 60%,var(--bg) 0 10deg,color-mix(in srgb,var(--bg) 92%,#fff) 10deg 20deg)}
.t-in-ao-thun .col{padding:10cqw 9cqw;gap:.6cqw}
.t-in-ao-thun .c1{color:var(--c1)}.t-in-ao-thun .c2{color:var(--c2)}.t-in-ao-thun .c3{color:var(--c3)}
.t-in-ao-thun [data-d]{text-shadow:.3cqw .3cqw 0 var(--shadow),.6cqw .6cqw 0 var(--shadow),.9cqw .9cqw 0 var(--shadow)}
.t-in-ao-thun .e-credit{color:var(--c3);opacity:.7;margin-top:4cqw}

/* ---- rounded */
.t-thiep-sinh-nhat-be .confetti{position:absolute;inset:0;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 70%,transparent) .7cqw,transparent .8cqw) 0 0/18cqw 18cqw,radial-gradient(circle,color-mix(in srgb,var(--yellow) 70%,transparent) .7cqw,transparent .8cqw) 9cqw 5cqw/26cqw 26cqw}
.t-thiep-sinh-nhat-be .col{padding:12cqw 10cqw 9cqw;gap:3cqw}
.t-thiep-sinh-nhat-be .cloud{width:100%;background:rgba(255,255,255,.85);border-radius:20cqw;padding:7cqw 5cqw;box-shadow:-8cqw 2cqw 0 -2cqw rgba(255,255,255,.85),8cqw -2cqw 0 -2cqw rgba(255,255,255,.85)}
.t-thiep-sinh-nhat-be .e-title{color:var(--ink);text-shadow:0 .6cqw 0 var(--shadow)}
.t-thiep-sinh-nhat-be .e-details{color:#5b3a2e}
.t-thiep-sinh-nhat-be .e-closing{color:var(--blue)}
.t-thiep-sinh-nhat-be .e-rsvp{color:#8a6b5f}
.t-bao-bi-sua-chua .pack{position:absolute;left:11cqw;top:8cqw;width:78cqw;height:84cqw;background:var(--pack);border-radius:10cqw;box-shadow:0 0 0 1.2cqw var(--ink)}
.t-bao-bi-sua-chua .col{padding:8cqw 7cqw;gap:1.6cqw;color:var(--ink)}
.t-bao-bi-sua-chua .e-brand{color:var(--brand);text-shadow:.9cqw 0 0 var(--ink),-.9cqw 0 0 var(--ink),0 .9cqw 0 var(--ink),0 -.9cqw 0 var(--ink),.64cqw .64cqw 0 var(--ink),-.64cqw .64cqw 0 var(--ink),.64cqw -.64cqw 0 var(--ink),-.64cqw -.64cqw 0 var(--ink);padding:1cqw}
.t-bao-bi-sua-chua .fl{width:100%;background:var(--bg);border-radius:99cqw;padding:2cqw 4cqw}
.t-bao-bi-sua-chua .bd{display:flex;gap:2cqw}
.t-bao-bi-sua-chua .e-badges{background:var(--accent);color:#fff;border-radius:99cqw;padding:1cqw 3cqw}
.t-app-hoc-chu-cai .prog{position:absolute;left:10cqw;top:4cqw;width:58cqw;height:3.4cqw;border-radius:99cqw;background:#fff;display:flex;align-items:center}
.t-app-hoc-chu-cai .prog i{position:absolute;left:0;top:0;bottom:0;width:41%;border-radius:inherit;background:var(--accent)}
.t-app-hoc-chu-cai .prog .e{position:absolute;left:calc(100% + 2.4cqw);top:50%;transform:translateY(-50%);white-space:nowrap;color:var(--ink)}
.t-app-hoc-chu-cai .card{position:absolute;left:6cqw;top:11cqw;width:40cqw;height:30cqw;background:var(--card);border-radius:5cqw;box-shadow:0 1.4cqw 3cqw rgba(31,59,115,.15);display:grid;place-items:center;padding:3cqw;color:var(--ink)}
.t-app-hoc-chu-cai .rt{position:absolute;left:52cqw;right:6cqw;top:12cqw;height:28cqw;display:flex;flex-direction:column;justify-content:center;gap:1.6cqw;color:var(--ink)}
.t-app-hoc-chu-cai .btns{display:flex;gap:2cqw;margin-top:1cqw}
.t-app-hoc-chu-cai .e-buttons{border-radius:99cqw;padding:1.4cqw 3cqw;background:#fff;color:var(--ink)}
.t-app-hoc-chu-cai .e-buttons.pri{background:var(--accent);color:#fff}
.t-app-hoc-chu-cai .tiles{position:absolute;left:6cqw;right:6cqw;bottom:3.5cqw;display:flex;gap:2cqw;justify-content:center}
.t-app-hoc-chu-cai .e-tiles{width:8cqw;height:8cqw;display:grid;place-items:center;background:var(--tile);border-radius:2cqw;color:var(--ink);box-shadow:0 .6cqw 0 rgba(0,0,0,.12)}

/* ---- pixel */
.t-man-hinh-tieu-de-game .stars{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 .25cqw,transparent .3cqw) 0 0/11cqw 9cqw,radial-gradient(circle,#ffd44d 0 .25cqw,transparent .3cqw) 5cqw 4cqw/17cqw 13cqw;opacity:.6;image-rendering:pixelated}
.t-man-hinh-tieu-de-game .mt{position:absolute;left:0;right:0;bottom:0;height:16cqw;background:#24305e;clip-path:polygon(0 100%,0 50%,10% 50%,10% 30%,20% 30%,20% 10%,30% 10%,30% 40%,45% 40%,45% 20%,55% 20%,55% 0,65% 0,65% 35%,80% 35%,80% 15%,90% 15%,90% 45%,100% 45%,100% 100%)}
.t-man-hinh-tieu-de-game .col{padding:5cqw 12cqw 14cqw;gap:3cqw}
.t-man-hinh-tieu-de-game .ti{width:100%;color:var(--title)}
.t-man-hinh-tieu-de-game .ti [data-d]{text-shadow:.5cqw .5cqw 0 var(--shadow)}
.t-man-hinh-tieu-de-game .menu{display:flex;flex-direction:column;gap:1.2cqw;color:var(--ink)}
.t-man-hinh-tieu-de-game .menu .on{color:var(--accent)}
.t-man-hinh-tieu-de-game .e-footer{position:absolute;left:0;right:0;bottom:2.4cqw;text-align:center;color:var(--ink);opacity:.75}
.t-hop-thoai-rpg .sky{position:absolute;inset:0 0 40% 0;background:var(--sky)}
.t-hop-thoai-rpg .grd{position:absolute;inset:60% 0 0 0;background:repeating-linear-gradient(90deg,var(--ground) 0 4cqw,color-mix(in srgb,var(--ground) 85%,#000) 4cqw 8cqw)}
.t-hop-thoai-rpg .hero{position:absolute;left:44cqw;top:30cqw;width:12cqw;height:16cqw;background:#c2412d;clip-path:polygon(25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%,0 25%,25% 25%)}
.t-hop-thoai-rpg .box{position:absolute;left:4cqw;right:4cqw;bottom:4cqw;height:28cqw;background:var(--box);color:var(--ink);box-shadow:0 0 0 .8cqw #fff,0 0 0 1.6cqw #0b1230;padding:5cqw 4cqw 3cqw;display:flex}
.t-hop-thoai-rpg .e-dialog{flex:1;min-height:0}
.t-hop-thoai-rpg .tag{position:absolute;left:3cqw;top:-5cqw;background:var(--box);color:var(--accent);box-shadow:0 0 0 .8cqw #fff;padding:1cqw 3cqw}
.t-hop-thoai-rpg .nx{position:absolute;right:3cqw;bottom:1.6cqw;color:var(--accent);font-size:3cqw;animation:tplblink 1s steps(2) infinite}
.t-bang-xep-hang .crt{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 .5cqw,rgba(255,255,255,.04) .5cqw 1cqw);box-shadow:inset 0 0 8cqw rgba(57,255,136,.12)}
.t-bang-xep-hang .col{padding:8cqw;gap:4cqw;color:var(--ink)}
.t-bang-xep-hang .e-header{color:var(--accent)}
.t-bang-xep-hang .tb{width:100%;display:flex;flex-direction:column;gap:2.2cqw}
.t-bang-xep-hang .rw{display:grid;grid-template-columns:10cqw 1fr auto;text-align:left;gap:2cqw;color:var(--dim)}
.t-bang-xep-hang .rw.top{color:var(--ink)}
.t-bang-xep-hang .rw .e:last-child{text-align:right}
.t-bang-xep-hang .blink{animation:tplblink 1.2s steps(2) infinite}
@keyframes tplblink{50%{opacity:.2}}

/* ---- blackletter */
.t-poster-show-metal .frame1{inset:4cqw}
.t-poster-show-metal .col{padding:12cqw 9cqw 10cqw;gap:2cqw}
.t-poster-show-metal .e-pre{color:var(--muted)}
.t-poster-show-metal .sp-top{flex:.55 1 0}
.t-poster-show-metal .orn{display:flex;align-items:center;gap:1.6cqw;width:60cqw;color:var(--accent)}
.t-poster-show-metal .orn i:not(.dia){flex:1;height:1px;background:var(--ink);opacity:.5}
.t-poster-show-metal .sup{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;color:var(--ink)}
.t-poster-show-metal .e-info{color:var(--muted)}
.t-logo-tiem-xam .badge{position:absolute;left:10cqw;top:10cqw;width:80cqw;height:80cqw;border-radius:50%;border:1cqw solid var(--ink)}
.t-logo-tiem-xam .in{position:absolute;inset:3cqw;border:1px solid var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10cqw 9cqw;gap:2cqw}
.t-logo-tiem-xam .rb{width:12cqw;height:.8cqw;background:var(--accent)}
.t-nhan-bia-thu-cong .lbl{position:absolute;inset:6cqw;border:.6cqw solid var(--ink);box-shadow:inset 0 0 0 1.5cqw var(--bg),inset 0 0 0 calc(1.5cqw + 1px) var(--ink)}
.t-nhan-bia-thu-cong .k{position:absolute;width:3cqw;height:3cqw;background:var(--ink)}
.t-nhan-bia-thu-cong .k.a{left:1.5cqw;top:1.5cqw}.t-nhan-bia-thu-cong .k.b{right:1.5cqw;top:1.5cqw}.t-nhan-bia-thu-cong .k.c{left:1.5cqw;bottom:1.5cqw}.t-nhan-bia-thu-cong .k.d{right:1.5cqw;bottom:1.5cqw}
.t-nhan-bia-thu-cong .col{padding:9cqw 8cqw;gap:2.4cqw}
.t-nhan-bia-thu-cong .br{display:flex;align-items:center;gap:2cqw;width:100%}
.t-nhan-bia-thu-cong .br i{flex:1;height:1px;background:var(--ink)}
.t-nhan-bia-thu-cong .e-name{color:var(--accent)}
.t-nhan-bia-thu-cong .col .sp{flex:1 1 0}
.t-nhan-bia-thu-cong .col .sp:last-of-type{flex:1.3 1 0}
.t-nhan-bia-thu-cong .e-spec{color:var(--gold)}

/* ---- mono */
.t-cua-so-code .bar{position:absolute;left:0;right:0;top:0;height:6cqw;background:color-mix(in srgb,var(--bg) 94%,#fff);display:flex;align-items:center;padding:0 2.4cqw;gap:1.2cqw}
.t-cua-so-code .bar>i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--comment)}
.t-cua-so-code .bar .e-filename{position:absolute;left:0;right:0;text-align:center;color:var(--comment)}
.t-cua-so-code .ed{position:absolute;left:0;right:0;top:8cqw;bottom:18cqw;overflow:hidden;padding-right:3cqw}
.t-cua-so-code .ln{display:flex;white-space:pre}
.t-cua-so-code .no{flex:none;width:8cqw;text-align:right;padding-right:3cqw;color:var(--comment);font:400 2.2cqw/1.6 var(--fd)}
.t-cua-so-code .e-code{white-space:pre}
.t-cua-so-code .cm{color:var(--comment)}.t-cua-so-code .str{color:var(--string)}.t-cua-so-code .kw{color:var(--keyword)}
.t-cua-so-code .term{position:absolute;left:0;right:0;bottom:0;height:16cqw;background:#0a0e12;border-top:1px solid #202a33;padding:2.4cqw 4cqw;display:flex;flex-direction:column;gap:.6cqw;color:var(--string)}
.t-poster-hackathon{background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/5cqw 5cqw,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/5cqw 5cqw,var(--bg)}
.t-poster-hackathon .col{align-items:flex-start;text-align:left;padding:10cqw 8cqw 8cqw;justify-content:flex-start;gap:5cqw}
.t-poster-hackathon .hl{width:100%}
.t-poster-hackathon .cur{display:inline-block;width:.55em;height:.9em;background:var(--accent);vertical-align:-.08em;margin-left:.08em;animation:tplblink 1s steps(2) infinite}
.t-poster-hackathon .cfg{width:100%;background:#fff;border:1px solid var(--grid);padding:4cqw;display:flex;flex-direction:column;gap:1.4cqw}
.t-poster-hackathon .k{color:var(--accent)}
.t-poster-hackathon .e-tag{background:var(--ink);color:var(--bg);padding:1.6cqw 3cqw}
.t-bien-lai-banh-mi .rc{position:absolute;left:12cqw;top:6cqw;width:76cqw;bottom:6cqw;background:var(--paper);box-shadow:0 1cqw 3cqw rgba(0,0,0,.12);-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 3cqw) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/6cqw 3cqw repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 3cqw) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/6cqw 3cqw repeat-x}
/* the slip is as long as what is printed on it, centred on the counter */
.t-bien-lai-banh-mi .rc{bottom:auto;top:50%;transform:translateY(-50%)}
.t-bien-lai-banh-mi .col{position:relative;inset:auto;padding:8cqw 6cqw 11cqw;gap:1.2cqw;justify-content:flex-start}
.t-bien-lai-banh-mi .col .sp{flex:0 0 3cqw}
.t-bien-lai-banh-mi .e-meta{color:var(--muted)}
.t-bien-lai-banh-mi .dash{width:100%;border-top:.4cqw dashed var(--muted);margin:2.4cqw 0}
.t-bien-lai-banh-mi .it{display:grid;grid-template-columns:1fr auto auto;gap:2cqw;width:100%;text-align:left}
.t-bien-lai-banh-mi .it .p{text-align:right;min-width:14cqw}
.t-bien-lai-banh-mi .it .q{color:var(--muted)}
.t-bien-lai-banh-mi .tot{grid-template-columns:1fr auto}
.t-bien-lai-banh-mi .e-payment,.t-bien-lai-banh-mi .e-footer{color:var(--muted)}

/* ---- slab */
.t-poster-hoi-cho-lang-nghe{background:radial-gradient(70cqw 60cqw at 30% 20%,rgba(255,255,255,.35),transparent 70%),var(--bg)}
.t-poster-hoi-cho-lang-nghe .frame{position:absolute;inset:4cqw;border:2cqw solid var(--ink)}
.t-poster-hoi-cho-lang-nghe .col{padding:11cqw 10cqw;gap:1.6cqw}
.t-poster-hoi-cho-lang-nghe .e-l2,.t-poster-hoi-cho-lang-nghe .e-l4{color:var(--accent)}
.t-poster-hoi-cho-lang-nghe .dr{width:100%;height:1.6cqw;border-top:.8cqw solid var(--ink);border-bottom:.25cqw solid var(--ink)}
.t-poster-hoi-cho-lang-nghe .r1{width:100%;height:0;border-top:.3cqw solid var(--ink)}
.t-poster-hoi-cho-lang-nghe .e-l6{color:var(--muted)}
.t-bien-hieu-sai-gon-xua{box-shadow:inset 0 -2cqw 0 var(--shadow)}
.t-bien-hieu-sai-gon-xua .b1{position:absolute;inset:2cqw;border:2cqw solid var(--cream);border-radius:3cqw}
.t-bien-hieu-sai-gon-xua .b2{position:absolute;inset:5.2cqw;border:.4cqw solid var(--cream);border-radius:2cqw}
.t-bien-hieu-sai-gon-xua .z{position:absolute;top:7cqw;bottom:7cqw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--cream)}
.t-bien-hieu-sai-gon-xua .l{left:7cqw;width:13cqw;border-right:.4cqw solid var(--cream);gap:.8cqw}
.t-bien-hieu-sai-gon-xua .m{left:20cqw;right:20cqw;padding:0 3cqw}
.t-bien-hieu-sai-gon-xua .r{right:7cqw;width:13cqw;border-left:.4cqw solid var(--cream);gap:.8cqw}
.t-bien-hieu-sai-gon-xua .e-name{color:var(--cream);text-shadow:.6cqw .6cqw 0 var(--accent)}
.t-nap-hop-thiec-ca-phe .lid{position:absolute;left:4cqw;top:4cqw;width:92cqw;height:92cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--lid) 80%,#fff),var(--lid) 60%);box-shadow:0 0 0 1cqw var(--cream),0 0 0 1.6cqw var(--bg)}
.t-nap-hop-thiec-ca-phe .lid::after{content:"";position:absolute;inset:6cqw;border-radius:50%;border:1px solid var(--cream)}
.t-nap-hop-thiec-ca-phe .ringtx{position:absolute;inset:0;width:100%;height:100%;fill:var(--cream);font:600 3.6px 'Be Vietnam Pro',sans-serif;letter-spacing:.9px;text-transform:uppercase}
.t-nap-hop-thiec-ca-phe .col{padding:20cqw 17cqw;gap:1.6cqw;color:var(--cream)}
.t-nap-hop-thiec-ca-phe .e-brand{text-shadow:.5cqw .5cqw 0 rgba(0,0,0,.25)}
.t-nap-hop-thiec-ca-phe .e-small{color:var(--gold)}

/* ---- decorative */
.t-poster-le-hoi-dien-tu .grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,var(--muted) 0 1px,transparent 1px 4cqw);opacity:.25}
.t-poster-le-hoi-dien-tu .e-fest{position:absolute;left:7cqw;right:7cqw;top:7cqw;color:var(--ink);opacity:.7}
.t-poster-le-hoi-dien-tu .ti{position:absolute;left:5cqw;right:5cqw;top:30cqw;height:50cqw;display:grid;place-items:center}
.t-poster-le-hoi-dien-tu .rgb{position:relative;width:100%;text-align:center}
.t-poster-le-hoi-dien-tu .rgb .e{width:100%}
.t-poster-le-hoi-dien-tu .rgb .r,.t-poster-le-hoi-dien-tu .rgb .c{position:absolute;inset:0;mix-blend-mode:screen}
.t-poster-le-hoi-dien-tu .rgb .r{color:var(--red);transform:translateX(-.6cqw)}
.t-poster-le-hoi-dien-tu .rgb .c{color:var(--cyan);transform:translateX(.6cqw)}
.t-poster-le-hoi-dien-tu .rgb .w{position:relative;color:var(--ink);mix-blend-mode:screen}
.t-poster-le-hoi-dien-tu .lu{position:absolute;left:7cqw;right:7cqw;bottom:18cqw;display:flex;flex-wrap:wrap;justify-content:center;gap:0 2cqw;color:var(--ink)}
.t-poster-le-hoi-dien-tu .lu>i{color:var(--red);font-style:normal}
.t-poster-le-hoi-dien-tu .e-info{position:absolute;left:7cqw;right:7cqw;bottom:7cqw;text-align:center;color:var(--ink);opacity:.7}
.t-bia-single-3d{background:linear-gradient(135deg,var(--bg_from),var(--bg_to))}
.t-bia-single-3d .frame1{inset:4cqw;border-color:var(--face)}
.t-bia-single-3d .col{padding:12cqw 10cqw;gap:1cqw}
.t-bia-single-3d .e-title{color:var(--face);text-shadow:.15cqw .15cqw 0 var(--extrude),.3cqw .3cqw 0 var(--extrude),.45cqw .45cqw 0 var(--extrude),.6cqw .6cqw 0 var(--extrude),.75cqw .75cqw 0 var(--extrude),.9cqw .9cqw 0 var(--extrude),1.05cqw 1.05cqw 0 var(--extrude),1.2cqw 1.2cqw 0 var(--extrude),1.35cqw 1.35cqw 0 var(--extrude),1.5cqw 1.5cqw 0 var(--extrude),0 3cqw 4cqw rgba(0,0,0,.18)}
.t-bia-single-3d .e-artist{color:var(--ink);margin-top:5cqw}
.t-bia-single-3d .e-release{color:var(--ink);opacity:.7}
.t-story-chien-dich-genz .col{padding:16cqw 6cqw 26cqw;gap:1cqw;align-items:stretch}
.t-story-chien-dich-genz .s0{color:var(--ink)}
.t-story-chien-dich-genz .s1{color:var(--bg);text-shadow:.5cqw 0 0 var(--ink),-.5cqw 0 0 var(--ink),0 .5cqw 0 var(--ink),0 -.5cqw 0 var(--ink),.35cqw .35cqw 0 var(--ink),-.35cqw .35cqw 0 var(--ink),.35cqw -.35cqw 0 var(--ink),-.35cqw -.35cqw 0 var(--ink)}
.t-story-chien-dich-genz .s2{color:var(--accent)}
.t-story-chien-dich-genz .stk{position:absolute;right:8cqw;top:8cqw;width:24cqw;height:24cqw;border-radius:50%;background:var(--accent);color:var(--white);display:grid;place-items:center;transform:rotate(12deg)}
.t-story-chien-dich-genz .e-foot{position:absolute;left:8cqw;right:8cqw;bottom:10cqw;color:var(--ink)}

/* ---- stencil */
.t-nhan-thung-hang{background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px .6cqw),var(--bg)}
.t-nhan-thung-hang .frame1{border:.6cqw solid var(--ink)}
.t-nhan-thung-hang .l{position:absolute;left:7cqw;top:7cqw;bottom:7cqw;width:52cqw;display:flex;flex-direction:column;justify-content:center;gap:1cqw}
.t-nhan-thung-hang .lot{align-self:flex-start;border:1.2cqw solid var(--ink);padding:1cqw 3cqw;margin-top:2cqw}
.t-nhan-thung-hang .r{position:absolute;right:7cqw;top:7cqw;bottom:7cqw;width:26cqw;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw}
.t-nhan-thung-hang .ic{display:flex;gap:1.6cqw;margin-bottom:1cqw}
.t-nhan-thung-hang .ic i{width:6cqw;height:6cqw;border:.5cqw solid var(--ink)}
.t-nhan-thung-hang .ic .up{background:linear-gradient(var(--ink),var(--ink)) 50% 60%/.6cqw 50% no-repeat;clip-path:polygon(50% 0,100% 45%,70% 45%,70% 100%,30% 100%,30% 45%,0 45%);border:0;background:var(--ink)}
.t-nhan-thung-hang .ic .um{border-radius:3cqw 3cqw 0 0}
.t-nhan-thung-hang .warn{background:var(--accent);color:#fff;padding:1.2cqw 2cqw;margin-top:1cqw}
.t-poster-cung-duong-phuot .topo{position:absolute;inset:0;background:repeating-radial-gradient(circle at 70% 30%,transparent 0 3.6cqw,var(--topo) 3.6cqw 4cqw)}
.t-poster-cung-duong-phuot .col{align-items:flex-start;text-align:left;padding:8cqw 8cqw 8cqw;justify-content:flex-start;gap:2cqw}
.t-poster-cung-duong-phuot .e-coords{opacity:.7}
.t-poster-cung-duong-phuot .hl{width:100%;margin-top:8cqw}
.t-poster-cung-duong-phuot .e-route{color:var(--accent)}
.t-poster-cung-duong-phuot .st{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3cqw;border-top:.5cqw solid var(--ink);padding-top:3cqw}
.t-poster-cung-duong-phuot .st small{display:block;font:500 2.4cqw 'Be Vietnam Pro',sans-serif;text-transform:uppercase;letter-spacing:.1em;opacity:.7}
.t-bang-bia-xuong{background:radial-gradient(40cqw 30cqw at 20% 20%,rgba(255,255,255,.05),transparent),radial-gradient(40cqw 30cqw at 80% 70%,rgba(0,0,0,.2),transparent),var(--bg)}
.t-bang-bia-xuong .haz{position:absolute;left:0;right:0;bottom:0;height:5.6cqw;background:repeating-linear-gradient(45deg,var(--accent) 0 3cqw,var(--black) 3cqw 6cqw)}
.t-bang-bia-xuong .l{position:absolute;left:6cqw;top:6cqw;bottom:11cqw;width:40cqw;display:flex;flex-direction:column;justify-content:center;gap:1cqw}
.t-bang-bia-xuong .tg{align-self:flex-start;background:var(--accent);color:var(--black);padding:.8cqw 2cqw;margin-top:2cqw}
.t-bang-bia-xuong .r{position:absolute;right:6cqw;top:6cqw;bottom:11cqw;width:42cqw;display:flex;flex-direction:column;justify-content:center;gap:2.4cqw}
.t-bang-bia-xuong .tap{display:flex;align-items:center;gap:2.4cqw;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:2cqw}
.t-bang-bia-xuong .tap b{font:700 2.6cqw 'Be Vietnam Pro',sans-serif;color:var(--accent)}
.t-bang-bia-xuong .tap>div{flex:1;min-width:0}
.t-bang-bia-xuong .tap small{display:block;font:400 2cqw 'Be Vietnam Pro',sans-serif;opacity:.7}
.t-bang-bia-xuong .pr{font:700 3cqw 'Be Vietnam Pro',sans-serif;color:var(--accent)}

/* ---- horror */
.t-poster-phim-kinh-di .glow{position:absolute;inset:0;background:radial-gradient(60cqw 50cqw at 50% 80%,var(--accent),transparent 60%),linear-gradient(90deg,rgba(0,0,0,.6),transparent 25%,transparent 75%,rgba(0,0,0,.6))}
.t-poster-phim-kinh-di .e-tagline{position:absolute;left:8cqw;right:8cqw;top:8cqw;text-align:center;color:var(--ink);opacity:.6}
.t-poster-phim-kinh-di .col{justify-content:flex-end;padding:0 8cqw 10cqw;gap:1cqw}
.t-poster-phim-kinh-di .e-title{color:var(--ink)}
.t-poster-phim-kinh-di .rr{width:30cqw;height:2px;background:var(--accent);margin:2cqw 0 3cqw}
.t-poster-phim-kinh-di .e-billing{color:var(--ink);opacity:.55}
.t-poster-phim-kinh-di .rel{display:flex;align-items:center;gap:3cqw;margin-top:3cqw;color:var(--ink)}
.t-poster-phim-kinh-di .rate{border:1px solid var(--ink);padding:.4cqw 1.6cqw}
.t-bia-podcast-truyen-ma .fog{position:absolute;inset:0;background:radial-gradient(50cqw 30cqw at 20% 80%,rgba(160,180,150,.12),transparent),radial-gradient(60cqw 30cqw at 80% 60%,rgba(160,180,150,.1),transparent)}
.t-bia-podcast-truyen-ma .moon{position:absolute;right:10cqw;top:8cqw;width:34cqw;height:34cqw;border-radius:50%;background:radial-gradient(circle at 40% 40%,var(--moon),color-mix(in srgb,var(--moon) 70%,var(--bg)) 70%);box-shadow:0 0 8cqw color-mix(in srgb,var(--moon) 30%,transparent)}
.t-bia-podcast-truyen-ma .big{position:absolute;right:6cqw;bottom:3cqw;color:var(--accent);opacity:.9}
.t-bia-podcast-truyen-ma .col{align-items:flex-start;text-align:left;justify-content:flex-end;padding:8cqw 8cqw 10cqw;gap:1.4cqw;color:var(--ink)}
.t-bia-podcast-truyen-ma .tt{width:72cqw}
.t-bia-podcast-truyen-ma .e-show{opacity:.6}
.t-bia-podcast-truyen-ma .e-host{opacity:.7}
.t-ve-nha-ma .tk{position:absolute;inset:4cqw;background:var(--ticket);color:var(--ink);display:flex;-webkit-mask:radial-gradient(circle 3cqw at 74% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 3cqw at 74% 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 3cqw at 74% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 3cqw at 74% 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.t-ve-nha-ma .main{flex:0 0 74%;padding:5cqw 4cqw;position:relative;display:flex;flex-direction:column;justify-content:center;gap:1cqw;border-right:.4cqw dashed color-mix(in srgb,var(--ink) 40%,transparent)}
.t-ve-nha-ma .inf{margin-top:2cqw;display:flex;flex-direction:column;gap:.4cqw;opacity:.8}
.t-ve-nha-ma .stp{position:absolute;right:4cqw;top:7cqw;border:.4cqw solid var(--accent);color:var(--accent);padding:.6cqw 1.6cqw;transform:rotate(-8deg)}
.t-ve-nha-ma .stub{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3cqw;gap:1cqw}
.t-ve-nha-ma .e-stub_num{color:var(--accent)}
