/** Z-Index Generator Generates a z-index value based on a given layer map. By default, it refers to the $sitewide-layers layer map. Import into stylesheets via `@import 'utilities/z-index-mapping'`  Example usage: z-index: z-value('mykey'); <- uses the $sitewide-layers map by default z-index: z-value('mykey', 'my-custom-map'); <- uses a different layer map  If needed, modules can define their own layer map and assign z-index values in the context of said map. */
.humblemodal-wrapper { box-sizing: border-box; position: fixed; left: 0; top: 0; width: 100vw; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 9999; }
.humblemodal-wrapper .humblemodal-modal { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 30em; overflow: auto; max-height: 90vh; }

.humblemodal-modal { border-radius: 6px; overflow: hidden; padding: 1.5em; background: white; text-align: center; color: #757b86; box-sizing: border-box; }
.humblemodal-modal .close-modal { color: inherit; position: absolute; right: 0; top: 0; padding: .5em 0.75em; font-size: 1.5em; }
.humblemodal-modal h1 { margin-top: 0; font-weight: bold; }
.humblemodal-modal .input-holder { margin: 1em 0; }
.humblemodal-modal .button-holder { margin-top: 1em; }