.AHBN{
	position: fixed;
	display: flex;
	transition: 1s;
	font-family: "Hack";
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#AHBN_TL{
	top: 0px;
	left: 0px;
	flex-direction: column;
	padding-top: 4vmin;
}
#AHBN_TC{
	top: 0px;
	left: 0px;
	flex-direction: column;
	padding-top: 4vmin;
}
#AHBN_TR{
	top: 0px;
	right: 0px;
	flex-direction: column;
	padding-top: 4vmin;
}
#AHBN_CL{
	top: 0px;
	left: 0px;
	flex-direction: column;
	padding-top: 4vmin;
}
#AHBN_CC{
	top: 0px;
	left: 0px;
	flex-direction: column;
	padding-top: 4vmin;
}
#AHBN_CR{
	top: 0px;
	left: 0px;
	flex-direction: column;
	padding-top: 4vmin;
}
#AHBN_BL{
	bottom: 0px;
	left: 0px;
	flex-direction: column-reverse;
	padding-top: 4vmin;
}
#AHBN_BC{
	bottom: 0px;
	left: 0px;
	flex-direction: column-reverse;
	padding-top: 4vmin;
}
#AHBN_BR{
	bottom: 0px;
	right: 0px;
	flex-direction: column-reverse;
	padding-top: 4vmin;
}


/* width */
.AHBN_sN div:nth-child(2)::-webkit-scrollbar{
	width: 10px;
}

/* Track */
.AHBN_sN div:nth-child(2)::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 100vh;
}

/* Handle */
.AHBN_sN div:nth-child(2)::-webkit-scrollbar-thumb {
	background: #cadfa1;
	border-radius: 100vh;
	cursor: pointer;
}

/* Handle on hover */
.AHBN_sN div:nth-child(2)::-webkit-scrollbar-thumb:hover {
	background: #546b25;
	cursor: pointer;
}
.AHBN_sN div:nth-child(2)::-moz-scrollbar-track{
	background-color: #f1f1f1;
	border-radius: 100vh;
}
.AHBN_sN div:nth-child(2)::-moz-scrollbar-thumb{
	background-color: #cadfa1;
	border-radius: 100vh;
	cursor: pointer;
}
.AHBN_sN div:nth-child(2)::-moz-scrollbar-thumb:hover{
	background-color: #546b25;
	cursor: pointer;
}


.AHBN_sN_default{
	color:#6a6a6a;
	background-color: #fff;
}

.AHBN_sN_default div:first-child {
	color: #ffffff;
	background-color: #5a5a5a;

}

.AHBN_sN_default div:nth-child(3) {
	background-color: #5a5a5a;
}

.AHBN_sN_info {
	background-color: #ddfdff;
	color: #2f2f2f;
}

.AHBN_sN_info div:first-child {
	background-color: #0079b1;
	color: #ffffff;

}

.AHBN_sN_info div:nth-child(3) {
	background-color: #00adad;
}

.AHBN_sN_error {
	background-color: #ffe6e6;
	color: #313131;
}

.AHBN_sN_error div:first-child {
	background-color: #c40000;
	color: #ffffff;

}

.AHBN_sN_error div:nth-child(3) {
	background-color: #ff9696;
}

.AHBN_sN_success {
	color: #313131;
	background-color: rgb(247, 255, 219);
}

.AHBN_sN_success div:first-child {
	color:#FFF;
	background-color: #516800;

}

.AHBN_sN_success div:nth-child(3) {
	background-color: #95cc1d;
}

.AHBN_sN_warning {
	color: #313131;
	background-color: #ffe6c7;
}

.AHBN_sN_warning div:first-child {
	color: #ffffff;
	background-color: #d37400;
}

.AHBN_sN_warning div:nth-child(3) {
	background-color: #c98d40;
}

#AHBNM_close{
	display: flex;
	justify-content: end;
}

#AHBNM_closeB{
	padding: 1.5vmin;
	font-size: 2.2vmin;
	cursor: pointer;
}


#AHBNM_iconBorder{
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100vmin;
	overflow: hidden;
}

#AHBNM_icon{
	font-family: "Emojis";
	text-align: center;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

#AHBNM_title{
	font-family: "Hack";
	text-wrap: balance;
	padding: 0vh 10%;
	font-weight: bold;
	text-align: center;
	pointer-events: none;
	color: #4b4b4b;
}
#AHBNM_content{
	padding: 1vh 1vw;
	font-family: 'Hack';
}

#AHBNM{
	background: #c7f90000;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100vw;
	height: 100vh;
	z-index: 200;
	transition: 0.4s;
	opacity: 0;
}
.AHBNM_success{
	background: #c6f90036!important;
}
.AHBNM_error{
	background: #f900001c!important;
}
.AHBNM_warning{
	background: #f9b70029!important;
}
.AHBNM_info{
	background: #00bff924!important;
}
.AHBNM_transp{
	background: #ffffff00!important;
}
.AHBN_Blur{
	backdrop-filter: blur(0.5vh)!important;
}
#AHBNMInset{
	background: #fff;
	position: fixed;
	top: 15vh;
	left: 25vw;
	width: 50vw;
	height: 70vh;
	z-index: 201;
	border-radius: 1vmin;
	border: solid #c9c9c9 0.3vh;
	transition: 0.4s;
	transform: scale(5);
	overflow-x: hidden;
	overflow-y: hidden;
	opacity: 0;
	font-family: "Hack";
}
#AHBNM_LaInfo{
	overflow-x: hidden;
	height: calc(100% - 5.2vmin);
	scrollbar-width: thin;
	scrollbar-color: #cadfa1 #f1f1f1;
}

