/* Generated by scripts/sync-modal-header-controls.js. */
:root {
  --modal-header-control-size:42px;
  --modal-header-icon-size:20px;
  --modal-header-control-border:#dce4ee;
  --modal-header-control-color:#3971d3;
  --modal-header-control-pressed:#f1f7fe;
}
body[data-field-icon-theme="group"],
:is(dialog, .web-login-quota-dialog)[data-product="group"],
.modal-close-control[data-theme="group"] {
  --modal-header-control-color:#117a65;
  --modal-header-control-pressed:#edf8f3;
}
:is(.modal-close-control, .modal-top-icon-button, .portal-modal-close, .entry-modal-close) {
  display:grid !important;
  place-items:center !important;
  flex:0 0 var(--modal-header-control-size) !important;
  width:var(--modal-header-control-size) !important;
  min-width:var(--modal-header-control-size) !important;
  max-width:var(--modal-header-control-size) !important;
  height:var(--modal-header-control-size) !important;
  min-height:var(--modal-header-control-size) !important;
  max-height:var(--modal-header-control-size) !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:1px solid var(--modal-header-control-border) !important;
  border-radius:13px !important;
  background:#fff !important;
  color:var(--modal-header-control-color) !important;
  box-shadow:none !important;
  font-size:var(--modal-header-icon-size) !important;
  line-height:1 !important;
  cursor:pointer;
}
:is(.modal-close-control, .modal-top-icon-button, .portal-modal-close, .entry-modal-close)[hidden] {
  display:none !important;
}
:is(.modal-close-control, .modal-top-icon-button, .portal-modal-close, .entry-modal-close):is(:hover, :active):not(:disabled) {
  border-color:var(--modal-header-control-border) !important;
  background:var(--modal-header-control-pressed) !important;
  box-shadow:none !important;
}
:is(.modal-close-control, .modal-top-icon-button, .portal-modal-close, .entry-modal-close) :is(svg, i) {
  display:block;
  flex:none !important;
  width:var(--modal-header-icon-size) !important;
  min-width:var(--modal-header-icon-size) !important;
  max-width:var(--modal-header-icon-size) !important;
  height:var(--modal-header-icon-size) !important;
  min-height:var(--modal-header-icon-size) !important;
  max-height:var(--modal-header-icon-size) !important;
  margin:0 !important;
  color:inherit !important;
  stroke-width:2.35;
}
:is(.modal-close-control, .modal-top-icon-button, .portal-modal-close, .entry-modal-close):disabled {
  opacity:.5 !important;
  cursor:default;
}