:root{--hu-nhip:.17s;--hu-nhip-cham:.3s;--hu-cong:cubic-bezier(.22, 1, .36, 1);--hu-lun:.985;--hu-nhich:8px;--hu-truot:10px;--hu-quang:.18;--hu-lap:infinite}@media (prefers-reduced-motion:reduce){:root{--hu-nhip:0s;--hu-nhip-cham:0s;--hu-lun:1;--hu-nhich:0px;--hu-truot:0px;--hu-quang:0;--hu-lap:0}}html[data-hieu-ung=bat]{--hu-nhip:.17s;--hu-nhip-cham:.3s;--hu-lun:.985;--hu-nhich:8px;--hu-truot:10px;--hu-quang:.18;--hu-lap:infinite}html[data-hieu-ung=tat]{--hu-nhip:0s;--hu-nhip-cham:0s;--hu-lun:1;--hu-nhich:0px;--hu-truot:0px;--hu-quang:0;--hu-lap:0}::view-transition-old(root){animation:hu-canh-ra var(--hu-nhip) var(--hu-cong) both}::view-transition-new(root){animation:hu-canh-vao var(--hu-nhip-cham) var(--hu-cong) both}@keyframes hu-canh-ra{to{opacity:0;transform:translateX(calc(var(--hu-truot) * -1))}}@keyframes hu-canh-vao{0%{opacity:0;transform:translateX(var(--hu-truot))}}@layer components{.hu-bam{touch-action:manipulation;transition:scale var(--hu-nhip) var(--hu-cong);position:relative}.hu-bam:active{scale:var(--hu-lun)}.hu-bam:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--hu-x,50%) var(--hu-y,50%), currentColor, transparent 60%);transition:opacity calc(var(--hu-nhip) * 3) var(--hu-cong), transform calc(var(--hu-nhip) * 3) var(--hu-cong);position:absolute;inset:0;transform:scale(.4)}.hu-bam:active:after{opacity:var(--hu-quang);transition-duration:calc(var(--hu-nhip) * 1.4);transform:scale(1)}.hu-bam-hang{touch-action:manipulation;transition:opacity var(--hu-nhip) var(--hu-cong)}.hu-bam-hang:active{opacity:calc(1 - var(--hu-quang) * 2)}.hu-vao,.hu-so-le>*{animation:hu-vao var(--hu-nhip-cham) var(--hu-cong) both}.hu-so-le>:nth-child(2){animation-delay:40ms}.hu-so-le>:nth-child(3){animation-delay:80ms}.hu-so-le>:nth-child(4){animation-delay:.12s}.hu-so-le>:nth-child(5){animation-delay:.16s}.hu-so-le>:nth-child(6){animation-delay:.2s}.hu-so-le>:nth-child(7){animation-delay:.24s}.hu-so-le>:nth-child(8){animation-delay:.28s}.hu-so-le>:nth-child(n+9){animation-delay:.32s}.hu-so-le:has(>:nth-child(13))>*{animation:none}.hu-xuong{background-color:#00000012;border-radius:.5rem;position:relative;overflow:hidden}.dark .hu-xuong{background-color:#ffffff14}.hu-xuong:after{content:"";pointer-events:none;animation:hu-loe 1.4s linear var(--hu-lap);background:linear-gradient(90deg,#0000,#ffffff29,#0000);position:absolute;inset:0;transform:translate(-100%)}}@keyframes hu-vao{0%{opacity:0;transform:translateY(var(--hu-nhich))}to{opacity:1;transform:none}}@keyframes hu-loe{to{transform:translate(100%)}}