.backdrop{background-color:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.view-container{height:100%;right:-230px;top:50%}.view-container,.view-container-modal-popup{background-color:#fff;border-radius:10px;padding:20px;position:fixed;transform:translate(-50%,-50%);z-index:1000}.view-container-modal-popup{left:50vw;top:50vh}.box-modal-popup{display:flex;flex-direction:column;height:500px;overflow:hidden;width:380px}.view-container-modal-popup-dedied{background-color:#fff;border-radius:10px;left:50vw;padding:20px;position:fixed;top:50vh;transform:translate(-50%,-50%);z-index:1000}.box-modal-popup_dedied{height:400px;width:750px}.box,.box-modal-popup_dedied{display:flex;flex-direction:column;overflow:hidden}.box{height:95vh;width:420px}.boxNotContent{display:flex;flex-direction:column;height:48vh;overflow:hidden;width:410px}.view-container-not-content{background-color:#fff;border-radius:10px;padding:20px;position:fixed;right:-2%;top:34%;transform:translate(-50%,-50%);z-index:1000}.scrollable-content{flex:flex;overflow-x:auto;overflow-y:auto;padding:10px}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:#f0f0f0}.scrollable-content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#555}.component_backdrop__WGVJm{background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;z-index:999}.component_backdrop__WGVJm,.component_viewContainer__rJr_e{height:100%;position:fixed}.component_viewContainer__rJr_e{background-color:#fff;border-radius:10px;padding:20px;right:-230px;top:50%;transform:translate(-50%,-50%);z-index:1000}.component_box__8WZRn{display:flex;flex-direction:column;height:95vh;overflow:hidden;width:420px}.component_backdrop__CNWfx{background-color:rgba(0,0,0,.5);left:0;top:0;width:100%;z-index:999}.component_backdrop__CNWfx,.component_viewContainer__4gkTa{height:100%;position:fixed}.component_viewContainer__4gkTa{background-color:#fff;border-radius:10px;padding:20px;right:-230px;top:50%;transform:translate(-50%,-50%);z-index:1000}.component_box____0D1{display:flex;flex-direction:column;height:95vh;overflow:hidden;width:420px}.component_header__8WA11{position:relative}.component_content__LK447{padding:30px 0}