.announcement-modal{z-index:80;background:var(--popover);border:0;border-radius:16px;outline:none;flex-direction:column;gap:0;width:calc(100vw - 3rem);max-width:640px;max-height:min(84dvh,760px);padding:0;display:flex;overflow:hidden}.announcement-modal-overlay{z-index:75;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006}.announcement-modal [data-slot=dialog-close]{background:var(--popover);border:0;width:44px;height:44px;top:14px;right:14px}.announcement-modal-title{overflow-wrap:anywhere;text-wrap:pretty;margin:0 0 20px;padding-right:40px;font-size:22px;line-height:1.45}.announcement-modal-body{overscroll-behavior:contain;min-height:0;padding:24px;overflow-y:auto}.announcement-modal-cover{margin-bottom:20px}.announcement-modal-cover .announcement-rich-content__image{object-fit:contain;width:100%;max-height:240px}.announcement-modal-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.announcement-modal-actions{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.announcement-modal-actions[data-has-cta]{grid-template-columns:repeat(2,minmax(0,1fr))}.announcement-modal [data-slot=button]{--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;height:40px;min-height:40px;font-size:14px;font-weight:500}.announcement-modal-actions [data-slot=button]{white-space:normal;min-width:0;height:auto;min-height:40px;padding:10px 12px;line-height:20px}.announcement-modal-actions svg{flex-shrink:0}@media (max-width:767px){.announcement-modal{width:100%;max-width:100%;max-height:calc(100dvh - max(16px, env(safe-area-inset-top)));box-shadow:none;border-radius:16px 16px 0 0;top:auto;bottom:0;translate:-50%}.announcement-modal[data-state=open]{animation:.2s ease-out announcement-modal-enter}.announcement-modal[data-state=closed]{animation:.15s ease-in announcement-modal-exit}.announcement-modal-title{font-size:20px}.announcement-modal-body{padding:20px}.announcement-modal-footer{padding:12px 20px max(16px, env(safe-area-inset-bottom));gap:8px}}@keyframes announcement-modal-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes announcement-modal-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.announcement-modal,.announcement-modal-overlay{transition:none!important;animation:none!important}}