.section.account .boxes .box {
	position: relative;
	text-align: center;
	padding: 1rem;
	transition: 0ms;
	overflow: unset;
}

.section.account .boxes .box .icon svg {
	width: 90%;
	max-height: 100px;
	margin-bottom: 2rem;
	transition: var(--transition-global);
}

.section.account .boxes .box .title {
	font-size: 1.5rem;
	margin-bottom: .25rem;
}

.section.account .boxes .box *:not(.title):not(.description):not(svg) {
	transition: 0ms;
}

.section.account .boxes .box:hover {

}

.section.account .boxes .box:hover svg {
	fill: var(--color-hover);
}

.section.account .boxes .box .notification-tiny {
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	text-align: center;
	line-height: 2rem;
	transform: translate(25%,-25%);
	color: #FFF;
}

.section.account .boxes .box .notification-tiny .tooltip {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #FFF;
	box-shadow: var(--shadow-default);
	color: var(--color-default);
	width: auto;
	white-space: nowrap;
	transform: translateY(-120%);
	padding: .5rem 1rem;
	border-radius: var(--border-radius-default);
	opacity: 0;
	pointer-events: none;
	transition: var(--transition-global) !important;
}

.section.account .boxes .box .notification-tiny:hover .tooltip {
	opacity: 1;
}

.section.account .boxes .box .notification-tiny.warning {
	background-color: var(--color-error);
}

.section.account .boxes .box .notification-tiny.success {
	background-color: var(--color-success);
}