.mfcc-overlay[hidden],
.mfcc-options[hidden] {
  display:none!important;
}
.mfcc-overlay {
  position:fixed;
  inset:0;
  z-index:2147483000;
  background:rgba(0,0,0,.62);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(24px,6vh,60px) 15px 22px;
  overflow:auto;
  font-family:Arial,Helvetica,sans-serif;
}
.mfcc-panel {
  box-sizing:border-box;
  width:min(650px,100%);
  background:#fff;
  border:1px solid #d9dfe8;
  border-radius:5px;
  box-shadow:0 12px 45px #0004;
  color:#333;
  padding:27px 29px 25px;
  text-align:left;
}
.mfcc-panel * {box-sizing:border-box}
.mfcc-panel h2 {
  font-size:17px;
  line-height:1.4;
  margin:0 0 11px;
  font-weight:700;
  color:#30343d;
}
.mfcc-panel p {
  font-size:13px;
  line-height:1.7;
  margin:0;
  color:#586170;
}
.mfcc-actions {
  margin-top:24px;
  display:flex;
  gap:12px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
}
.mfcc-buttons {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.mfcc-panel button {
  appearance:none;
  cursor:pointer;
  font:700 12px Arial,Helvetica,sans-serif;
  border-radius:3px;
  padding:13px 15px;
  min-height:42px;
}
.mfcc-panel .mfcc-blue {
  background:#006fc9;
  border:1px solid #006fc9;
  color:#fff;
}
.mfcc-panel .mfcc-blue:hover,
.mfcc-panel .mfcc-blue:focus-visible {
  background:#0059a3;
}
.mfcc-panel .mfcc-link {
  padding:8px 0;
  color:#0066b9;
  border:0;
  background:transparent;
  text-decoration:underline;
}
.mfcc-panel .mfcc-options {
  margin-top:19px;
  border-top:1px solid #e3e9ef;
  padding-top:13px;
}
.mfcc-option {
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:9px 0;
  font-size:13px;
  line-height:1.5;
}
.mfcc-option input {
  margin-top:3px;
  accent-color:#006fc9;
  width:16px;
  height:16px;
  flex-shrink:0;
}
.mfcc-option small {
  display:block;
  color:#636e7d;
  font-size:12px;
  margin-top:2px;
}
.mfcc-panel .mfcc-save {margin-top:11px}
.mfcc-reopen {
  position:fixed;
  z-index:2147482999;
  bottom:13px;
  left:13px;
  border:1px solid #b9c8d6;
  border-radius:20px;
  background:#fff;
  color:#164c7e;
  padding:9px 12px;
  font:600 12px Arial,Helvetica,sans-serif;
  box-shadow:0 2px 10px #0002;
  cursor:pointer;
}
.mfcc-reopen:focus-visible,
.mfcc-panel button:focus-visible {
  outline:3px solid #ffbf47;
  outline-offset:3px;
}
body.mfcc-locked {overflow:hidden!important}
@media(max-width:610px) {
  .mfcc-overlay {
    align-items:center;
    padding:12px;
  }
  .mfcc-panel {padding:20px}
  .mfcc-actions,.mfcc-buttons {width:100%}
  .mfcc-buttons button {flex:1 1 auto}
}