.interact-bounce {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.interact-bounce:hover {
    --tw-scale-x: 103%;
    --tw-scale-y: 103%
}

.interact-bounce:active,.interact-bounce:hover {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.interact-bounce:active {
    --tw-scale-x: 98%;
    --tw-scale-y: 98%
}

.comma-separated-list li:not(:last-child) {
    position: relative;
}

.comma-separated-list li:not(:last-child)::after {
    content: ", ";
    position: absolute;
    right: -5px;
}

.border-transparent {
    border-color: transparent;
}

.fs-extra-small {
    font-size: 0.75rem;
}

.login {
    font-family: "Helvetica", sans-serif !important;
}

.loading-indicator {
    display:none;
}
.htmx-request .loading-indicator {
    display:block;
}
.htmx-request.loading-indicator {
    display:block;
}

.greetings-bar {
    padding: 8px 1.5rem;
}