.bottom-sheet .indicator.danger {
	background-color: var(--bs-danger);
}

.bottom-sheet .indicator.warning {
	background-color: var(--bs-warning);
}

.bottom-sheet .indicator.info {
	background-color: var(--bs-info);
}

.bottom-sheet .indicator.green {
	background-color: var(--bs-green);
}

.bottom-sheet main header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1em;
}

.bottom-sheet .icon {
	width: 65px;
	height: 65px;
	display: block;
}

.icon.confirm {
	background-image: url("icons/icon-confirm.svg");
	background-size: cover ;
	background-blend-mode: color;
}

.icon.alert {
	background-image: url("icons/icon-notify-active.svg");
	background-size: cover ;
}

.icon.info {
	background-image: url("icons/icon-info.svg");
	background-size: cover ;
}

.icon.logo {
	background-image: url("icons/icon-logo.svg");
	background-size: cover;
	width: 100px;
	height: 100px;
}