/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../node_modules/.pnpm/tippy.js@6.3.7_patch_hash=9222309d05de36d657352749c54e80598df679f1e271a9c9bc3e7e979a82e4f6/node_modules/tippy.js/dist/tippy.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.14_typescript@6.0.3_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./styles/portico/email_log.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/

    #dev-email-log-container .dev-email-log-header {
        position: fixed;
        font-family: sans-serif;
        font-size: 14px;
    }
#dev-email-log-container .dev-email-log-header,#dev-email-log-container .dev-forward-email-alert {
        padding: 10px;
        border: 1px solid hsl(190deg 65% 84%);
        border-radius: 4px;
        background-color: hsl(200deg 65% 91%);
        color: hsl(200deg 50% 45%);
    }
#dev-email-log-container .dev-email-log-actions a,#dev-email-log-container .dev-forward-email-alert a {
            color: hsl(200deg 50% 45%);
        }
#dev-email-log-container .dev-email-log-actions a:hover,#dev-email-log-container .dev-forward-email-alert a:hover {
                color: hsl(200deg 56% 33%);
            }
#dev-email-log-container .dev-email-log-actions {
        padding-bottom: 5px;
    }
#dev-email-log-container .dev-email-log-text-only {
        text-align: right;
    }
#dev-email-log-container .dev-email-log-content {
        padding-top: 100px;
        max-width: 1000px;
    }
#dev-email-log-container .dev-email-log-content h4 {
            color: hsl(0deg 0% 20%);
            margin: 2px 10px;
        }
#dev-email-log-container .dev-email-log-content .email-text,#dev-email-log-container .dev-email-log-content .email-html {
            margin: 10px;
        }
#dev-email-log-container .dev-email-log-content .email-text pre {
            font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
            color: hsl(0deg 0% 20%);
            display: block;
            padding: 9.5px;
            margin: 0 0 10px;
            font-size: 13px;
            line-height: 20px;
            word-break: break-all;
            overflow-wrap: break-word;
            white-space: pre-wrap;
            background-color: hsl(0deg 0% 96%);
            border: 1px solid hsl(0deg 0% 75%);
            border-radius: 4px;
        }
#dev-email-log-container #smtp_form_status,#dev-email-log-container .hide {
        display: none;
    }
#dev-email-log-container #forward_email_modal .modal__content label {
            font-size: 1rem;
            display: block;
            cursor: pointer;
        }
#dev-email-log-container #forward_email_modal #forward_address_sections,#dev-email-log-container #forward_email_modal .dev-forward-email-alert {
            margin: 5px 0;
        }
#dev-email-log-container #forward_email_modal label.radio {
            padding-left: 20px;
        }
#dev-email-log-container #forward_email_modal input[type="radio"] {
            float: left;
            width: auto;
            cursor: pointer;
            margin: -4px 0 0 -20px;
            line-height: normal;
        }
#dev-email-log-container #forward_email_modal input[type="radio"]:focus {
                outline: 1px dotted hsl(0deg 0% 20%);
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px;
            }
#dev-email-log-container #forward_email_modal input[type="text"] {
            padding: 4px 6px;
            color: hsl(0deg 0% 33%);
            border-radius: 4px;
            border: 1px solid hsl(0deg 0% 80%);
            box-shadow: inset 0 1px 1px hsl(0deg 0% 0% / 7.5%);
            transition:
                border-color linear 0.2s,
                box-shadow linear 0.2s;
            margin-bottom: 10px;
            width: 206px;
        }
#dev-email-log-container #forward_email_modal input[type="text"]:focus {
                border-color: hsl(206deg 80% 62% / 80%);
                outline: 0;
                box-shadow:
                    inset 0 1px 1px hsl(0deg 0% 0% / 7.5%),
                    0 0 8px hsl(206deg 80% 62% / 60%);
            }
#dev-email-log-container input[type="checkbox"] {
        width: auto;
        cursor: pointer;
    }
#dev-email-log-container input[type="checkbox"]:focus {
            outline: 1px dotted hsl(0deg 0% 20%);
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }


/*# sourceMappingURL=dev-email-log.css.map*/