/* Hide the keyboard shortcut without placing it above the mobile viewport. */
html body#nw-web#nw-web a.skip:not(:focus-visible){position:fixed!important;top:0!important;left:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;transform:none!important;white-space:nowrap!important}
html body#nw-web#nw-web a.skip:focus-visible{top:12px!important;left:16px!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;opacity:1!important;pointer-events:auto!important;transform:none!important;z-index:10000!important}
html body#nw-web,html body#nw-web *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none}
html body#nw-web :is(input,textarea,[contenteditable="true"]){-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default}
html body#nw-web img{-webkit-user-drag:none}
/* Match the selected-item tick in language/theme menus; show only after a successful copy. */
html body#nw-web .copy-feedback[data-success="true"]::after {
  content: "✓"; display: inline-block; margin-left: 10px;
  font-size: 18px; line-height: 1; color: inherit;
}
/* Overlay feedback without changing button width or moving its neighbours. */
html body#nw-web#nw-web [data-copy] > :is(span,svg) {
  visibility: inherit !important; opacity: 1;
  transition: opacity 180ms ease, transform .24s cubic-bezier(.22,.61,.36,1) !important;
}
html body#nw-web#nw-web [data-copy][data-copy-state] > :is(span,svg) { opacity: 0; }
html body#nw-web#nw-web [data-copy] > .copy-feedback:not([hidden]) {
  opacity: 0; transition: opacity 180ms ease !important;
  justify-content: flex-start !important; padding: inherit !important; line-height: inherit !important;
}
html body#nw-web#nw-web [data-copy][data-copy-state="shown"] > .copy-feedback:not([hidden]) { opacity: 1; }
@media(prefers-reduced-motion:reduce) {
  html body#nw-web#nw-web [data-copy] > :is(span,svg,.copy-feedback) { transition: none !important; }
}

/* News uses the same animated icon group as the other footer destinations. */
html body#nw-web .footer-news{--nw-footer-icon-color:#8cd7bd}
html[data-theme="light"] body#nw-web .footer-news{--nw-footer-icon-color:#267b69}
html body#nw-web .footer-news .nw-footer-icon{color:var(--nw-footer-icon-color)}