dialog{padding:0;border:0;max-width:90%}[size=small] dialog{width:380px}[size=medium] dialog{width:550px}[size=large] dialog{width:800px}[type=warning] dialog{background-color:#fdf6e5}[type=success] dialog{background-color:#edfaed}[type=info] dialog{background-color:#ebf3ff}[type=error] dialog{background-color:#fff5f5}dialog[open]{animation:showModal .2s ease-in}dialog[open]::backdrop{animation:showBackdrop .2s ease-out}dialog.hiding{animation:hideModal .2s ease-in}dialog.hiding::backdrop{animation:hideBackdrop .2s ease-out}dialog::backdrop{background-color:rgba(0,0,0,.8)}.modal-header-x{align-items:center;background-color:#eee;box-sizing:content-box;display:flex;min-height:20px;padding:8px 8px 8px 16px}[type=warning] .modal-header-x{background-color:#eeb207;color:#333}[type=error] .modal-header-x,[type=info] .modal-header-x,[type=success] .modal-header-x{color:#fff}[type=success] .modal-header-x{background-color:green}[type=info] .modal-header-x{background-color:#1a20c7}[type=error] .modal-header-x{background-color:#c00}.modal-header-x:empty{display:none}.modal-icon{font-family:Font Awesome\ 5 Pro;font-weight:700;font-style:normal}.modal-icon:before{padding-right:16px}[type=warning] .modal-icon:before{content:""}[type=success] .modal-icon:before{content:""}[type=info] .modal-icon:before{content:""}[type=error] .modal-icon:before{content:""}.modal-heading{padding-right:8px;margin-bottom:0;flex-grow:1}.modal-close-btn{background-color:transparent;border:0;color:#1a20c7;cursor:pointer;padding:8px;position:absolute;right:0;top:0}[type=warning] .modal-close-btn{color:#333}[type=error] .modal-close-btn,[type=info] .modal-close-btn,[type=success] .modal-close-btn{color:#fff}.modal-content-x{padding:16px}.modal-content-x:focus{outline:none}.full-width-content .modal-content-x{padding:0}@keyframes showModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes hideModal{to{opacity:0;transform:scale(.9)}}@keyframes showBackdrop{0%{opacity:0}to{opacity:1}}@keyframes hideBackdrop{to{opacity:0}}