body.active-modal{overflow-y:hidden}#modal-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;z-index:1000}#default-modal{display:none;position:fixed;z-index:1001;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px}@media screen and (max-width: 580px){#default-modal{max-width:310px;width:100%}}#default-modal .default-modal-body{position:relative;max-width:456px;text-align:center}#default-modal .default-modal-body-close{position:absolute;top:0;right:0;width:24px;cursor:pointer}#default-modal .default-modal-body-close svg{width:100%}#default-modal .default-modal-body-close svg .fill-color{transition:.3s ease-in-out;fill:#8c8c8c}#default-modal .default-modal-body-close:hover svg .fill-color{fill:#000}#default-modal .default-modal-body-content svg{border-radius:50%;padding:8px;width:40px;margin:0 auto 20px}#default-modal .default-modal-body-content svg:nth-child(2){background:#34c759}#default-modal .default-modal-body-content svg:first-child{background:#b20}#default-modal .default-modal-body-content:not(.error) svg:first-child{display:none}#default-modal .default-modal-body-content.error svg:nth-child(2){display:none}#default-modal .default-modal-body-content .title{margin-bottom:8px}