/* Match the existing newsletter signup: inherited site type, quiet header and rounded fields. */
.cent-optout-surface{box-sizing:border-box;color:#ccc;background:#111;font-family:inherit;font-size:16px;font-weight:400;line-height:1.65;text-align:start;color-scheme:dark;letter-spacing:normal}
.cent-optout-surface *{box-sizing:border-box}
#cent-newsletter-optout{position:fixed!important;inset:0!important;margin:auto!important;width:min(680px,calc(100vw - 32px))!important;height:fit-content!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 48px)!important;max-height:calc(100dvh - 48px)!important;padding:0!important;border:1px solid #303030!important;border-radius:12px!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:none!important;box-shadow:0 18px 50px #0005}
#cent-newsletter-optout:not([open]){display:none!important}
#cent-newsletter-optout::backdrop{background:rgba(0,0,0,.76)}
#cent-newsletter-optout .cent-optout-header{display:block;position:sticky;top:0;z-index:1;margin:0;padding:19px 70px 19px 24px;border-bottom:1px solid #292929;background:#111}
.cent-optout-surface h1{margin:0!important;font-family:inherit!important;font-size:21px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:.025em!important;color:#eee!important;overflow-wrap:anywhere}
#cent-newsletter-optout .cent-optout-body{padding:28px 24px 24px}
.cent-optout-surface p{margin:0 0 22px;font:inherit;color:inherit}
.cent-optout-surface [data-optout-intro]{color:#b5b5b5}
.cent-optout-surface [data-optout-form]{display:block!important;margin:24px 0 0!important;padding:0!important;width:100%!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important}
.cent-optout-surface label{display:block!important;margin:0 0 8px!important;font:inherit!important;color:#ccc!important;text-transform:none!important;letter-spacing:normal!important}
.cent-optout-surface .cent-optout-email{display:block!important;width:100%!important;min-width:0!important;height:46px!important;margin:0!important;padding:10px 14px!important;border:1px solid #303030!important;border-radius:12px!important;background:#000!important;color:#fff!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important;direction:ltr!important;text-align:start!important;opacity:1!important;visibility:visible!important;-webkit-appearance:none;appearance:none;box-shadow:none!important;outline:none!important;transition:border-color .15s ease}
.cent-optout-surface .cent-optout-email:hover{border-color:#444!important}.cent-optout-surface .cent-optout-email:focus{border-color:#777!important;outline:none!important;box-shadow:none!important}
.cent-optout-surface fieldset{display:block!important;min-width:0!important;margin:24px 0 0!important;padding:0!important;border:0!important}
.cent-optout-surface legend{display:block!important;width:auto!important;max-width:100%;margin:0 0 12px!important;padding:0!important;font:inherit!important;color:#b5b5b5!important;white-space:normal!important}
.cent-optout-surface .cent-optout-choice{display:flex!important;align-items:flex-start;gap:10px;margin:10px 0 14px!important;cursor:pointer}
.cent-optout-surface input[type=radio]{display:block!important;position:static!important;flex:0 0 18px;width:18px!important;height:18px!important;margin:4px 0 0!important;opacity:1!important;visibility:visible!important;appearance:auto!important;-webkit-appearance:radio!important;accent-color:#ddd}
.cent-optout-surface .cent-optout-submit{display:block!important;position:static!important;width:auto!important;max-width:100%!important;min-height:44px!important;margin:30px auto 0!important;padding:11px 20px!important;border:1px solid #303030!important;border-radius:14px!important;background:linear-gradient(#151515,#080808)!important;box-shadow:0 6px 16px #0004!important;color:#ccc!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;text-transform:none!important;letter-spacing:.02em!important;white-space:normal!important;text-decoration:none!important;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.cent-optout-surface .cent-optout-submit:hover{border-color:#777!important;color:#fff!important}.cent-optout-surface .cent-optout-submit:disabled{opacity:.6!important;cursor:wait}
#cent-newsletter-optout .cent-optout-close{display:grid!important;place-items:center!important;position:absolute!important;top:13px!important;right:16px!important;left:auto!important;width:34px!important;height:32px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:1px solid #383838!important;border-radius:9px!important;background:#222!important;color:#aaa!important;font:20px/1 Arial,sans-serif!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer}
#cent-newsletter-optout .cent-optout-close:hover{color:#fff!important;border-color:#555!important}
.cent-optout-surface button::before,.cent-optout-surface button::after{display:none!important;content:none!important}
.cent-optout-surface .cent-optout-notice{margin:0!important;padding:16px;border:1px solid #333;border-radius:10px;background:#151515;overflow-wrap:anywhere}
.cent-optout-surface [hidden]{display:none!important}.cent-optout-surface a{color:#5b5b5b}.cent-optout-surface a:hover{color:#ddd}
.cent-optout-surface :focus-visible{outline:1px solid #aaa;outline-offset:3px}
.cent-optout-page{max-width:620px;margin:8vh auto;padding:28px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cent-optout-page h1{margin-bottom:24px!important}.cent-optout-page .cent-optout-brand{margin-bottom:24px;letter-spacing:.18em}.cent-optout-page bdi{overflow-wrap:anywhere}
@media(max-width:480px){.cent-optout-surface{font-size:15px}#cent-newsletter-optout .cent-optout-header{padding:17px 62px 17px 18px}#cent-newsletter-optout .cent-optout-body{padding:26px 18px 22px}.cent-optout-surface h1{font-size:19px!important}.cent-optout-page{margin:24px auto;padding:20px}}
/* Desktop proportions from the existing newsletter signup dialog. */
@media(min-width:901px){
 #cent-newsletter-optout{width:min(960px,calc(100vw - 64px))!important;max-width:calc(100vw - 64px)!important}
 #cent-newsletter-optout .cent-optout-header{padding:17px 72px 17px 18px}
 #cent-newsletter-optout .cent-optout-header h1{font-size:18px!important;font-weight:600!important;letter-spacing:normal!important}
 #cent-newsletter-optout .cent-optout-body{padding:32px 18px 18px}
 #cent-newsletter-optout [data-optout-form]{margin-top:20px!important}
 #cent-newsletter-optout .cent-optout-email{max-width:360px!important;height:38px!important;font-size:14px!important}
 #cent-newsletter-optout .cent-optout-submit{font-size:13px!important}
 #cent-newsletter-optout .cent-optout-close{top:14px!important;right:18px!important;width:38px!important;height:33px!important;font-size:16px!important}
}

/* Mobile: the same m-close styling and Bootstrap cross as the signup dialog. */
.cent-optout-mobile-x{display:none!important}
@media(max-width:900px){
 #cent-newsletter-optout .cent-optout-close{display:inline-block!important;width:auto!important;height:auto!important;padding:8px 12px!important;border:1px solid #333!important;border-radius:10px!important;background:#222!important;color:#bbb!important;font:revert!important;line-height:normal!important}
 #cent-newsletter-optout .cent-optout-close:hover{background:#2a2a2a!important;color:#fff!important}
 #cent-newsletter-optout .cent-optout-mobile-x{display:inline-block!important}
 #cent-newsletter-optout .cent-optout-desktop-x{display:none!important}
}

/* Override the native/global focus ring on the automatically focused close button. */
#cent-newsletter-optout .cent-optout-close,
#cent-newsletter-optout .cent-optout-close:focus,
#cent-newsletter-optout .cent-optout-close:active{outline:none!important;outline-offset:0!important;box-shadow:none!important;border-color:#333!important}
#cent-newsletter-optout .cent-optout-close:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important;border-color:#333!important}

/* Exactly one grey border, also after opening, focusing or tapping in Safari. */
#cent-newsletter-optout .cent-optout-close,
#cent-newsletter-optout .cent-optout-close:hover,
#cent-newsletter-optout .cent-optout-close:focus,
#cent-newsletter-optout .cent-optout-close:focus-visible,
#cent-newsletter-optout .cent-optout-close:active{
 outline:0 none transparent!important;outline-offset:0!important;box-shadow:none!important;
 border:1px solid #333!important;-webkit-appearance:none!important;appearance:none!important;
 -webkit-tap-highlight-color:transparent!important;
}
#cent-newsletter-optout .cent-optout-close:focus-visible{background:#2a2a2a!important}
