.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)}.dn-modal{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-darkest)}.dn-modal .dn-modal__main{padding:var(--spacing-md)}.dn-modal .dn-modal__backdrop{background:var(--color-dark-green-shade-700)}.dn-modal .dn-modal__backdrop:hover{opacity:1}.dn-modal .dn-modal__dialog{margin:0}.dn-modal .dn-modal__close{right:.625rem;top:.625rem}.dn-modal .dn-modal__close .dn-icon{font-size:1.5rem}.dn-modal.bottom-modal{color:var(--color-secondary);text-align:center}.dn-modal.bottom-modal .dn-modal__wrapper{display:grid;padding:0}.dn-modal.bottom-modal .dn-modal__backdrop{transition:opacity 2s cubic-bezier(.2,0,0,1) 0s}.dn-modal.bottom-modal .dn-modal__dialog{align-self:end;border-radius:var(--borderRadius-xl) var(--borderRadius-xl) 0 0;justify-self:center;margin:0;transition:transform .5s cubic-bezier(.2,0,0,1) 0s}.dn-modal.bottom-modal .dn-modal__main{display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-xs)}@media screen and (min-width:577px){.dn-modal.bottom-modal .dn-modal__main{padding:var(--spacing-lg)}}.dn-modal.bottom-modal .bottom-modal__title{font-family:var(--font-family-primary);margin-bottom:var(--spacing-sm)}@media screen and (max-width:768px){.dn-modal.bottom-modal .bottom-modal__title{font-size:1.25rem;font-weight:400;line-height:1.2}}@media screen and (min-width:769px){.dn-modal.bottom-modal .bottom-modal__title{font-size:1.5rem;font-weight:400;line-height:1.4}}.dn-modal.bottom-modal .bottom-modal__description{line-height:1.4;margin-bottom:var(--spacing-sm);margin-top:0}@media screen and (max-width:768px){.dn-modal.bottom-modal .bottom-modal__description{font-size:.875rem}}@media screen and (min-width:769px){.dn-modal.bottom-modal .bottom-modal__description{font-size:1rem}}@media screen and (min-width:577px){.dn-modal.bottom-modal .dn-modal__dialog{--max-width:30rem;align-self:center;border-radius:var(--borderRadius-xl)}}.bottom-enter-from .dn-modal__backdrop,.bottom-enter-from .dn-modal__backdrop:hover,.bottom-leave-to .dn-modal__backdrop,.bottom-leave-to .dn-modal__backdrop:hover{opacity:0}.bottom-enter-from .dn-modal__dialog,.bottom-leave-to .dn-modal__dialog{transform:translateY(100vh)}.bottom-enter-active,.bottom-leave-active{overflow:hidden}