html.messenger-notice-open { overflow: hidden; }
.messenger-notice {
  box-sizing: border-box;
  width: min(672px, calc(100% - 40px));
  max-height: calc(100vh - 80px);
  max-height: calc(100dvh - 80px);
  margin: auto;
  padding: 48px;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #000;
  font: 500 18px/1.625 "Gilroy", Arial, sans-serif;
  text-align: left;
  box-shadow: 0 25px 50px -12px #00000040;
}
.messenger-notice::backdrop { background: #0000008c; }
.messenger-notice [hidden] { display: none !important; }
.messenger-notice h2 { margin: 0 0 24px; padding-right: 24px; font-size: 32px; line-height: 1.25; font-weight: 600; text-transform: uppercase; }
.messenger-notice p { margin: 0 0 24px; }
.messenger-notice-close { position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 0; background: transparent; color: #343579; font: 500 30px/1 "Gilroy", Arial, sans-serif; cursor: pointer; }
.messenger-notice-close:hover { opacity: .7; }
.messenger-notice-actions { display: flex; gap: 16px; margin: 24px 0; }
.messenger-notice-actions a, .messenger-notice-actions button { box-sizing: border-box; display: flex; flex: 1; gap: 12px; justify-content: center; align-items: center; min-height: 56px; padding: 14px 16px; border: 2px solid #343579; border-radius: 0; background: #343579; color: #fff; font: 600 16px/1.4 "Gilroy", Arial, sans-serif; text-align: center; text-decoration: none; cursor: pointer; transition: opacity .15s; }
.messenger-notice-actions img { width: 24px; height: 24px; object-fit: contain; }
.messenger-notice-actions a:hover, .messenger-notice-actions button:hover { opacity: .8; }
.messenger-notice .messenger-notice-hint { color: #000000bf; font-size: 16px; }
.messenger-notice-dismiss { display: block; margin: 0 auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: #343579; font: 500 16px/1.5 "Gilroy", Arial, sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.messenger-notice-dismiss:hover { opacity: .8; }
.messenger-notice-confirm-actions { flex-direction: column; margin-bottom: 0; }
.messenger-notice-confirm-actions button:first-child { background: #fff; color: #343579; }
.messenger-notice-reopen { align-self: flex-start; margin-top: 12px; padding: 0; border: 0; background: transparent; color: inherit; font: 500 16px/1.5 "Gilroy", Arial, sans-serif; text-decoration: underline; text-underline-offset: 4px; text-align: left; cursor: pointer; }
.messenger-notice :focus-visible, .messenger-notice-reopen:focus-visible { outline: 2px solid #343579; outline-offset: 4px; }
.messenger-notice h2[tabindex="-1"]:focus { outline: none; }
@media (max-width: 767px) {
  .messenger-notice { padding: 40px 32px; font-size: 16px; }
  .messenger-notice h2 { font-size: 24px; }
}
@media (max-width: 520px) {
  .messenger-notice-actions { flex-direction: column; }
}