/* Prevent toolbar from causing horizontal scroll */
html, body {
    overflow-x: hidden;
}

#racecard-info-block.loading {
	opacity: 0.4;
	pointer-events: none;
	transition: opacity 0.2s;
	cursor: progress;
}

/* Skeleton shimmer animation */
@keyframes shimmer {
	0% {
		background-position: -1000px 0;
	}
	100% {
		background-position: 1000px 0;
	}
}


.skeleton {
	display: inline-block;
	height: 1em;
	min-width: 4ch;
	/*max-width: 300px;*/
	width: 100%;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer 3.5s infinite;
	border-radius: 4px;
}

.silk-img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    vertical-align: middle;
}

.runner-card {
	border-right:6px solid #cfb4f5;
}
/* show only on <768px */
.mobile-only-hr {
	display: block;
	/*margin-top:10px;*/
}
@media (min-width: 768px) {
  .mobile-only-hr { display: none; }
}

.spinner {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 8px;
    border: 2px solid #cfb4f5; /* base light purple */
    border-top: 2px solid #6f11f5 ; /* spinning blue */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.nr-background-class {
	background-color: #f6f6f6;
	border-right:6px solid #d3d3d3;
}

.finishing-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  font-size: 18px;
  color: #58585e;
  background: #f6f6f6;
  border-radius: 50%;
  position: relative;
  border: 1px dashed #58585e;
}

.mt-12 {
  margin-top: 12px !important
}
.mt-6 {
  margin-top: 6px !important
}