.my-popup-wrapper{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:201;overflow:auto}.my-popup-wrapper.fadeLayout-enter-active,.my-popup-wrapper.fadeLayout-enter-active .my-popup,.my-popup-wrapper.fadeLayout-leave-active,.my-popup-wrapper.fadeLayout-leave-active .my-popup{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.my-popup-wrapper.fadeLayout-enter,.my-popup-wrapper.fadeLayout-leave-to{opacity:0}.my-popup-wrapper.fadeLayout-enter .my-popup,.my-popup-wrapper.fadeLayout-leave-to .my-popup{-webkit-transform:translateY(-20px) translateZ(0);transform:translateY(-20px) translateZ(0)}.my-popup-wrapper.fadeLayout-enter .my-popup.fix,.my-popup-wrapper.fadeLayout-leave-to .my-popup.fix{-webkit-transform:translateY(calc(-50% - 20px)) translateZ(0);transform:translateY(calc(-50% - 20px)) translateZ(0)}.my-popup-wrapper .my-popup{position:absolute;left:50%;top:0;margin-top:50px;margin-bottom:50px;margin-left:-250px;width:500px;min-height:400px;background:#faffff;border-radius:4px;will-change:transform}.my-popup-wrapper .my-popup.fix{top:50%;margin-top:0;margin-bottom:0;-webkit-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0)}.my-popup-wrapper .my-popup.large{margin-left:-400px;width:800px}.my-popup-wrapper .my-popup_title{padding:0 20px;line-height:38px;height:38px;font-size:20px;color:#4f4f4f;background:#fff;border-radius:4px 4px 0 0;-webkit-box-shadow:5px 5px 5px 0 rgba(4,0,0,.05);box-shadow:5px 5px 5px 0 rgba(4,0,0,.05)}.my-popup-wrapper .my-popup_close-wrap{position:absolute;right:0;top:0;width:50px;height:38px;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAArUlEQVQoU33QwQ0CIRAF0D9Z6MEWNPZgst4g2av2oOVYhF45cNNoE24LWgMQzBAmYVcjN35emM+QtXbddd0JwM4590ZzjDELpdQ5pXSkYRjuRLQB8Mw594IZaa2vAFY55we1geAYIwniLISwJZ40xwA4Xwry3r8KbPCtAo7GEELPiC//4KTzr9FjHTIdPe/HxRl+faZdDyPpVB8onct6ZOExxr2g9oNKqUtK6fABr3NzZR4a7X0AAAAASUVORK5CYII=);background-size:10px 10px;background-repeat:no-repeat;background-position:50%;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.my-popup-wrapper .my-popup_close-wrap:hover{background-color:#ff4848;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTU3RTJBNzNCQUIxMUU4OTA3QkJGNUNBRjVBQ0UyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTU3RTJBODNCQUIxMUU4OTA3QkJGNUNBRjVBQ0UyMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NTdFMkE1M0JBQjExRTg5MDdCQkY1Q0FGNUFDRTIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5NTdFMkE2M0JBQjExRTg5MDdCQkY1Q0FGNUFDRTIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/qkVNwAAAGJJREFUeNqEUFEKgFAIky7xPETd/9sO0UeXMQX3gpU1GMicOBV334IWHEEhavVWqSJxkFlLSxgLMLOmb9NncZrSw3lgwICiv8g3/K7+Vw+sfgTvjjEO3r0HD9fm4Xt6LgEGABZLNzncF192AAAAAElFTkSuQmCC)}.my-popup-wrapper .my-popup_content{padding:20px 0}.my-popup-wrapper .my-popup_btn{padding:10px;text-align:center;font-size:0}.my-popup-wrapper .my-popup_btn button{display:inline-block;vertical-align:top;margin-left:15px;line-height:30px;text-align:center;font-size:16px;width:90px;height:30px;color:#fff;border-radius:4px;cursor:pointer}.my-popup-wrapper .my-popup_btn button:first-child{margin-left:0}.my-popup-wrapper .my-popup_btn button.cancel{background:#bbc1cd}.my-popup-wrapper .my-popup_btn button.confirm{background:#0084ff}.my-popup-wrapper .my-popup_btn button.confirm:hover{background:#0776dd}.my-pager{padding-top:1.25rem;padding-bottom:1.25rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;font-size:0}.my-pager .my-pager--item{display:inline-block;vertical-align:top;margin-left:.625rem;margin-right:.625rem;line-height:1.875rem;font-size:1.125rem;color:#4f4f4f}.my-pager a{color:#4f4f4f;text-decoration:underline}.my-pager .target{margin-left:.125rem;margin-right:.125rem;text-align:center;width:3.75rem;border:.125rem solid #b8b8b8;border-radius:.25rem}.my-pager .confirm,.my-pager .target{display:inline-block;vertical-align:top;padding-left:.875rem;padding-right:.875rem;line-height:1.875rem;height:1.875rem;box-sizing:border-box;-webkit-box-sizing:border-box}.my-pager .confirm{font-size:1.125rem;color:#fff;background:#232323;border-radius:.25rem;cursor:pointer}.my-pager .confirm:hover{background:#233333}