.cwa-discover-refresh:not(.is-disabled) {
cursor: pointer;
transition: color 0.18s ease, opacity 0.18s ease;
}
.cwa-discover-refresh:not(.is-disabled):hover {
color: #2f8f94;
}
.cwa-discover-refresh:not(.is-disabled):focus-visible {
outline: 3px solid rgba(77, 185, 189, 0.3);
outline-offset: 3px;
border-radius: 4px;
}
.cwa-discover-refresh.is-loading {
cursor: progress;
opacity: 0.76;
}
.cwa-discover-refresh.is-loading span {
display: inline-block;
animation: cwa-discover-spin 0.75s linear infinite;
}
.cwa-discover-grid {
transition: opacity 0.15s ease, transform 0.15s ease;
}
.cwa-discover-grid.is-refreshing {
opacity: 0;
transform: translateY(4px);
}
.cwa-discover-grid.is-entering {
opacity: 0;
transform: translateY(-4px);
}
.cwa-discover-status {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@keyframes cwa-discover-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.cwa-discover-refresh,
.cwa-discover-refresh span,
.cwa-discover-grid {
animation: none !important;
transition: none !important;
}
}