/**
 *  Magepilot
 *  https://magepilot.com
 *
 *  @author    Eero Kaan <info@magepilot.com>
 *  @copyright 2024 Magepilot
 */

.simplepopup__wrapper {display: none;}
.simplepopup__wrapper.is-open {display: block;}

.simplepopup__overlay {position: fixed; display: flex; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5);}
.simplepopup__payload {display: block; margin: 32px; padding: 32px; width: 512px; max-width: calc(100vw - 128px); max-height: calc(100vh - 128px); overflow-x: hidden; overflow-y: auto; border-radius: 4px; background-color: #FFF;}

.simplepopup__header {display: flex; margin: 0 0 24px 0; align-items: flex-start; justify-content: space-between;}
.simplepopup__header > span {margin: 0 16px 0 0; font-size: 1.5em; line-height: 24px;}
.simplepopup__header > button {padding: 0; border: 0; background-color: transparent;}
.simplepopup__header > button::before {content: "\2715";}

.simplepopup__content {display: block; margin: 0 0 16px 0; line-height: 24px; color: rgba(0, 0, 0, 0.8);}

.simplepopup__footer {display: flex; margin: 0; align-items: center; justify-content: flex-end;}
.simplepopup__footer .simplepopup__btn {display: block; margin: 0; padding: 8px 16px; font-size: 14px; line-height: 16px; font-weight: 600; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #CCC; border-radius: 3px; background-color: #EEE; cursor: pointer; transition: 300ms;}
.simplepopup__footer .simplepopup__btn:hover {background-color: #E1E1E1;}