:root {    
    /* Tints (lighter than the base) */
    --nemtilmeld-colors-teal-50:  #dde7e5;
    --nemtilmeld-colors-teal-100: #bcd6d1;
    
    --nemtilmeld-colors-teal-200: #9ac2ba;
    --nemtilmeld-colors-teal-300: #7faba3;
    --nemtilmeld-colors-teal-400: #598d86;

    /* Primary / base */
    --nemtilmeld-colors-teal-500: #38756d;

    /* Shades (darker than the base) */
    --nemtilmeld-colors-teal-600: #2a5751;
    
    --nemtilmeld-colors-teal-700: #1f403b;
    
    /* Generated shades */
    --nemtilmeld-colors-teal-800: #112825; 
    --nemtilmeld-colors-teal-900: #061311;
    --nemtilmeld-colors-teal-950: #010302;
}

span.language_token_not_found {
    color:red;
}

pre.debug_output {
    text-align:left;
}

textarea-input-counter {
    display: block;
    text-align: right;
    margin-top: 0.25rem;
    padding-right: 0.25rem;
    line-height: 100%;
}

.waiting {
    position: relative;
    min-height: 128px;

    &::after {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	backdrop-filter: blur(4px);
	background-size: 24px;
	transition: all 0.2s ease-in-out;
	background-repeat: no-repeat;
	background-image: url('/system/application/views/ar/common/assets/img/loading.gif');
	background-position: center;
}