.modal{background-color:rgba(0,0,0,0.2);bottom:0;font-size:15px;left:0;position:fixed;right:0;top:0;z-index:9999999}@media only screen and (max-width: 720px){.modal{font-size:15px}}.modal-space{background-color:#fff;border-radius:.1em;left:50%;max-height:95vh;max-width:95vw;min-height:10em;position:absolute;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:20em}.dialog-header{font-size:1.5em;height:2.5em;left:0;padding:.5em;position:absolute;right:0;top:0}.dialog-body{font-size:1em;max-height:90vh;max-width:90vw;overflow:auto;text-align:center}.dialog-body .content{padding:3.5em 1em}.dialog-body .clock{background-color:rgba(0,0,0,0.2);border-radius:100%;color:rgba(0,0,0,0.87);display:inline-block;height:18em;padding:.5em;position:relative;width:18em}.dialog-body .inner{height:16em;left:1em;position:absolute;top:1em;width:16em}.dialog-body .time{height:2em;padding:.5em;position:absolute;text-align:center;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:2em}.dialog-body .time.p12{left:8em;top:0}.dialog-body .time.p3{right:0;top:8em}.dialog-body .time.p6{bottom:0;left:8em}.dialog-body .time.p9{left:0;top:8em}.dialog-body .time.p1{right:4em;top:1.6em}.dialog-body .time.p5{bottom:1.6em;right:4em}.dialog-body .time.p7{bottom:1.6em;left:4em}.dialog-body .time.p11{left:4em;top:1.6em}.dialog-body .time.p2{right:1.6em;top:4em}.dialog-body .time.p4{bottom:4em;right:1.6em}.dialog-body .time.p8{bottom:4em;left:1.6em}.dialog-body .time.p10{left:1.6em;top:4em}.dialog-footer{bottom:0;height:3.5em;left:0;padding:.5em;position:absolute;right:0;text-align:right;white-space:nowrap}