/* FAKE INTERACTIVE CSS */
.fake-interactive-container .fake-branch {
    display: none;
}
.fake-interactive-container[data-interactive-state="1"] .fake-branch:nth-of-type(2) {
    display: block;
}
.fake-interactive-container[data-interactive-state="2"] .fake-branch:nth-of-type(3) {
    display: block;
}
.fake-branch .fake-completion-popup {
    display: none;
}
.fake-branch[data-branch-state="0"] .fake-response-container {
    display: none;
}
.fake-branch[data-branch-state="0"] .fake-completion-popup {
    display: block
}
.fake-response-container {
    margin-top: 20px;
}
.fake-text-input {
    border: 1px black solid !important;
    margin-bottom: 15px;
    font-size: 15px;
}
.fake-completion-popup {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid;
}
.fake-interactive-container .click2-bn,
.fake-interactive-container .wp-block-button__link {
    padding: 6px 15px 8px 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--hp-fgcolor-1);
    border: 2px solid var(--hp-nav-hovercolor-1);
}
.fake-interactive-container .click2-bn.click-el-clicked,
.fake-interactive-container .wp-block-button__link.selected {
    background-color: var(--hp-fgcolor-4-30p);
}
.fake-interactive-container .click2-bn:hover,
.fake-interactive-container .wp-block-button__link:hover {
    border-width: 2px;
}
.fake-interactive-container .fake-interactive-response {
    opacity: 0;
    transition: opacity 300ms ease-in-out;
}
.fake-interactive-container[data-interactive-state="1"] .fake-interactive-response:nth-of-type(1) {
    opacity: 1;
}
.fake-interactive-container[data-interactive-state="2"] .fake-interactive-response:nth-of-type(2) {
    opacity: 1;
}
.fake-interactive-container[data-interactive-state="3"] .fake-interactive-response:nth-of-type(3) {
    opacity: 1;
}
.fake-boolean-container {
    border: 2px solid var(--hp-fgcolor-4);
    padding: 20px;
    border-radius: 20px;
    margin-top: 20px;
    position: relative;
}
.fake-boolean-container::before {
    content: "X";
    position: absolute;
    top: 20px;
    right: 20px;
}
.fake-boolean-prompt {
    padding-right: 50px;
    user-select: none;
}
.fake-boolean-popup {
    display: none;
}
.fake-boolean-prompt:hover + .fake-boolean-popup {
    position: absolute;
    display: block;
    background-color: #ffffffcc;
    top: 10px;
    left: 10px;
    right: 10px;
    padding: 20px;
    z-index: 4;
    pointer-events: none;
    border-radius: 12px;
}
.fake-boolean-response {
    display: none;
    margin-top: 30px;
}
.fake-boolean-branch[data-boolean-state="no"] .fake-boolean-response-false,
.fake-boolean-branch[data-boolean-state="yes"] .fake-boolean-response-true {
    display: block;
}