.skeleton {
	cursor: progress;
}

.skeleton-hide {
	display: none;
}

.skeleton-tab {
	min-height: var(--main-min-height);
}

.skeleton-text {
	color: transparent;
	position: relative;
	border-color: transparent !important; 
}

.skeleton-text::after {
	content: "";
  	background: 
    	linear-gradient(0.25turn, transparent, #fff, transparent),
    	linear-gradient(#eee, #eee);  
  	background-repeat: no-repeat;
  	background-size: 100% 100%, 100% 100%; 
  	background-position: -315px 0, 0 0; 
  	animation: loading 1.5s infinite;
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
}

.skeleton-field {
	padding: 8px 12px;
	border-radius: 4px;	
}

.skeleton-field::after {
	border-radius: 4px;
}

@keyframes loading {  
  to {
    background-position: 315px 0, 0 0;
  }
}