/* NAMESPACE */
:root{
    --toctoc-cta-offsetX:10px;
    --toctoc-app-offsetX:20px;
    --toctoc-cta-offsetY:10px;
    --toctoc-app-offsetY:100px;
}
._toctoc-namespace iframe {
    font-family: initial;
    font-size: 100%;
    font-style: normal;
    letter-spacing: normal;
    font-stretch: normal;
    font-variant: normal;
    font-weight: normal;
    text-align-last: initial;
    text-decoration: none;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    alignment-baseline: baseline;
    animation-play-state: running;
    backface-visibility: visible;
    background-color: transparent;
    background-image: none;
    baseline-shift: baseline;
    border: 0px none transparent;
    border-radius: 0px;
    bottom: auto;
    -webkit-box-decoration-break: slice;
    box-shadow: none;
    box-sizing: content-box;
    caption-side: top;
    clear: none;
    clip: auto;
    color: inherit;
    columns: auto auto;
    column-fill: balance;
    column-gap: normal;
    content: normal;
    counter-increment: none;
    counter-reset: none;
    cursor: auto;
    direction: ltr;
    display: inline;
    dominant-baseline: auto;
    empty-cells: show;
    float: none;
    height: auto;
    -webkit-hyphenate-character: auto;
    hyphens: manual;
    image-rendering: auto;
    left: auto;
    line-height: inherit;
    list-style: outside none disc;
    margin: 0px;
    max-height: none;
    max-width: none;
    min-height: 0px;
    min-width: 0px;
    opacity: 1;
    orphans: 2;
    outline-offset: 0px;
    overflow: visible;
    padding: 0px;
    page: auto;
    break-after: auto;
    break-before: auto;
    break-inside: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    pointer-events: auto;
    position: static;
    quotes: none;
    resize: none;
    right: auto;
    size: auto;
    table-layout: auto;
    top: auto;
    transform: none;
    transform-origin: 50% 50% 0px;
    transform-style: flat;
    unicode-bidi: normal;
    vertical-align: baseline;
    white-space: normal;
    widows: 2;
    width: auto;
    word-break: normal;
    word-spacing: normal;
    overflow-wrap: normal;
    z-index: auto;
    text-align: start;
    -webkit-font-smoothing: antialiased;
}

/* CTA */
#_toctoc-agent-cta {
    position: fixed;
    display: block;
    bottom: var(--toctoc-cta-offsetY);
    height: 80px;
    width: auto;
    z-index: 16777270;
    border: 0px;
    opacity: 1 !important;
}

#_toctoc-agent-cta.fullscreen.open {
    display: none !important;
}

#_toctoc-agent-cta:hover {
    opacity: 1 !important;
}

#_toctoc-agent-cta.left {
    left: var(--toctoc-cta-offsetX);
    right: auto;
}

#_toctoc-agent-cta.right {
    left: auto;
    right: var(--toctoc-cta-offsetX);
}

/* APP */
#_toctoc-agent-app {
    position: fixed;
    bottom: var(--toctoc-app-offsetY) !important;
    opacity: 0;
    height: calc(100% - var(--toctoc-app-offsetY) - 20px);
    max-height: 700px !important;
    width: 376px;
    overflow: hidden;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    border: 0px;
    border-radius: 8px;
    z-index: 2147483645!important;
}


#_toctoc-agent-app.left {
    left: var(--toctoc-app-offsetX);
    right: auto;
}

#_toctoc-agent-app.right {
    left: auto;
    right: var(--toctoc-app-offsetX);
}

#_toctoc-agent-app.show {
    animation-name: _toctoc-agent-show;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

#_toctoc-agent-app.hide {
    animation-name: _toctoc-agent-hide;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

#_toctoc-agent-app.fullscreen {
    height: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    border-radius: 0px;
    z-index: 16777269;
}

#_toctoc-agent-app.notify {
    bottom: var(--toctoc-app-offsetY) !important;
    border-radius: 8px !important;
    width: 320px !important;
    max-width: calc(100% - var(--toctoc-app-offsetX) - var(--toctoc-app-offsetX)) !important;
    height: 0px !important;
    top: auto !important;
}
#_toctoc-agent-app.notify.right {
    right: var(--toctoc-app-offsetX) !important;
}

#_toctoc-agent-app.notify.left {
    left: var(--toctoc-app-offsetX) !important;
}

@keyframes _toctoc-agent-show {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes _toctoc-agent-hide {
    from {
        transform: translateY(0px);
        opacity: 1;
    }
    to {
        transform: translateY(50px);
        opacity: 0;
    }
}

/* Small devices */
@media only screen and (max-width: 768px) {

    #_toctoc-agent-cta.open {
        display: none !important;
    }

    #_toctoc-agent-app {
        height: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        top: 0px !important;
        bottom: 0px !important;
        border-radius: 0px;
    }

    #_toctoc-agent-app.right {
        right: 0px;
    }

    #_toctoc-agent-app.left {
        left: 0px;
    }
}

/* Other device */
@media only screen and (min-width: 769px) {
    #_toctoc-agent-app {
        top: auto;
        left: auto;
    }
}