/* @import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities"; */

/* @import "pico.css";  */
/* @import 'simple.css'; */
/* @import 'chota.css'; */
/* @import 'mini-reset.css';   */
/* @import 'lit.css';  
@import 'util.css';  */

/* @import 'bonsai.css'; */
/* @import './bulma/bulma-no-dark-mode.min.css'; */
@import './bulma/bulma.min.css';

@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");

.logo {
	left: 0;
	position: absolute;
	top: 0;
	height: 75px;
	z-index: 9;
}

.flex-tags {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	align-content: space-between;
	justify-content: space-between;
}

.notification.is-danger.toastify {
	--bulma-notification-h: var(--bulma-danger-h);
	--bulma-notification-s: var(--bulma-danger-s);
	--bulma-notification-background-l: var(--bulma-danger-l);
	--bulma-notification-color-l: var(--bulma-danger-invert-l);
	background-color: hsl(var(--bulma-notification-h), var(--bulma-notification-s), var(--bulma-notification-background-l));
}

.modal-resizable.modal-resizable {
	width: 80vw;
}

.modal-background {
	--bulma-modal-background-background-color: hsla(var(--bulma-scheme-h), var(--bulma-scheme-s), var(--bulma-scheme-invert-l), 0.70);
}

/* LinSublim Bulma Tweaks */
.button.is-info,
.button.is-danger,
button.is-primary {
	--bulma-button-color-l: 99%;
}

.table.is-scrollable tbody,
.is-scrollable>tbody {
	overflow-y: scroll;
	width: auto;
	position: absolute;
	overflow-x: scroll;
}

.tr-bold td {
	font-weight: bold;
}

/* tagify */
.tagify__input .tagify__input {
	min-width: 80%;
}

.TinyMDE {
	min-height: 300px;
	border: 1px hsl(194, 86%, 47%) solid;
	border-radius: 5px;
}

/* @import 'halfmoon-variables.css'; */
/* @import "./suflet/modern-design-system.css"; */
/* .tag {
	padding: 4px;
	background: var(--element-bg);
} */

/* Chat Messages */
#messages {
	display: flex;
	flex-direction: column;
	height: 70vh;
	/* max-height: 80vh; */
	overflow-y: auto;
	scroll-snap-align: end;
	scroll-behavior: smooth;
}