.fkkm .fkkm-panel[hidden],
.fkkm .fkkm-dialog:not([open]) { display: none !important; }
.fkkm .fkkm-fallback { width: min(100% - 20px, 720px); margin-inline: auto; }
.fkkm .fkkm-panel { scroll-margin-top: 90px; }
.fkkm .fkkm-panel h2 { margin: 0 0 16px; font: 700 clamp(22px, 5vw, 30px)/1.15 Arial, sans-serif; color: #263238; }
.fkkm .fkkm-dialog {
  box-sizing: border-box; position: fixed; inset: 0; margin: auto;
  width: min(560px, calc(100% - 20px)); max-width: none;
  max-height: calc(100% - 20px); max-height: calc(100dvh - 20px);
  overflow: auto; overscroll-behavior: contain;
  padding: 22px; border: 0; border-radius: 12px;
  color: #263238; background: #fff; font: 16px/1.45 Arial, sans-serif;
}
.fkkm .fkkm-dialog::backdrop { background: rgba(20, 29, 33, .68); }
.fkkm .fkkm-dialog h2 { padding-right: 44px; min-height: 44px; display: flex; align-items: center; }
.fkkm .fkkm-close {
  position: absolute; top: 12px; right: 12px; display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0; border: 1px solid #ded9d3; border-radius: 8px;
  background: #f7f3ef; color: #263238; font: 28px/1 Arial, sans-serif; cursor: pointer;
}
.fkkm .fkkm-panel label { display: block; font-weight: 600; }
.fkkm .fkkm-panel input:not([type=submit]):not([type=hidden]), .fkkm .fkkm-panel select, .fkkm .fkkm-panel textarea {
  box-sizing: border-box; width: 100%; max-width: 100%; margin: 5px 0 0;
  min-height: 44px; padding: 9px 10px; border: 1px solid #889294; border-radius: 6px;
  font: 400 16px/1.3 Arial, sans-serif; background: #fff; color: #263238;
}
.fkkm .fkkm-panel textarea { min-height: 100px; height: 110px; resize: vertical; }
.fkkm .fkkm-panel input[type=submit] {
  min-height: 44px; padding: 10px 18px; border: 0; border-radius: 6px;
  font: 700 16px/1.3 Arial, sans-serif; background: #F16E27; color: #202828; cursor: pointer;
}
.fkkm .fkkm-panel p { margin: 0 0 12px; }
.fkkm .fkkm-panel a { text-decoration: underline; }
.fkkm :focus-visible { outline: 2px solid #263238; outline-offset: 2px; }