.c-dialog{--dialog-desktop-max-width: 780px;--dialog-desktop-spacing-x: 20px;--dialog-desktop-spacing-y: 80px;--dialog-top-sticky-bar-height: 50px;--dialog-background-color: white;--dialog-main-spacing-x: 20px;position:fixed;top:0;bottom:0;width:auto;max-width:100%;height:auto;max-height:100%;padding:0;border:none;overflow-y:auto;color:#000;animation:dialogFadeIn .3s ease forwards}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (min-width: 641px){.c-dialog{--dialog-main-spacing-x: 80px;margin:var(--dialog-desktop-spacing-y) max(var(--dialog-desktop-spacing-x),50% - var(--dialog-desktop-max-width) / 2)}}.c-dialog::backdrop{background-color:#000c}.c-dialog+.backdrop{background-color:#000c}.c-dialog>form{display:flex;flex-direction:column;height:auto;min-height:100%;background-color:var(--dialog-background-color)}.c-dialog header{--dialog-header-spacing-y: 40px;margin-top:calc(var(--dialog-header-spacing-y) - var(--dialog-top-sticky-bar-height));padding-bottom:var(--dialog-header-spacing-y)}@media (min-width: 641px){.c-dialog header{--dialog-header-spacing-y: 60px}}.c-dialog__title{text-align:center;font-size:30px;font-weight:700}.c-dialog__body{flex-grow:1;padding-left:var(--dialog-main-spacing-x);padding-right:var(--dialog-main-spacing-x)}.c-dialog__top-sticky-bar{--dialog-top-sticky-bar-spacing-x: 16px;display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;position:sticky;top:0;width:100%;height:var(--dialog-top-sticky-bar-height);padding-left:var(--dialog-top-sticky-bar-spacing-x);padding-right:var(--dialog-top-sticky-bar-spacing-x)}.c-dialog__top-sticky-bar.is-sticky{background-color:#fff;box-shadow:0 1px 2px #0000004d;z-index:1}.c-dialog__close-button{--dialog-close-size: 24px;transition:.5s opacity}.c-dialog__close-button:hover{opacity:.75;cursor:pointer}.c-dialog__close-button>svg{width:var(--dialog-close-size);height:var(--dialog-close-size)}.c-dialog__action-button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;width:240px;height:44px;padding:0 20px;transition:.5s;border:1px solid gray;border-radius:2px;background-color:#fff;font-size:16px;color:inherit;text-decoration:none;cursor:pointer}@media (min-width: 641px){.c-dialog__action-button{width:320px}}.c-dialog__action-button:focus-visible{transition:.5s opacity;opacity:.75}.c-dialog__bottom-bar{display:flex;box-sizing:border-box;align-items:center;justify-content:center;position:fixed;bottom:0;width:100%;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background-color:#fff;border-top:1px solid gray}@media (min-width: 641px){.c-dialog__bottom-bar{padding:10px var(--dialog-main-spacing-x)}}.c-dialog__bottom-bar.is-sticky{position:sticky}.c-dialog__bottom-bar>*{display:flex;align-items:center;justify-content:space-between;width:100%}@media (hover: none) and (pointer: coarse){.c-dialog__action-button,.c-dialog__close-button{outline:none}}
