.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);padding:10px 16px;z-index:var(--z-index-top)}.modal .content-wrapper{position:relative;width:100%;height:100%;overflow:auto;border-radius:8px;border:2px solid rgba(238,208,179,.4);background:rgba(0,0,0,.12)}.modal .content-wrapper .page{height:100%!important}.modal .close-btn{width:30px;height:30px;position:absolute;top:12px;right:12px;cursor:pointer;filter:brightness(0) invert(1)}@media (min-width:650px){.modal .content-wrapper{position:absolute;max-width:340px;max-height:560px;transform:translate(-50%,-50%);top:50%;left:50%;box-shadow:5px 5px 10px 0 rgba(0,0,0,.25);overflow-y:auto}}