.dialogable{position:fixed;z-index:5;visibility:hidden;left:0;top:0;right:0;bottom:0;white-space:nowrap;opacity:0;text-align:center;-webkit-transition:opacity .25s,visibility 0s .25s,-webkit-transform .25s;transition:opacity .25s,visibility 0s .25s,-webkit-transform .25s;transition:opacity .25s,visibility 0s .25s,transform .25s;transition:opacity .25s,visibility 0s .25s,transform .25s,-webkit-transform .25s}@media (min-width:651px){.dialogable{padding:1em}.dialogable::before{content:'';display:inline-block;height:100%;vertical-align:middle}.dialogable__content{max-height:80vh}}.dialogable:target{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s;opacity:1;display:block;visibility:visible}.dialogable__dialog{vertical-align:middle;background:#fff;text-align:left;white-space:normal;display:inline-block;-webkit-box-shadow:0 0 1em rgba(0,0,0,.25);box-shadow:0 0 1em rgba(0,0,0,.25);overflow:hidden;max-width:40em}.dialogable__close{float:right;color:inherit;font-size:27px;line-height:23px;width:23px}.dialogable__close:hover{text-decoration:none}.dialogable__close::after{content:'❌'}.dialogable__title{background:#000;font-weight:700;color:#fff;padding:1em}.dialogable__title::after{content:none}.dialogable__title--draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.dialogable__title--dragging{cursor:-webkit-grabbing;cursor:grabbing}.dialogable__content{padding:1em;overflow:auto}@media (max-width:650px){.dialogable__content{height:100vh}}