.heroDialogWrapper{position:fixed;background:var(--foreground-color-lighter-transparent);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);z-index:9999999999}.heroDialogWrapper,.heroDialogWrapperInner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.heroDialog,.heroDialogWrapperInner{position:relative}.heroDialog{padding:.75rem;border:none;border-radius:var(--border-radius-small);max-width:500px;width:90vw;max-height:90vh;background:var(--foreground-color);color:var(--background-color);text-align:center;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:.75rem}.heroDialogTopBar{width:100%;display:flex;align-items:center;justify-content:space-between}.heroDialogTopBar h2{font-size:var(--h2-font-size);height:100%;font-weight:700}.heroDialog::-webkit-backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.heroDialog::backdrop{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.heroDialogClose{height:100%;position:relative;font-size:var(--h2-sub-font-size);background:none;border:none;cursor:pointer;color:var(--background-color);font-weight:700;width:10%;transition:var(--transition-fast);border-radius:calc(var(--border-radius-small) - .75rem)}.heroDialogClose:hover{background:var(--primary-color)}.heroDialogForm{display:flex;flex-direction:column;gap:.75rem}.heroDialogInput,.heroDialogTextarea{padding:.75rem;border:1px solid var(--foreground-color-light,var(--background-color));border-radius:calc(var(--border-radius-small) - .75rem);font-size:var(--h4-font-size);width:100%;resize:none}.heroDialogSubmit{background:var(--primary-color);color:var(--primary-light);border:none;padding:.75rem;font-size:var(--h2-font-size);border-radius:calc(var(--border-radius-small) - .75rem);cursor:pointer;font-weight:700;transition:var(--transition-fast)}.heroDialogSubmit:hover{background:var(--foreground-color-lighter)}