.dn-modal{--transition-timing:cubic-bezier(.4,0,1,1);--transition:all .2s 0ms var(--transition-timing);left:0;position:fixed;top:0;width:100%;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);outline:none;overflow:auto;will-change:opacity;z-index:9998}.dn-modal,.dn-modal.vue-focus-loop>div:nth-child(2){height:100%}.dn-modal__wrapper{display:flex;min-height:100%;padding:1.5rem 1rem;position:relative}.dn-modal,.dn-modal__dialog{transition:var(--transition)}.dn-modal__dialog{align-self:center;background-color:var(--background-color,var(--color-lightest,#fff));border-radius:var(--border-radius,var(--borderRadius-md,.25rem));box-shadow:var(--box-shadow,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06));justify-self:center;margin:auto;max-width:var(--max-width,1080px);min-width:var(--min-width,300px);overflow:auto;position:relative;transform:translate(0);width:100%;will-change:transform;z-index:2}.dn-modal__main{padding:var(--padding,1.5rem)}.dn-modal__close{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;position:fixed;right:0;top:0;width:2rem}.dn-modal__backdrop{background-color:#0006;cursor:pointer;inset:0;position:absolute;transition:opacity .6s 0s var(--transition-timing);z-index:1}.dn-modal__backdrop:hover{opacity:.9}body[data-modal-open=true][data-prevent-scrolling]{overflow:hidden}.dn-modal-enter-from,.dn-modal-leave-to{opacity:0}.dn-modal-enter-from .dn-modal__dialog,.dn-modal-leave-to .dn-modal__dialog{transform:translateY(2rem) scale(.9)}