.catalogue-status {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1200;
    max-width: calc(100vw - 2rem);
    padding: .75rem 1rem;
    border: 1px solid #dedede;
    border-radius: .5rem;
    background: #fff;
    color: #171717;
    box-shadow: 0 4px 20px #00000014;
    font: 500 .875rem/1.4 sans-serif;
    pointer-events: none;
}

.catalogue-status:empty { display: none; }

.catalogue-status.is-announcement {
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

[data-catalogue-results] {
    scroll-margin-top: 100px;
    transition: opacity 120ms ease;
}

[data-catalogue-results][aria-busy="true"] {
    opacity: .55;
}

.catalogue-pending .catalogue-status::before {
    content: "";
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .6rem;
    border: 2px solid #ddd;
    border-top-color: #171717;
    border-radius: 50%;
    vertical-align: -.1rem;
    animation: catalogue-spinner .7s linear infinite;
}

@keyframes catalogue-spinner { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    [data-catalogue-results] { transition: none; }
    .catalogue-pending .catalogue-status::before { animation: none; }
}