.upklik-demo-banner {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding: 12px max(20px, calc((100vw - 1440px) / 2));
  background: #e1ff5b;
  color: #171a13;
  font: 500 12px/1.5 system-ui, sans-serif;
  letter-spacing: 0;
  border-bottom: 1px solid #c5de56;
}
.upklik-demo-banner strong {font-weight: 750;}
.upklik-demo-banner a {color: inherit; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;}
.upklik-demo-banner a:focus-visible {outline: 2px solid #171a13; outline-offset: 4px;}
.upklik-demo-note {font: 500 13px/1.6 system-ui, sans-serif; color: inherit; padding: 12px 14px; border: 1px solid currentColor; border-radius: 8px; opacity: .85; margin: 12px 0 20px;}
input[readonly] {cursor: default; opacity: .75;}
input[type=file]:disabled {cursor: not-allowed;}
.upklik-preview-reference {display: none !important;}
.upklik-preview-summary {margin: 24px 0; text-align: left; border: 1px solid currentColor; border-radius: 12px; padding: 20px;}
.upklik-preview-summary h4 {font-size: 15px; margin: 0 0 20px;}
.upklik-preview-summary dl {display: grid; grid-template-columns: minmax(100px, .45fr) 1fr; gap: 12px 20px; font-size: 14px; line-height: 1.6;}
.upklik-preview-summary dt {opacity: .65;}
.upklik-preview-summary dd {margin: 0; overflow-wrap: anywhere;}
#success-summary {display: none;}
@media(max-width: 600px) {
  .upklik-demo-banner {font-size: 11px; padding: 10px 16px; gap: 6px;}
  .upklik-demo-banner > span {max-width: 100%;}
  .upklik-demo-banner a {font-size: 11px;}
  .upklik-preview-summary dl {grid-template-columns: 1fr; gap: 4px;}
  .upklik-preview-summary dd {margin-bottom: 12px;}
}
@media(prefers-reduced-motion: reduce) {
  html {scroll-behavior: auto !important;}
  *, *::before, *::after {animation-duration: .01ms !important; transition-duration: .01ms !important;}
}