.dialogFadeEnterActive,.dialogFadeLeaveActive{transition:opacity .2s ease}.dialogFadeEnterFrom,.dialogFadeLeaveTo{opacity:0}.announcementDialogOverlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.announcementDialog{background:var(--bg-white,#fff);border-radius:.5rem;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:calc(100% - 48px)}@media(min-width:768px){.announcementDialog{max-width:560px}}.announcementDialogHeader{padding:16px 10px}.announcementDialogHeader .announcementDialogTitle{color:var(--txt-primary);font-size:1rem;font-weight:700}.announcementDialogBody{max-height:40dvh;overflow-y:auto;padding:0 10px}.announcementDialogBody p{color:var(--txt-grey);font-size:.875rem;line-height:1.6;margin:0;white-space:pre-line}.announcementDialogBody::-webkit-scrollbar{width:4px}.announcementDialogBody::-webkit-scrollbar-thumb{background:var(--border-grey,var(--border-light,#e8e8e8));border-radius:4px}.announcementDialogFooter{display:flex;gap:5px;justify-content:center;padding:10px}.announcementDialogFooter button{border-radius:8px;cursor:pointer;flex:1;font-size:.875rem;font-weight:600;height:40px}@media(min-width:768px){.announcementDialogFooter{justify-content:flex-end}.announcementDialogFooter button{flex:unset;height:48px;width:100px}}.announcementDialogFooter .btnViewAll{background-color:var(--bg-container);color:var(--txt-primary);font-size:.875rem;font-weight:500;height:40px;transition:background-color .2s ease,color .2s ease;width:100px}.announcementDialogFooter .btnViewAll:hover{background-color:var(--bg-grey);color:var(--txt-primary);font-weight:700}.announcementDialogFooter .btnOk{background-color:var(--bg-container);color:var(--txt-grey);font-size:.875rem;font-weight:500;height:40px;width:100px}.announcementDialogFooter .btnOk:hover{background-color:var(--bg-grey);color:var(--txt-primary);font-weight:700}