.public-modal[hidden]{display:none!important}
.public-modal[data-public-modal]{position:fixed;z-index:2147483001;inset:0;display:grid;box-sizing:border-box;place-items:center;padding:24px;font:normal 16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222}
.public-modal__backdrop{position:absolute;inset:0;background:rgba(17,18,20,.64)}
.public-modal__dialog{position:relative;z-index:1;box-sizing:border-box;max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #d9d1ca;background:#fff;box-shadow:0 24px 80px rgba(17,18,20,.28);outline:none}
.public-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 18px;border-bottom:1px solid #e5e1de}
.public-modal__title{margin:0;color:#222;font-family:inherit;font-size:28px;font-weight:700;line-height:1.15}
.public-modal__close{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid #222;background:#222;color:#fff;padding:0;font-family:inherit;font-size:24px;font-weight:400;line-height:1;cursor:pointer}
.public-modal__close:hover,.public-modal__close:focus-visible{background:#fff;color:#222;outline:2px solid #222;outline-offset:2px}
.public-modal__body{padding:24px 28px 28px}
.public-modal__body p{margin:0;color:#333;font:inherit}
.public-modal__body p+p{margin-top:1em}
.public-modal-open body{overflow:hidden}
@media(max-width:640px){.public-modal{padding:12px}.public-modal__dialog{max-height:calc(100dvh - 24px)}.public-modal__header{padding:20px 20px 16px}.public-modal__title{font-size:24px}.public-modal__body{padding:20px}}