.blocker {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;outline: 0;background-color: rgba(0,0,0,0.75);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.blocker.behind {background-color: transparent;}
.jmodal {position: relative;display: none;width: calc(100% - 20px);max-width: 500px;height: auto;pointer-events: none;}
.jmodal .content {position: relative;display: flex;flex-direction: column;width: 100%;height: auto;max-height: calc(100lvh - 20px);pointer-events: auto;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .2);border-radius: .3rem;outline: 0;}
.jmodal .content .header {display: flex;align-items: center;justify-content: space-between;padding: 1rem;border-bottom: 1px solid #e9ecef;border-top-left-radius: .3rem;border-top-right-radius: .3rem;}
.jmodal .content .header .title {font-size: 16px;margin-bottom: 0;line-height: 1.5;}
.jmodal .content .header .close {font-size: 20px;background-color: transparent;border: none;color: #222;}
.jmodal .content .body {position: relative;flex: 1 1 auto;padding: 1rem;overflow-x: hidden;overflow-y: auto;}
.jmodal .content .footer {display: flex;align-items: center;justify-content: flex-end;padding: 1rem;border-top: 1px solid #e9ecef;}