.spinner-wrapper {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.onecup-load-progress,
.onecup-initial-progress {
  background: rgba(16, 184, 232, 0.18);
  height: 3px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}

.onecup-initial-progress { display: none; }
html.onecup-vue-pending .onecup-initial-progress,
html.onecup-data-pending .onecup-initial-progress { display: block; }
html.onecup-vue-pending #content,
html.onecup-data-pending #content { pointer-events: none; visibility: hidden; }

.onecup-load-progress__bar {
  animation: onecup-load-progress 1.2s cubic-bezier(.2, .65, .3, 1) forwards;
  background: #10b8e8;
  box-shadow: 0 0 6px rgba(16, 184, 232, 0.55);
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  width: 100%;
}

@keyframes onecup-load-progress {
  0% { transform: scaleX(0); }
  55% { transform: scaleX(.72); }
  82% { transform: scaleX(.92); }
  100% { transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .onecup-load-progress__bar { animation-duration: .01ms; }
}

[v-cloak] { display: none !important; }
.onecup-read-view .onecup-empty-field,
.onecup-read-view .onecup-empty-section { display: none !important; }