table {
   color: inherit;
   font-size: inherit;
   font-weight: inherit;
}

table.modal-table {
   width: 100%;
}

table.modal-table td {
   padding: 0.2em;
}

label.modal-label {
   font-weight: inherit;
   font-size: inherit;
   margin: inherit;
   display: inline;
   cursor: pointer;
}

label.modal-label:hover {}

dialog {
   position: absolute;
   left: 0;
   right: 0;
   width: -moz-fit-content;
   width: -webkit-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: -webkit-fit-content;
   height: fit-content;
   margin: auto;
   padding: 0.5em;
   background: #151a1f;
   color: #dddddd;
   display: block;
   border: 1px solid rgba(0, 0, 0, 0.3);
   border-radius: 6px;
   box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}

dialog:not([open]) {
   display: none;
}

dialog+.backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.6);
}

dialog::backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.6);
}

._dialog_overlay {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

dialog.fixed {
   position: fixed;
   top: 50%;
   transform: translate(0, -50%);
}

dialog .modal-c {
   background-color: transparent;
}

dialog .modal-c .modal-header h4 {
   font-size: 20px;
   font-weight: 500;
   line-height: 24px;
   padding-right: 24px;
   color: #91b9cd
}


dialog .modal-c .modal-header {
   border-bottom-width: 3px;
   border-bottom-style: solid;
   border-bottom-color: #000;
   padding: 19px 22px 17px;
   position: relative
}

dialog .modal-c .modal-footer {
   border-top-width: 3px;
   border-top-style: solid;
   border-top-color: #000;
   padding: 19px 22px 17px;
   position: relative
}

dialog .modal-c .modal-body {
   padding: 16px 22px 25px;
   position: relative;
   color: #fff
}

dialog button.close {
   height: 20px;
   opacity: 1;
   overflow: hidden;
   padding: 2px;
   text-align: center;
   text-shadow: none;
   width: 20px;
   color: #91b9cd;
   position: absolute;
   right: 21px;
   top: 50%;
   transform: translateY(-50%);
   transition: color .3s ease;
   cursor: pointer;
   background: transparent;
   border: 0;
}

dialog button.close span {
   color: transparent;
   display: block;
   font-size: 0;
   height: 100%;
   line-height: 0;
   overflow: hidden;
   position: relative;
   width: 100%
}

dialog button.close span:after,
dialog button.close span:before {
   content: " ";
   display: block;
   height: 2px;
   transition: background-color .3s ease;
   width: 19px;
   background-color: #91b9cd
}

dialog button.close span:before {
   left: 1px;
   position: absolute;
   top: 1px;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   -webkit-transform-origin: 1px 50%;
   transform-origin: 1px 50%
}

dialog button.close span:after {
   right: 1px;
   position: absolute;
   top: 1px;
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg);
   -webkit-transform-origin: calc(100% - 1px) 50%;
   transform-origin: calc(100% - 1px) 50%
}

dialog .modal-image-preview-container {
   margin:0 auto;
   margin-top:1em;
   display:table;
   background-color:#16202b;
   padding:1em;
   border-radius:0.5em;
}

dialog .modal-image-preview {
   margin-top:0.5em;
   height:320px;
   border:0;
}