/* First layer makes this shared control authoritative over legacy !important rules. */
@layer popupControls {
button.popup-close-control {
  box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;
  min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:#f0f3f5!important;
  color:#75828d!important;box-shadow:none!important;font-size:0!important;line-height:1!important;
  vertical-align:middle!important;cursor:pointer!important;
}
button.popup-close-control::before,button.popup-close-control::after{content:none!important}
button.popup-close-control>.popup-close-mark {
  display:block!important;position:static!important;flex:0 0 20px!important;
  width:20px!important;height:20px!important;margin:0!important;padding:0!important;
  transform:none!important;translate:none!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;pointer-events:none!important;
}
@media(hover:hover){button.popup-close-control:hover{background:#e5eaee!important;color:#34434f!important}}
html[data-input-modality=keyboard] button.popup-close-control:focus-visible{outline:2px solid #536b80!important;outline-offset:3px!important}
}