.popup-box{outline:0;border:none;padding:0;margin:0;background:unset;opacity:0;-webkit-transition:opacity 2s ease-in;-o-transition:opacity 2s ease-in;transition:opacity .3s ease-in}.popup-box[open]{opacity:1}.popup-box .popup{width:400px;position:fixed;overflow:hidden;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5);padding:0}.popup-box .popup>.popup-title-box{position:relative;width:100%;height:55px;cursor:move}.popup-box .popup>.popup-title-box .popup-title{padding-left:14px;line-height:55px;font-weight:700;user-select:none}.popup-box .popup>.popup-title-box .popup-close-btn{position:absolute;top:12px;right:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}.popup-box .popup>.popup-title-box .popup-close-btn:hover{opacity:.8}.popup-box .popup>.popup-title-box .popup-close-btn svg{width:20px;height:20px}.popup-box .popup>.popup-content{width:calc(100% - 40px);padding:20px}