#dbta-announcement {box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:40px 32px 32px;border:0;border-radius:16px;background:#fff;color:#232865;font-family:"Noto Sans Thai",sans-serif;text-align:center;box-shadow:0 24px 80px rgba(35,40,101,.24);overflow:auto}
#dbta-announcement::backdrop {background:rgba(35,40,101,.55)}
#dbta-announcement .dbta-close {position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:#f7f8f5;color:#232865;cursor:pointer}
#dbta-announcement .dbta-symbol {display:grid;place-items:center;width:64px;height:64px;margin:8px auto 24px;border-radius:50%;background:#e0e4ff;color:#312d80}
#dbta-announcement h2 {margin:0;font-size:clamp(25px,4vw,32px);font-weight:500;line-height:1.45;letter-spacing:-.02em;text-wrap:balance}
#dbta-announcement p {margin:16px 0 28px;color:#46497c;font-size:16px;line-height:1.7}
#dbta-announcement .dbta-confirm {width:100%;min-height:52px;padding:12px 24px;border:0;border-radius:30px;background:#312d80;color:#fff;font:500 17px/1.5 "Noto Sans Thai",sans-serif;cursor:pointer;transition:background .15s ease-out}
#dbta-announcement .dbta-confirm:hover {background:#232865}
#dbta-announcement .dbta-close:hover {background:#e0e4ff}
#dbta-announcement button:focus-visible {outline:3px solid #2642ab;outline-offset:4px}
#dbta-announcement::selection,#dbta-announcement ::selection {background:#e0e4ff;color:#232865}
html.dbta-announcement-open {overflow:hidden}
@media(max-width:480px) {#dbta-announcement {padding:36px 24px 24px}#dbta-announcement p {font-size:15px}}
@media(prefers-reduced-motion:reduce) {#dbta-announcement button {transition:none}}