/* Direct stylesheet authoring is an advanced feature. Knowledge of CSS required.*/

.psc-x1 { transition: all .2s ease-in-out; }
.psc-x1:hover { transform: scale(1.5) !important;  z-index: 5;}


.psc-x2 { transition: all .2s ease-in-out; }
.psc-x2:hover { transform: scale(2) !important;  z-index: 5;}

.psc-x3 { transition: all .2s ease-in-out; }
.psc-x3:hover { transform: scale(3) !important;  z-index: 5;}

/* Set the styling for the Table component checkbox colour.*/
.ia_tableComponent[data-component="ia.display.table"] .ia_checkbox__checkedIcon {
    color: black;
}
.ia_tableComponent[data-component="ia.display.table"] .ia_checkbox__uncheckedIcon {
    color: black;
}

div[data-component="ia.input.fileupload"] .ia_button--primary {
    background-color: var(--neutral-30);
    border-style: None;
    color: black;
    border-radius:20px;
}


/* Help page styles */

.psc-background:hover { 
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: box-shadow 0.9s ease-in-out;
}

.psc-background-none { 
	box-shadow: 0 0px 0px 0 , 0 0px 0px 0;
	transition: box-shadow 0.9s ease-in-out;
}

@keyframes fadeIn{
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.psc-FadeInFast {
	animation: fadeIn 2s;
}

.psc-FadeInMedium {
	animation: fadeIn 4s;
}

.psc-FadeInSlow {
	animation: fadeIn 6s;
}


@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.psc-rotate {
  animation: rotation 2s infinite linear;
}