/* Pull-to-refresh indicator; only used in the installed app (see pull_to_refresh.js). */
html.ptr-enabled {
    /* Stop the browser's own overscroll handling so only one refresh gesture applies. */
    overscroll-behavior-y: contain;
}

.ptr-indicator {
    position: fixed;
    top: -2.5rem;
    left: 50%;
    z-index: 1040;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-card-bg);
    color: var(--color-accent);
    font-size: 1.4rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .2);
    transform: translateX(-50%);
    pointer-events: none;
}

.ptr-indicator.ptr-ready {
    color: var(--color-rss);
}

.ptr-indicator.ptr-loading {
    animation: ptr-spin .8s linear infinite;
}

@keyframes ptr-spin {
    to {
        rotate: 360deg;
    }
}