*{
	color: #282828;
	font-family: "DotGothic16Regular", sans-serif;
	/*font-family: "MPLUSRounded1cRegular", sans-serif;*/
}
body{
	min-height: 100vh;
}
/* Global */
.toast-msg{
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	position: fixed;
	top: 1rem;
	right: 1rem;
	z-index: 9999;
	min-width: auto !important; /* remove Bootstrap’s fixed minimum */
	width: auto !important; /* let it shrink/expand with content */
	max-width: 100%; /* optional: prevent overflow */
}
.toast-success{ background: rgba(170, 204, 150, 0.8)!important; }
.toast-danger{ background: rgba(226, 150, 178, 0.8)!important; }
.toast-warning{ background: rgba(255, 234, 158, 0.8)!important; }

.logo-80{/* Footer */
	width: 80px;
	height: 80px;
}
.logo-100{/* Signup, Signin, Reset */
	width: 100px;
	height: 100px;
}
.logo-144{/* 404, No JS */
	height: 144px;
	width: 144px;
}
/* Signup */
.signup-wrapper{
	width: 58px;
	height: 58px;
	filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.15)); 
}
.signup-pfp{
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: path('M29,0 C5.8,0 0,5.8 0,29 C0,52.2 5.8,58 29,58 C52.2,58 58,52.2 58,29 C58,5.8 52.2,0 29,0 Z');
}
.signup-pfp-attach{
	display: flex; /* center icon */ justify-content: center; align-items: center;
	background: rgba(255,255,255,0.5)!important;
	border: 1px solid #282828;
	border-radius: 50%;
	bottom: -28% ;
	left: 85% ;
	width: 20px;
	height: 20px;
}
/* User page modal */
.user-pfp-wrapper-new{
	width: 144px;
	height: 144px;
	filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.15)); 
}
.user-pfp-new{
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: path('M72,0 C14.4,0 0,14.4 0,72 C0,129 14.4,144 72,144 C129,144 144,129 144,72 C144,14.4 129,0 72,0 Z');
}
.user-pfp-attach{
	display: flex; /* center icon */ justify-content: center; align-items: center;
	background: rgba(255,255,255,0.5)!important;
	border: 1px solid #282828;
	border-radius: 50%;
	bottom: -8% ;
	left: 84% ;
	width: 20px;
	height: 20px;
}
/* User page, Footer */
.user-pfp-wrapper{
	width: 144px;
	height: 144px;
	filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.15)); 
}
.user-pfp{
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: path('M72,0 C14.4,0 0,14.4 0,72 C0,129.6 14.4,144 72,144 C129.6,144 144,129.6 144,72 C144,14.4 129.6,0 72,0 Z');
}
.website-divisor{ border-top: 1px solid rgba(33, 33, 33, 0.50); }
.btn-account:hover,
.btn-account:active,
.btn-account:focus{
	background-color: transparent !important;
	color: #282828!important;
}
.btn-transparent{ position: relative; }
.btn-transparent::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: rgba(0, 0, 0, 0.60);
	transition: width 0.3s ease;
}
.btn-transparent:hover::after{ width: 100%; }
.btn-h{ height: calc(3.5rem + 2px); }/* Signup, Signin, Reset */
.btn-w{ width: 120px; }/* User page modal */
/* User signed in page */
.modal-user-share-head{ background-color: transparent !important; }
.modal-background{ background-color: #ffffff; }
.modal-user-share-custom-btn{
	background-color: #ffffff;
	height: 40px;
	width: 40px;
}
/*
.signup-overlay{
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	clip-path: path('M29,0 C5.8,0 0,5.8 0,29 C0,52.2 5.8,58 29,58 C52.2,58 58,52.2 58,29 C58,5.8 52.2,0 29,0 Z');
	opacity: 0.5;
}
.has-rounded-msg{
	border-radius: 12px;
	overflow: hidden;
}
.website-pfp-footer{
	height: 80px;
	width: 80px;
}
#error-messages{
	width: 68%;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
#error-messages::-webkit-scrollbar{ display: none; }
#error-messages{
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.form-signup-div{ width: 30%; }
*/