body.popup-visible{overflow-y:hidden;}.popup-container{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;left:0;pointer-events:none;opacity:0;transition:opacity ease .3s;}.popup-container.visible{opacity:1;pointer-events:all;}.popup-container.visible .popup{margin-top:0;}.popup-container .backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);}.popup-container .popup{position:absolute;top:10vh;left:50%;width:40vw;height:70vh;min-height:110px;min-width:500px;background-color:#fff;border-radius:4px;transform:translateX(-50%);overflow:hidden;box-shadow:10px 10px 12px -10px rgba(0,0,0,.75);margin-top:30px;transition:margin-top ease .3s;}.popup-container .popup .popup-title{padding:12px 20px;background-color:#f5f5f5;border-bottom:1px solid #ddd;font-weight:bold;text-align:left;font-size:20px;}.popup-container .popup .popup-title *{color:inherit;font-size:inherit;}.popup-container .popup .popup-title .close-button{position:absolute;top:7px;right:12px;padding:5px 8px;font-size:24px;transition:color ease .1s;}.popup-container .popup .popup-title .close-button:hover{cursor:pointer;color:#e33;}.popup-container .popup .popup-content{position:relative;height:calc(100% - 48px);max-height:calc(100vh - 80px);overflow-y:auto;padding:20px;}.popup-container .popup .popup-content .popup-alert{position:fixed;bottom:-50px;left:40px;width:calc(100% - 80px);padding:10px;border:1px solid #fff;border-radius:4px;text-align:center;-webkit-box-shadow:5px 5px 30px -14px rgba(0,0,0,.75);-moz-box-shadow:5px 5px 30px -14px rgba(0,0,0,.75);box-shadow:5px 5px 30px -14px rgba(0,0,0,.75);}.popup-container .popup .popup-content .popup-alert.popup-alert-error{background-color:#eec9c9;border-color:#e1b3b3;}.popup-container .popup .popup-content .popup-alert.popup-alert-success{background-color:#95e49f;border-color:#8ad08b;}.popup-container .popup .popup-content .popup-alert.popup-alert-information{background-color:#d5edfb;border-color:#b5d6ec;}.popup-container .popup .popup-content .popup-alert .alert-message{display:inline-block;padding:0 30px;font-size:16px;}.popup-container .popup .popup-content .popup-alert .alert-close{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:5px;font-size:16px;}.popup-container .popup .popup-content .popup-alert .alert-close:hover{cursor:pointer;color:#d31010;}.popup-container.small-popup,.popup-container.sub-popup{z-index:1100;}.popup-container.small-popup .popup,.popup-container.sub-popup .popup{width:25vw;height:auto;min-width:400px;top:50%;transform:translate(-50%,-50%);border:1px solid #eee;box-shadow:0 0 7px -5px rgba(0,0,0,.75);}.popup-container.small-popup .popup .popup-title,.popup-container.sub-popup .popup .popup-title{background-color:#fff;font-size:18px;}.popup-container.small-popup .popup .popup-content,.popup-container.sub-popup .popup .popup-content{height:auto;}.popup-container.sub-popup{z-index:1100;}.popup-container.sub-popup .backdrop{opacity:.25;}.popup-container.sub-popup .popup{top:40%;}