.modal{padding-bottom:20px;position:fixed;bottom:0;transform:translateY(100%);pointer-events:none;width:100%;background:#051028;z-index:1000;transition:transform .4s ease-out}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1d2537}.modal__body{position:relative}.modal__btn{border:none;background:none;color:#fff}.modal.shown{pointer-events:all;transform:translateY(0)}.modal__inner-overlay{position:absolute;height:100%;width:100%;background:linear-gradient(0deg,#05102880,#05102800 40%,#05102800 60%,#051028);z-index:10;pointer-events:none}