.cogno-loading-mark {
  position: relative;
  display: block;
  flex: none;
  width: 72px;
  height: 72px;
  overflow: hidden;
  color: var(--text-secondary, var(--startup-icon-color, #a0a0a0));
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cg%20transform%3D%22translate%280%2C300%29%20scale%280.05%2C-0.05%29%22%3E%3Cpath%20d%3D%22M3186%205510%20c391%20-102%20596%20-368%20633%20-825%2036%20-439%20311%20-751%20712%20-807%2071%20-10%20188%20-26%20261%20-37%20914%20-128%20919%20-1454%205%20-1623%20-506%20-93%20-904%20261%20-956%20850%20-74%20827%20-1047%201112%20-1542%20453%20-99%20-131%20-136%20-250%20-158%20-498%20-95%20-1091%20-1631%20-1085%20-1631%207%200%20494%20284%20779%20827%20829%20497%2047%20782%20333%20825%20830%2052%20599%20499%20958%201024%20821z%22%2F%3E%3Cpath%20d%3D%22M3352%202091%20c720%20-355%20567%20-1407%20-227%20-1555%20-626%20-116%20-1154%20590%20-871%201165%20207%20420%20690%20591%201098%20390z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20300%22%3E%3Cg%20transform%3D%22translate%280%2C300%29%20scale%280.05%2C-0.05%29%22%3E%3Cpath%20d%3D%22M3186%205510%20c391%20-102%20596%20-368%20633%20-825%2036%20-439%20311%20-751%20712%20-807%2071%20-10%20188%20-26%20261%20-37%20914%20-128%20919%20-1454%205%20-1623%20-506%20-93%20-904%20261%20-956%20850%20-74%20827%20-1047%201112%20-1542%20453%20-99%20-131%20-136%20-250%20-158%20-498%20-95%20-1091%20-1631%20-1085%20-1631%207%200%20494%20284%20779%20827%20829%20497%2047%20782%20333%20825%20830%2052%20599%20499%20958%201024%20821z%22%2F%3E%3Cpath%20d%3D%22M3352%202091%20c720%20-355%20567%20-1407%20-227%20-1555%20-626%20-116%20-1154%20590%20-871%201165%20207%20420%20690%20591%201098%20390z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A") center / contain no-repeat;
}
.cogno-loading-delayed {
  opacity: 0;
  animation: cogno-loader-reveal 140ms ease-out 180ms forwards;
}
.cogno-loading-mark::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 25%, rgb(255 255 255 / 35%) 50%, transparent 75%);
  transform: translateX(-100%);
  animation: cogno-mark-shimmer 2.4s ease-in-out infinite;
  animation-delay: var(--cogno-shimmer-delay, 0ms);
}
@keyframes cogno-mark-shimmer {
  0%, 15% { transform: translateX(-100%); }
  85%, 100% { transform: translateX(100%); }
}
@keyframes cogno-loader-reveal {
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cogno-loading-delayed {
    animation-duration: 0.001ms;
  }
  .cogno-loading-mark::after {
    animation: none;
    display: none;
  }
}