.modal{position:fixed;left:0;top:0;z-index:1000;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;background-color:rgba(29,29,27,.65);overflow-y:auto}.modal.light{background-color:hsla(0,0%,100%,.45)}.modal.show{transform:translateY(0);opacity:1;pointer-events:auto;transition:all 0s ease-out 0s}.modal.show .modal-inner{opacity:1}.modal.hide{transform:translateY(100%);opacity:0;pointer-events:none;transition:all 0s ease-out 0s}.modal.hide .modal-inner{opacity:0}.modal.scroll{justify-content:flex-start}.modal.center{justify-content:center}.modal-inner{position:relative;width:60%;max-width:980px;min-width:620px;transition:all .35s ease-out .05s}.modal-close-btn{position:absolute;right:-48px;top:0;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#fff}.modal-close-btn .modal-close-btn-icon{width:24px;height:24px;fill:#222}.modal-close-btn:hover .modal-close-btn-icon{width:26px;height:26px}.alert{position:relative;align-self:center;justify-self:center;width:100%;max-width:420px}.alert .alert-body{align-items:center;width:100%;padding:12px;background-color:#fff}.alert .alert-body .alert-icon{width:32px;height:32px;margin-top:4px;margin-bottom:16px;fill:#222}.alert .alert-body h3{margin-bottom:4px;color:#1d1d1b}.alert .alert-body p{margin-bottom:16px;color:#222}.alert .alert-body .alert-button{width:100%}.loader{align-self:center;justify-self:center}.loader-gif{width:32px;height:32px}.modal-body{flex-direction:column;width:100%;padding:20px;background-color:#f4f5f4;box-shadow:0 0 15px rgba(29,29,27,.35)}@media (max-width:1080px){.modal{padding:16px}.modal-close-btn{right:4px;top:4px;z-index:9;background-color:#f4f5f4}}@media (max-width:991px){.modal{align-items:flex-start}.modal-inner{width:100%}}@media (max-width:768px){.modal-inner{min-width:280px}.modal-body{padding:8px}}