.dn-modal{--transition-timing:cubic-bezier(.4,0,1,1);--transition:all .2s 0s var(--transition-timing);-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);will-change:opacity;z-index:9998;outline:none;width:100%;position:fixed;top:0;left:0;overflow:auto}.dn-modal,.dn-modal.vue-focus-loop>div:nth-child(2){height:100%}.dn-modal__wrapper{min-height:100%;padding:1.5rem 1rem;display:flex;position:relative}.dn-modal,.dn-modal__dialog{transition:var(--transition)}.dn-modal__dialog{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 #0000001a,0 2px 4px -1px #0000000f);max-width:var(--max-width,1080px);min-width:var(--min-width,300px);will-change:transform;z-index:2;place-self:center;width:100%;margin:auto;position:relative;overflow:auto;transform:translate(0)}.dn-modal__main{padding:var(--padding,1.5rem)}.dn-modal__close{color:#000;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;position:fixed;top:0;right:0}.dn-modal__backdrop{cursor:pointer;transition:opacity .6s 0s var(--transition-timing);z-index:1;background-color:#0006;position:absolute;inset:0}.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}:is(.dn-modal-enter-from,.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{top:.625rem;right:.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{padding:0;display:grid}.dn-modal.bottom-modal .dn-modal__backdrop{transition:opacity 2s cubic-bezier(.2,0,0,1)}.dn-modal.bottom-modal .dn-modal__dialog{border-radius:var(--borderRadius-xl) var(--borderRadius-xl) 0 0;place-self:end center;margin:0;transition:transform .5s cubic-bezier(.2,0,0,1)}.dn-modal.bottom-modal .dn-modal__main{padding:var(--spacing-md) var(--spacing-xs);flex-direction:column;display:flex}@media screen and (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 (width<=768px){.dn-modal.bottom-modal .bottom-modal__title{font-size:1.25rem;font-weight:400;line-height:1.2}}@media screen and (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{margin-bottom:var(--spacing-sm);margin-top:0;line-height:1.4}@media screen and (width<=768px){.dn-modal.bottom-modal .bottom-modal__description{font-size:.875rem}}@media screen and (width>=769px){.dn-modal.bottom-modal .bottom-modal__description{font-size:1rem}}@media screen and (width>=577px){.dn-modal.bottom-modal .dn-modal__dialog{--max-width:30rem;border-radius:var(--borderRadius-xl);align-self:center}}.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}:is(.bottom-enter-from,.bottom-leave-to) .dn-modal__dialog{transform:translateY(100vh)}.bottom-enter-active,.bottom-leave-active{overflow:hidden}