.charm-modal-backdrop{animation:charm-modal-fade var(--charm-modal-open-ms,.22s) ease backwards;backdrop-filter:blur(var(--charm-modal-blur,4px));-webkit-backdrop-filter:blur(var(--charm-modal-blur,4px));background:var(--charm-modal-scrim,rgba(30,23,20,.45));display:flex;inset:0;overflow-y:auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));position:fixed;z-index:var(--charm-modal-z,9999)}.charm-modal{animation:charm-modal-pop var(--charm-modal-open-ms,.22s) var(--charm-modal-ease,cubic-bezier(.34,1.56,.64,1)) backwards;background:var(--charm-modal-bg,#fbf1e4);border:var(--charm-modal-border,3px solid #3b2e25);border-radius:var(--charm-modal-radius,24px);box-shadow:var(--charm-modal-shadow,8px 8px 0 rgba(30,23,20,.16));color:var(--charm-modal-ink,#2b2016);margin:auto;padding:var(--charm-modal-pad,1.5rem);position:relative;width:100%}.charm-modal:focus,.charm-modal:focus-visible{outline:none}.charm-modal--scrollable{max-height:min(85dvh,100%);overflow-y:auto}.charm-modal-close{background:var(--charm-modal-close-bg,rgba(59,46,37,.08));border:none;border-radius:999px;color:var(--charm-modal-close-ink,rgba(59,46,37,.72));cursor:pointer;display:grid;font-size:1.25rem;height:2rem;line-height:1;place-items:center;position:absolute;right:.85rem;top:.75rem;transition:transform .14s cubic-bezier(.34,1.8,.64,1),background .14s ease;width:2rem}.charm-modal-close:hover{background:var(--charm-modal-close-hover-bg,rgba(59,46,37,.14));transform:scale(1.08)}.charm-modal-close:active{transform:scale(.88)}.charm-modal-backdrop.charm-modal--closing{animation:charm-modal-fade-out var(--charm-modal-close-ms,.16s) ease forwards}.charm-modal.charm-modal--closing{animation:charm-modal-pop-out var(--charm-modal-close-ms,.16s) ease forwards}@keyframes charm-modal-pop{0%{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes charm-modal-fade{0%{opacity:0}}@keyframes charm-modal-pop-out{to{opacity:0;transform:scale(.96) translateY(6px)}}@keyframes charm-modal-fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.charm-modal,.charm-modal-backdrop,.charm-modal-backdrop.charm-modal--closing,.charm-modal.charm-modal--closing{animation:none}.charm-modal-close,.charm-modal-close:active,.charm-modal-close:hover{transform:none;transition:none}}