dialog{background:#fff;border:0;padding:1rem;border-radius:6px;box-shadow:0 0 40px rgba(0,0,0,0.1),0 0 10px rgba(0,0,0,0.25);min-width:20vw;max-width:50vw;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}dialog:focus,dialog:focus-visible{outline:0}dialog.default{position:fixed;margin:auto auto;margin-top:9vh}dialog.top{margin-top:5vh}dialog.bottom{margin-bottom:5vh !important}dialog.middle{transform:translateY(-50%) !important}dialog.left{margin-left:4vw}dialog.right{margin-right:4vw}@keyframes explode{0%{transform:scale(0)}100%{transform:scale(1)}}dialog[open]{animation-name:explode;animation-duration:.1s;animation-fill-mode:forwards}dialog span.dialog-icon{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji";font-size:xxx-large;margin-right:15px;float:left;display:inline-block}@keyframes spin{to{transform:rotate(359deg)}}dialog span.dialog-spinner{display:inline-block;animation:spin 2s infinite linear}dialog h4{font-size:x-large;margin:0 0 5px 0}dialog p.dialog-message{display:block}dialog.close-button{position:relative;top:10px;right:20px;content:'×'}dialog .dialog-actions{text-align:right;float:right;clear:left;margin-right:4px;margin-top:1em;display:inline-block}dialog button{padding-left:16px;padding-right:16px}dialog form.dialog-input{float:none;display:grid;height:auto}dialog form.dialog-input.form-clear{width:100%;float:left;clear:both}dialog form.dialog-input.top{grid-template-rows:auto minmax(0,1fr)}dialog form.dialog-input.top input:not(.inline){margin-bottom:1rem}dialog form.dialog-input.left{grid-template-columns:auto minmax(0,1fr)}dialog form.dialog-input.left div{margin-bottom:.5rem}dialog form.dialog-input.left label:not(.inline){margin-left:.1rem;margin-right:1rem}dialog .dialog-input.full-width div input:not(.inline),dialog .dialog-input.full-width div textarea,dialog .dialog-input.full-width div select{width:97%}dialog.xsmall,dialog.xs{width:18vw;min-width:18vw;max-width:18vw;height:15vh;min-height:15vh;max-height:15vh;overflow:hidden}dialog.xsmall-width,dialog.xs-width{width:18vw;min-width:18vw;max-width:18vw}dialog.xsmall-height,dialog.xs-height{height:15vh;min-height:15vh;max-height:15vh}dialog.small,dialog.sm{width:22vw;min-width:22vw;max-width:22vw;height:18vh;min-height:18vh;max-height:18vh;overflow:hidden}dialog.small-height,dialog.sm-height{height:18vh;min-height:18vh;max-height:18vh}dialog.small-width,dialog.sm-width{width:22vw;min-width:22vw;max-width:22vw}dialog.medium,dialog.md{width:34vw;min-width:34vw;max-width:34vw;height:31vh;min-height:31vh;max-height:31vh;overflow:hidden}dialog.medium-height,dialog.md-height{height:31vh;min-height:31vh;max-height:31vh}dialog.medium-width,dialog.md-width{width:34vw;min-width:34vw;max-width:34vw}dialog.large,dialog.lg{width:55vw;min-width:55vw;max-width:55vw;height:52vh;min-height:52vh;max-height:52vh;overflow:hidden}dialog.large-height,dialog.lg-height{height:52vh;min-height:52vh;max-height:52vh}dialog.large-width,dialog.lg-width{width:55vw;min-width:55vw;max-width:55vw}dialog.fullsize{margin-top:0;width:100vw;min-width:100vw;max-width:100vw;height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}dialog.xsmall .dialog-actions,dialog.xsmall-height .dialog-actions,dialog.xsmall-width .dialog-actions,dialog.xs .dialog-actions,dialog.xs-height .dialog-actions,dialog.xs-width .dialog-actions,dialog.small .dialog-actions,dialog.small-height .dialog-actions,dialog.small-width .dialog-actions,dialog.sm .dialog-actions,dialog.sm-height .dialog-actions,dialog.sm-width .dialog-actions,dialog.medium .dialog-actions,dialog.medium-height .dialog-actions,dialog.medium-width .dialog-actions,dialog.md .dialog-actions,dialog.md-height .dialog-actions,dialog.md-width .dialog-actions,dialog.large .dialog-actions,dialog.large-height .dialog-actions,dialog.large-width .dialog-actions,dialog.lg .dialog-actions,dialog.lg-height .dialog-actions,dialog.lg-width .dialog-actions{position:absolute;bottom:.1rem;right:.5rem}dialog.fullsize .dialog-actions{position:absolute;bottom:4rem;right:4rem}dialog.no-padding{padding:0}dialog.no-shadow{box-shadow:none}dialog.no-backdrop::backdrop{background:rgba(0,0,0,0)}dialog.dark-backdrop::backdrop{background:rgba(0,0,0,0.5)}dialog form.dialog-input input.required:required,dialog form.dialog-input select.required:required,dialog form.dialog-input textarea.required:required{outline:0}dialog form.dialog-input input.required:required:valid,dialog form.dialog-input select.required:required:valid,dialog form.dialog-input textarea.required:required:valid{outline:2px solid forestgreen}dialog form.dialog-input input.required:required:invalid:focus,dialog form.dialog-input select.required:required:invalid:focus,dialog form.dialog-input textarea.required:required:invalid:focus{outline:2px solid maroon}dialog form.dialog-input input.password{-webkit-text-security:disc}