/* width */
#AHBNM_LaInfo::-webkit-scrollbar{
	width: 10px;
}

/* Track */
#AHBNM_LaInfo::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 100vh;
}

/* Handle */
#AHBNM_LaInfo::-webkit-scrollbar-thumb {
	background: #cadfa1;
	border-radius: 100vh;
	cursor: pointer;
}

/* Handle on hover */
#AHBNM_LaInfo::-webkit-scrollbar-thumb:hover {
	background: #546b25;
	cursor: pointer;
}
#AHBNM_LaInfo::-moz-scrollbar-track{
	background-color: #f1f1f1;
	border-radius: 100vh;
}
#AHBNM_LaInfo::-moz-scrollbar-thumb{
	background-color: #cadfa1;
	border-radius: 100vh;
	cursor: pointer;
}
#AHBNM_LaInfo::-moz-scrollbar-thumb:hover{
	background-color: #546b25;
	cursor: pointer;
}

#AHBNM_content{
	overflow-x: hidden;
	scrollbar-width: thin;
	scrollbar-color: #cadfa1 #f1f1f1;
}
#AHBNM_BarTimer{
	height: 1vmin;
    background: #FFF;
}
#AHBNM_BarTimer >div{
	background: #cecece;
    height: 1vmin;
    width: 100%;
    transition: 1s;
}

/* width */
#AHBNM_content::-webkit-scrollbar{
	width: 10px;
}

/* Track */
#AHBNM_content::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 100vh;
}

/* Handle */
#AHBNM_content::-webkit-scrollbar-thumb {
	background: #cadfa1;
	border-radius: 100vh;
	cursor: pointer;
}

/* Handle on hover */
#AHBNM_content::-webkit-scrollbar-thumb:hover {
	background: #546b25;
	cursor: pointer;
}
#AHBNM_content::-moz-scrollbar-track{
	background-color: #f1f1f1;
	border-radius: 100vh;
}
#AHBNM_content::-moz-scrollbar-thumb{
	background-color: #cadfa1;
	border-radius: 100vh;
	cursor: pointer;
}
#AHBNM_content::-moz-scrollbar-thumb:hover{
	background-color: #546b25;
	cursor: pointer;
}

.AHBN_icon_anim_RY{
	animation: AHBN_icon_anim_kf_RY 0.8s ease-in-out;
	animation-iteration-count: 1;
}
@keyframes AHBN_icon_anim_kf_RY {
	0% {
		transform: rotateY(0deg);
	}
	100% {
	  transform: rotateY(360deg); /* 2 vueltas completas */
	}
}

.AHBN_icon_anim_RX{
	animation: AHBN_icon_anim_kf_RX 0.8s ease-in-out;
	animation-iteration-count: 1;
}
@keyframes AHBN_icon_anim_kf_RX {
	0% {
		transform: rotateX(0deg);
	}
	100% {
	  transform: rotateX(360deg); /* 2 vueltas completas */
	}
}

.AHBN_icon_anim_RZ{
	animation: AHBN_icon_anim_kf_RZ 0.8s ease-in-out;
	animation-iteration-count: 1;
}
@keyframes AHBN_icon_anim_kf_RZ {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
	  transform: rotateZ(360deg); /* 2 vueltas completas */
	}
}

.AHBN_icon_anim_mRZ{
	animation: AHBN_icon_anim_kf_mRZ 0.8s ease-in-out;
	animation-iteration-count: 1;
}
@keyframes AHBN_icon_anim_kf_mRZ {
	0% {
		transform: rotateZ(0deg);
	}
	100% {
	  transform: rotateZ(-360deg); /* 2 vueltas completas */
	}
}

@media (orientation: portrait){
	#AHBNM_title{
		font-size: 5vmin;
		padding-top: 2vmin;
		padding-bottom: 4vmin;
	}
	
	#AHBNM_iconBorder{
		width: 14vmin;
		height: 14vmin;
	}
	
	#AHBNM_icon{
		font-size: 12vmin;
	}
}
@media (orientation: landscape){
	.AHBN_sN{
		cursor: pointer;
		border-radius: 1vmin;
		margin: 1vh 2ch;
		opacity: 0;
		transition: 0.2s;
		margin-bottom: -20vh;
		font-family: 'Hack';
		font-size: 3vh;
		width: 22ch;
	}
	.AHBN_sN div:first-child{
		font-size: 3vh;
		font-weight: bold;
		padding: 1vh 1ch;
		border-top-left-radius: 1vmin;
		border-top-right-radius: 1vmin;
		font-family: 'Hack';
		width: 20ch;
		max-width: 20ch;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; 
	}
	.AHBN_sN div:nth-child(2) {
		scrollbar-width: thin;
		scrollbar-color: #cadfa1 #f1f1f1;
		font-size: 2.8vh;
		padding: 1vh 1vw;
		font-family: 'Hack';
		width: 100%;
		max-width: 20ch;
		max-height: 25vh;
		text-align: center;
		overflow-x: hidden;
		overflow-y: auto;
		text-overflow: ellipsis;
	}
	.AHBN_sN div:nth-child(3){
		height: 1vh;
		border-radius: 2vh;
		transition: 1s;
		width: 100%;
	}

	#AHBNM_title{
		font-size: 3.5vmin;
		padding-top: 1vmin;
		padding-bottom: 3vmin;
	}

	#AHBNM_iconBorder{
		width: 10vmin;
		height: 10vmin;
	}
	
	#AHBNM_icon{
		font-size: 8vmin;
		
	}
}