.site-modal[hidden] { display: none !important; }
.site-modal {
  position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10000;
  display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 24px;
  background: rgba(16, 21, 15, .8); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
}
.site-modal-panel { position: relative; max-width: 100%; max-height: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.site-modal-scroll { min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.site-modal [data-modal-close] { touch-action: manipulation; }
.site-modal-open { overflow: hidden; }
@media (max-width: 540px) {
  .site-modal { padding: 14px; padding-top: max(14px, env(safe-area-inset-top)); padding-bottom: max(14px, env(safe-area-inset-bottom)); }
}