@import "tailwindcss";

.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 1500ms infinite;
    animation: ellipsis steps(4, end) 1500ms infinite;
    content: '\2026';
    /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 40px;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 40px;
    }
}
.jspsych-content {
    max-width: 90%;
}

.object-moving-box {
    width: 3vw;
    height: 3vw;
}