@charset "utf-8";

body.modal-open { overflow: hidden; }

.wp-modal { z-index: 10000; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.75); overflow: auto; }

.wp-modal > .wp-modal-wrapper-outer { display: flex; height: 100%; }

.wp-modal > .wp-modal-wrapper-outer > .wp-modal-wrapper-inner { margin: auto; max-height: 100%; display: flex; flex-direction: column; }

.wp-modal > .wp-modal-wrapper-outer > .wp-modal-wrapper-inner > .wp-modal-block { display: flex; flex-direction: column; max-width: 30em; max-height: 50em; border: 1px solid rgb(224, 224, 224); border-radius: 2px; box-shadow: black 0px 0.2em 2em; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); margin: 1em; }

.wp-modal-block > .wp-modal-title { border-bottom: 2px solid rgb(16, 172, 255); color: rgb(16, 172, 255); padding: 0.7em 0.6em; line-height: 1.2em; font-size: 125%; flex-shrink: 0; display: flex; flex-direction: row; align-items: center; }

.wp-modal-title > .wp-modal-title-icon { background-size: 2em 2em; background-position: 50% 50%; background-repeat: no-repeat; width: 2em; height: 2em; flex-shrink: 0; flex-grow: 0; margin-right: 0.7em; }

.wp-modal-title > .wp-modal-title-text { flex-grow: 1; }

wp-modal-block > .wp-modal-content { overflow: auto; }

.wp-modal-content > .wp-modal-text { padding: 0.7em 0.6em; }

.wp-modal-block > .wp-modal-buttons { flex-shrink: 0; display: flex; flex-direction: row; border-top: 1px solid rgb(224, 224, 224); }

.wp-modal-buttons > .wp-modal-button { flex: 1 1 0%; border-right: 1px solid rgb(224, 224, 224); cursor: pointer; font-weight: normal; line-height: 1.2em; padding: 0.7em 0.6em; text-align: center; vertical-align: middle; white-space: nowrap; }

.wp-modal-buttons > .wp-modal-button:hover { background-color: rgb(240, 240, 240); }

.wp-modal-buttons > .wp-modal-button:last-child { border-right: 0px; }

.wp-popup { position: absolute; inset: 0px; font-family: arial; text-align: center; padding-left: 10px; padding-right: 10px; }

.wp-popup .wp-popup-content { display: flex; flex-flow: column; justify-content: center; align-items: center; height: 100%; margin: 0px auto; max-width: 350px; min-width: 231px; }

.wp-popup .wp-popup-title { font: bold 18px arial; margin-bottom: 12px; }

.wp-popup .wp-popup-message { font: 15px arial; color: rgb(119, 119, 119); margin-bottom: 25px; }

.wp-popup .wp-popup-example { background-color: rgb(255, 255, 255); height: 80px; box-shadow: rgb(136, 136, 136) 0px 0px 20px; margin-bottom: 20px; flex-flow: row; display: flex; align-self: stretch; }

.wp-popup .wp-popup-example .wp-popup-icon { flex: 0 0 80px; width: 80px; height: 80px; background-color: rgb(239, 239, 239); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }

.wp-popup #logo.wp-popup-icon { background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }

.wp-popup .wp-popup-example-text { text-align: left; flex: 1 1 auto; padding: 10px 17px 8px; display: flex; flex-flow: column; }

.wp-popup .wp-popup-example-text > div { flex: 0 1 auto; }

.wp-popup .wp-popup-example-text .wp-popup-example-title { font: 13px arial; color: rgb(60, 60, 60); margin-bottom: 5px; }

.wp-popup .wp-popup-example-text .wp-popup-example-message { flex-grow: 1; font: 12px arial; color: rgb(60, 60, 60); }

.wp-popup .wp-popup-example-text .wp-popup-example-url { font: 10px arial; color: rgb(157, 157, 157); }

.wp-popup .wp-popup-disclaimer { font: italic 10px arial; color: rgb(176, 176, 176); }

.wp-popup .wp-popup-buttons { padding: 20px; }

.wp-popup .wp-popup-buttons .wp-popup-negative-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; color: rgb(119, 119, 119); text-decoration: underline; padding: 15px; font-size: 12px; cursor: pointer; }

.wp-popup .wp-popup-buttons .wp-popup-positive-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgb(26, 115, 232); color: white; font-weight: bold; text-decoration: none; border-radius: 5px; padding: 15px; cursor: pointer; font-size: 20px; }