/*--------------------------------------------------------------------------*\
    Disable element (form generally)
\*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*\
        Loading animation on parent
\*--------------------------------------------------------------------------*/

.is-disabled{
	/*box*/
	position:relative;
	opacity:0.5 !important;
	cursor:wait !important;
}

.is-disabled::after {
	/*box*/
	position: absolute;
	top: 0px;
	height: 5px;
	width: 100%;

	/*background*/
	background-color: var(--c-cta-2);

	/*text*/
	content: '';

	/*animation*/
	animation: loading 1s infinite;
	-webkit-animation: loading 1s infinite;
	-ms-animation: loading 1s infinite;
}

/*--------------------------------------------------------------------------*\
        Disabled impact on children on children
\*--------------------------------------------------------------------------*/

/* All items of "is-disabled" parent are disabled */
.is-disabled>*:not(:has(.btn)) {
    /*text*/
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}