{{ block title }}
Demo of custom styles
{{ endblock }}
{{ block content }}
<style>
    .otree-timer {
        position: sticky;
        top: 0px;
    }

    .chat-widget {
        position: fixed;
        bottom: 0px;
        right: 0px;
        max-width: 50em;
        z-index: 100;
        background-color: #eee;
        padding: 1em;
    }

</style>

<p>
    Sticky timer and chat box in bottom-right corner.
</p>
<p>
    Sample text sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
</p>
<p>
    Sample text sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
</p>
<p>
    Sample text sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
</p>
<p>
    Sample text sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
</p>
<p>
    Sample text sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
</p>
<p>
    Sample text sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
    sample text sample text sample text sample text sample text sample text sample text sample text
</p>

<div class="chat-widget">
    <b>Chat with your group</b>
    {{ chat }}
</div>


{{ endblock }}