.modal-backdrop{display:none;position:fixed;top:0;left:0;right:0;min-height:100vh;padding-top:30px;padding-bottom:30px;background:rgba(0,0,0,.5);align-items:center;justify-content:center;z-index:110}.modal-backdrop *{scrollbar-width:thin;scrollbar-color:#dedede #fff}.modal-backdrop ::-webkit-scrollbar{width:12px;transform:translateX(10px)}.modal-backdrop ::-webkit-scrollbar-track{background:#fff}.modal-backdrop ::-webkit-scrollbar-thumb{background-color:#dedede;border-radius:6px;border:3px solid #fff}.modal-backdrop .modal-box{box-shadow:0 10px 40px -20px #000;background:#fff;width:600px;max-width:calc(100% - 20px);max-height:90vh;display:flex;flex-direction:column}.modal-backdrop .modal-box .modal-header{display:flex;justify-content:space-between;padding:30px;padding-bottom:15px}.modal-backdrop .modal-box .modal-header .close-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;width:44px;border:none;outline:none;background:0 0;font-size:36px}.modal-backdrop .modal-box .modal-body{overflow-y:auto;overflow-x:hidden;padding:30px;padding-top:15px}