.yz-ss{--ss-nhan:#00513f;--ss-cam:#e85c2b;--ss-vien:#d9d6cf;--ss-xam:#7a7f7d;color:#141817;margin:8px 0 32px}.yz-ss .ss-bao{border:2px solid var(--ss-cam);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;display:flex}.yz-ss .ss-bao.la-yuzier{border-color:var(--ss-nhan)}.yz-ss .ss-bao b{font-size:17px}.yz-ss .ss-bao p{color:#4a4f4d;margin:2px 0 0;font-size:14px}.yz-ss .ss-bao a{text-transform:uppercase;background:var(--ss-nhan);color:#fff;white-space:nowrap;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:800;text-decoration:none}.yz-ss h2{text-wrap:balance;margin:0 0 12px;font-size:clamp(20px,3vw,26px);font-weight:800}.yz-ss .ss-nut{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.yz-ss .ss-nut button{text-transform:uppercase;letter-spacing:.4px;border:2px solid var(--ss-nhan);color:var(--ss-nhan);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:11px 18px 11px 14px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.yz-ss .ss-nut button svg{flex:none;width:18px;height:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.yz-ss .ss-nut button:hover{background:#e6f0ec;transform:translateY(-2px);box-shadow:0 8px 18px #00513f2e}.yz-ss .ss-nut button:hover svg{transform:rotate(-14deg)scale(1.15)}.yz-ss .ss-nut button:active{transform:translateY(0)scale(.97)}.yz-ss .ss-nut button:focus-visible{outline-offset:3px;outline:3px solid #e85c2b8c}.yz-ss .ss-nut button.chon{background:var(--ss-nhan);color:#fff;box-shadow:0 6px 16px #00513f40}.yz-ss .ss-nut button.chon:hover{background:#00634d}.yz-ss .ss-nut .ss-chay{background:#f2c14e;border-radius:50%;width:8px;height:8px;animation:1s infinite yz-ss-nhay;display:none}.yz-ss .ss-nut button.chon .ss-chay{display:inline-block}@keyframes yz-ss-nhay{50%{opacity:.25;transform:scale(.7)}}.yz-ss .ss-hai{grid-template-columns:1fr 1fr;gap:18px;display:grid}.yz-ss .ss-cot{border:1px solid var(--ss-vien);--mau:var(--ss-xam);background:#fff;border-radius:18px;padding:14px}.yz-ss .ss-cot.yuzier{border:2px solid var(--ss-nhan);--mau:var(--ss-nhan);box-shadow:0 10px 28px #00513f1f}.yz-ss .ss-dau{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.yz-ss .ss-the{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--mau);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.yz-ss .ss-so{gap:14px;font-size:13px;display:flex}.yz-ss .ss-so b{color:var(--mau);font-size:22px;line-height:1.1;display:block}.yz-ss .ss-canh{background:linear-gradient(#fbfaf7,#efece5);border-radius:12px;position:relative;overflow:hidden}.yz-ss .ss-canh svg{width:100%;height:auto;font-weight:800;display:block}.yz-ss .ss-cot.san .ss-canh svg{filter:grayscale(.85)contrast(.9);opacity:.62}.yz-ss .ss-khoa{text-align:center;background:#f4f2edd1;place-items:center;padding:20px;font-size:14px;font-weight:700;line-height:1.5;display:none;position:absolute;inset:0}.yz-ss .ss-khoa.hien{display:grid}.yz-ss .ss-khoa span{margin-bottom:6px;font-size:30px;display:block}.yz-ss .ss-buoc{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.yz-ss .ss-buoc li{border:1px solid var(--ss-vien);opacity:.45;border-radius:10px;padding:9px 10px;font-size:12.5px;line-height:1.45;transition:all .35s}.yz-ss .ss-buoc li b{font-size:13px;display:block}.yz-ss .ss-buoc li .so{background:var(--ss-vien);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-bottom:4px;font-size:11px;font-weight:800;display:inline-grid}.yz-ss .ss-buoc li.dang{opacity:1;border-color:var(--mau)}.yz-ss .ss-buoc li.dang .so,.yz-ss .ss-buoc li.xong .so{background:var(--mau)}.yz-ss .ss-buoc li.xong{opacity:.8}.yz-ss .ss-nut .ngan{display:none}@media (max-width:860px){.yz-ss .ss-hai{grid-template-columns:1fr}}@media (max-width:640px){.yz-ss .ss-nut{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.yz-ss .ss-nut button{letter-spacing:.1px;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;gap:6px;min-height:64px;padding:10px 6px;font-size:12px;line-height:1.25}.yz-ss .ss-nut button svg{width:20px;height:20px}.yz-ss .ss-nut button:hover{transform:none}.yz-ss .ss-nut .dai{display:none}.yz-ss .ss-nut .ngan{display:inline}.yz-ss .ss-nut .ss-chay{position:absolute;top:7px;right:8px}.yz-ss .ss-nut button{position:relative}.yz-ss .ss-bao{padding:12px 14px}.yz-ss .ss-bao a{text-align:center;width:100%}.yz-ss .ss-cot{padding:10px}}@media (prefers-reduced-motion:reduce){.yz-ss .ss-nut button,.yz-ss .ss-buoc li{transition:none}}