/*!
 * RiseupVPN to OpenVPN
 * 
 * author: sizeof(cat) <sizeofcat AT riseup DOT net> http://sizeof.cat
 * url: http://sizeof.cat/project/riseupvpn-to-openvpn/
 * copyright: 2023-2025
 * license: GPLv3
 * 
 *           o8o                                  .o88o.   .o                         .   o.   
 *           `"'                                  888 `"  .8'                       .o8   `8.  
 *  .oooo.o oooo    oooooooo  .ooooo.   .ooooo.  o888oo  .8'   .ooooo.   .oooo.   .o888oo  `8. 
 * d88(  "8 `888   d'""7d8P  d88' `88b d88' `88b  888    88   d88' `"Y8 `P  )88b    888     88 
 * `"Y88b.   888     .d8P'   888ooo888 888   888  888    88   888        .oP"888    888     88 
 * o.  )88b  888   .d8P'  .P 888    .o 888   888  888    `8.  888   .o8 d8(  888    888 .  .8' 
 * 8""888P' o888o d8888888P  `Y8bod8P' `Y8bod8P' o888o    `8. `Y8bod8P' `Y888""8o   "888" .8'  
 *                                                         `"                             "'   
 */

.ui-stage {
	border: 1px solid #ddd;
	padding: 20px;
	position: relative;
	display: none;
}

.ui-stage.active {
	display: block;
}

.ui-stage > .stage-title {
	position: absolute;
	top: -20px;
	background-color: #ddd;
	padding: 4px 20px;
	font-weight: 500;
	border: 0;
	color: #000;
}

.ui-stage .stage-message {
	display: none;
	padding: 0 10px;
	background-color: #005e63;
	color: #fefefe;
}

.ui-stage .stage-message > span {
	font-weight: 500;
}

.ui-stage .stage-message.error {
	background-color: #c90b00;
}