.dialog{all:unset}.dialog{opacity:0;display:flex;flex-direction:column;position:fixed;top:80px;left:50%;transform:translateX(-50%);width:80%;max-width:500px;max-height:calc(100vh - 80px);border:2px solid rgba(0,0,0,.3);z-index:6;transition:opacity .7s ease;background-color:#333;color:#fff}.dialog[open]{opacity:1}.dialog .dheader{display:flex;flex-direction:row;font-size:large;font-weight:400;align-items:center;margin:5px 5px 5px 10px;background-color:#333}.dialog .dheader .close{width:20px;height:20px;border:1px solid #ccc;padding:3px;margin:3px;margin-left:auto;background-color:#ccc}.dialog .dheader .close:hover{background-color:#fff;cursor:pointer}.dialog .dbody{position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#aaa rgba(0,0,0,0.6);font-size:11pt;margin:3px;overflow-x:hidden;background-color:#222}.dialog .dbody:focus{outline:0}.dialog .dfooter{font-size:10pt;color:wheat;margin:5px 5px 5px 10px;background-color:#333}.dialog a:focus{outline:0;box-shadow:none}.dialog .dfooter .divFooter{display:flex;align-items:center;border-top:1px solid}.dialog .dfooter hr{border:none;border-top:1px solid #888;opacity:.3}.dialog .dfooter input[type=checkbox]{border:none;background-color:#fff;cursor:pointer;width:20px;height:15px;outline:0;box-shadow:none}.dialog .next,.dialog .prev{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;font-family:courier;font-weight:700;color:#000;background-color:rgba(255,255,255,.2);border:0;padding:8px 12px;cursor:pointer;z-index:7;margin-top:15px}.dialog .next:hover,.dialog .prev:hover{background-color:#fff}.dialog .next:focus,.dialog .prev:focus{outline:0}.dialog .page{position:absolute;top:0;left:0;width:100%;opacity:0;transition:all .4s ease;padding:10px;box-sizing:border-box}.page.visible{left:0;opacity:1;z-index:7;position:relative}.page.slide-left{left:-100%;opacity:0;z-index:7}.page.slide-right{left:100%;opacity:0;z-index:7}.page h1{font-size:12pt;font-weight:600}