@layer elements{.data-state-animate[data-state=open]{animation:fade-in .2s ease-out}.data-state-animate[data-state=open].dialog-content-position{animation:fade-in-zoom-in .2s ease-out}.data-state-animate[data-state=closed]{animation:fade-out .2s ease-in}.data-state-animate[data-state=closed].dialog-content-position{animation:fade-out-zoom-out .2s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-zoom-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fade-out-zoom-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.dialog-overlay{background-color:rgba(0,0,0,.5);z-index:1000}.dialog-close-button{top:1.25rem;right:1rem;height:1.5rem}.dialog-close-button svg{pointer-events:none}.dialog-close-button:hover{opacity:1}.dialog-close-button:disabled{pointer-events:none}@media only screen and (min-width:769px){.dialog-close-button{right:1.75rem;top:1.75rem}}.dialog-content{background-color:#fff;position:fixed;top:50dvh;left:50dvw;transform:translate(-50%,-50%);transition-duration:.2s;max-width:calc(100% - 2rem);z-index:1000}@media only screen and (min-width:769px){.dialog-content{max-width:37.5rem}}.dialog-header{padding:1rem 1.5rem;border-bottom:1px solid #d7e0ef}.dialog-header.dialog-header-secondary{background-color:#c3f0e4}.dialog-header.dialog-header-secondary h2,.dialog-header.dialog-header-secondary p{color:#1c6858}@media only screen and (min-width:769px){.dialog-header{padding:1.5rem 2rem}}.dialog-footer{padding:1rem 1.5rem;border-top:1px solid #d7e0ef}@media only screen and (min-width:769px){.dialog-footer{padding:1.5rem 2rem}}.dialog-title{line-height:1.75rem;font-size:1.25rem}@media only screen and (min-width:769px){.dialog-title{line-height:2rem;font-size:1.5rem}}}