/* Dải thông báo và hộp nhắn dùng chung cho các trang demo của vietanhdevweb */
[hidden]{display:none!important}
.vd-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 14px;padding:8px 16px;background:#11151B;color:#EEF2F7;font:500 13px/1.4 "Be Vietnam Pro",system-ui,sans-serif;text-align:center}
.vd-bar b{font-weight:700}
.vd-bar a{color:#9DB3FF;font-weight:700;text-decoration:none;white-space:nowrap}
.vd-bar a:hover{text-decoration:underline}
.vd-bar .vd-mark{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:6px;background:linear-gradient(140deg,#2B59FF,#7046F0);vertical-align:-5px}
.vd-bar .vd-mark svg{width:12px;height:12px}
.vd-toast{position:fixed;z-index:120;left:50%;bottom:calc(100px + env(safe-area-inset-bottom,0px));max-width:min(92vw,420px);padding:12px 16px;border-radius:12px;background:#11151B;color:#FFFFFF;font:500 14px/1.45 "Be Vietnam Pro",system-ui,sans-serif;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}
.vd-toast.show{transform:translate(-50%,0);opacity:1}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}