@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalScaleIn{from{transform:scale(0)}to{transform:scale(1)}}dialog{position:fixed;margin:0;border:0;padding:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;background-color:rgba(0,0,0,.6)}dialog.modal-showing{animation:modalFadeIn .25s ease-in-out}dialog.modal-showing .dialog-modal{animation:modalScaleIn .25s ease-in-out}dialog[open]{display:flex;justify-content:center;align-items:flex-start}dialog[open] .dialog-center{align-items:center}dialog::backdrop{display:none}.dialog-modal{margin:2rem;max-width:calc(100% - 4rem);max-height:calc(100% - 4rem);display:flex;flex-direction:column;background-color:#fff;border:1px solid #d3d3d3;border-radius:var(--border-radius-reg);box-shadow:var(--shadow-elevation-low)}.dialog-modal.dialog-modal-40{width:60%}@media screen and (max-width: 768px){.dialog-modal.dialog-modal-40{width:100%}}.dialog-content{overflow-y:auto;padding:15px}.dialog-header,.dialog-footer{padding:15px;display:flex;justify-content:space-between;gap:2rem}.dialog-header{border-bottom:1px solid #d3d3d3;font-weight:bolder}.dialog-footer{border-top:1px solid #d3d3d3}body.modal--shown{overflow-y:hidden;padding-right:var(--scrollbar-width, 15px)}body.modal--shown header{padding-right:var(--scrollbar-width, 15px)}.dialog-form-fields{display:grid;grid-template-columns:1fr 3fr}.dialog-form-fields label{grid-column:1/2;justify-self:right;padding:10px}.dialog-form-fields input,.dialog-form-fields select{justify-self:left;padding:10px}.dialog-footer button{cursor:pointer}