:root{
	--app-bar-size: 4rem;
	--bottom-bar-size: 3rem;
	--xbar-item-size: 6rem;
	--xbar-inner-bg-color: #00000050;
	--post-user-bar-height: 2.5rem;
	--post-bottom-bar-height: 2rem;
	--main-box-shadow-color: #000000AA;
	--md-icon-font: Material Symbols Rounded;
	--screen-transition-duration: 0.45s;
	--screen-transition-top-distance: 40vh;
	--chat-container-bg: #00000080;
	--app-top-color: #31263b;
	--app-bottom-color: #31263b;
	--md-sys-color-surface-bright: #31263b;
	--md-sys-color-surface-container: #1e1625;
	--md-sys-color-surface-high: #4a375a;
	--chat-container-input-bg: #000000E0;
	--chat-action-color: #6d5c7e;
	--chat-dialogue-color: #fff;
	--chat-sound-color: #b385c5;
	--chat-from-user-bgcolor: #000000bb;
	--chat-from-bot-bgcolor: #000000bb;
	--app-text-color: #ffffff;
	--app-bar-title-color: #ffffff;
	--notifications-item-bg: var(--app-top-color);
	--notifications-item-color: #fff;
}
@font-face {
	font-family: visa_title;
	src: url(/internal/fonts/visa_font.ttf);
}
*::-webkit-scrollbar {
  width: 0.15rem;
  height: 0.15rem;
}
*::-webkit-scrollbar-track {
  background: #f1f1f1;
}
*::-webkit-scrollbar-thumb {
  background: #888;
}
*::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body{
	display: flex;
	margin: 0;
	padding: 0;
	color: var(--app-text-color);
	background-color: var(--md-sys-color-surface-bright);
	flex-wrap: wrap;
	font-family: Roboto;
	user-select: none;
	height: 100%;
	overflow: hidden;
}
input, textarea {
	-webkit-user-select: auto;
	user-select: auto;
}
a{
	color: var(--app-text-color);
}
space{
	width: 100%;
	height: 1.5rem;
	min-height: 1.5rem;
	max-height: 1.5rem;
	display: block;
}
appbar{
	display: flex;
	min-width: -webkit-fill-available;
	height: var(--app-bar-size);
	background-color: var(--md-sys-color-surface-bright);
	box-shadow: 0px 0px 10px var(--main-box-shadow-color);
	z-index: 5;
}
bottombar{
	min-width: -webkit-fill-available;
	height: var(--bottom-bar-size);
	background-color: var(--md-sys-color-surface-bright);
	box-shadow: 0px 0px 10px var(--main-box-shadow-color);
	z-index: 5;
}
screen{
	display: flex;
	flex: 1;
	min-width: 100%;
	height: 100%;
	max-height: calc(100% - var(--app-bar-size) - var(--bottom-bar-size));
	overflow-y: auto;
	overflow-x: hidden;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: var(--md-sys-color-surface-container);
}
:root [tuto-over]{
	z-index:102;
}
:root [tuto-neutral]{
	z-index:auto;
	pointer-events: none;
}
:root [hidden]{
	visibility: hidden;
}
:root [overflow-y]{
	overflow-y: auto;
}
:root [overflow-x]{
	overflow-x: auto;
}
:root [hide]{
	display: none;
}
:root [fill-w], :root [fill-x]{
	width: 100%;
}
:root [fill-h], :root [fill-y]{
	height: 100%;
}
:root [text-lightgreen]{
	color: lightgreen;
}
:root [text-green]{
	color: green;
}
:root [text-gold]{
	color: gold;
}
:root [text-red]{
	color: red;
}
:root [screen-page]{
	visibility: hidden;
	display: none;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	position: absolute;
	top: var(--app-bar-size);
	bottom: var(--bottom-bar-size);
	height: -webkit-fill-available;
	overflow-y: auto;
	z-index: 2;
	background-color: var(--md-sys-color-surface-container);
}
:root [active-page]{
	visibility: visible;
	display: inherit;
	z-index: 3;
}
:root [page-transition-opened]{
	display: flex;
	z-index: 4;
	position: absolute;
	top: calc(var(--app-bar-size));
	opacity: 1;
	bottom: var(--bottom-bar-size);
	height: -webkit-fill-available;
	padding-top: 0vw;
	transition: top var(--screen-transition-duration) ease, bottom var(--screen-transition-duration) ease, opacity var(--screen-transition-duration);
}
:root [page-transition-closed]{
	display: flex;
	z-index: 4;
	position: absolute;
	top: calc(var(--app-bar-size) + var(--screen-transition-top-distance));
	bottom: calc(var(--bottom-bar-size) - var(--screen-transition-top-distance));
	opacity: 0;
	bottom: var(--bottom-bar-size);
	height: -webkit-fill-available;
	transition: top var(--screen-transition-duration) ease, bottom var(--screen-transition-duration) ease, opacity var(--screen-transition-duration);
}
:root [center-x]{
	justify-content: center;
}
:root [center-y]{
	align-items: center;
}
:root [divide-x]{
	justify-content: space-around;
}
:root [divide-y]{
	justify-content: space-evenly;
}
:root [separate-x]{
	justify-content: space-between;
}
:root [round]{
	border-radius: 100%;
}
:root [flex]{
	display: flex;
}
:root [flex-wrap]{
	flex-wrap: wrap;
}
:root [flow-x]{
	flex-direction: row;
}
:root [flow-y]{
	flex-direction: column;
}
:root [center]{
	text-align: center;
}
:root [flex-center]{
	align-items: center;
}
[type="textarea"]{
	resize: none;
}
appbar .leftA{
	display: flex;
	max-width: var(--app-bar-size);
	height: -webkit-fill-available;
	flex: 1;
}
appbar .middleA{
	display: flex;
	width: auto;
	height: -webkit-fill-available;
	flex: 2;
}
appbar .rightA{
	display: flex;
	max-width: var(--app-bar-size);
	height: -webkit-fill-available;
	flex: 3;
}
loader{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000CC;
	z-index: 999;
}
xbar{
	display: flex;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	overflow-x: auto;
	height: auto;
}
xbar-item{
	background-size:cover;
	background-position: center;
	width:var(--xbar-item-size);
	height:var(--xbar-item-size);
	position:relative;
}
xbar-item-inner{
	display: flex;
	width: 100%;
	height: 100%;
	background-color: var(--xbar-inner-bg-color);
}
.login-bg{
	background-color: #000000;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
login{
	display: flex;
	width: 100%;
	min-height: 100%;
	height: 100%;
}
feed{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
}
.login, .register{
	width: 100%;
	max-width: 20rem;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	min-height: 15rem;
	max-height: 90vh;
	padding: 0.4rem;
	padding-top:1rem;
	padding-bottom:1rem;
	z-index: 3;
	background-color: #000000C0;
	border-radius: 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	overflow-y: auto;
	transition: opacity 1s;
}
.login md-filled-button, .register md-filled-button{
	margin-top: 1rem;
}
post{
	background-color: var(--md-sys-color-surface-bright);
	margin: auto;
	width: 90%;
	max-width: 30rem;
	border-radius: 15px;
	padding: 0.5rem;
	box-sizing: border-box;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.posts_container{
	display: flex;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}
post-content{
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
	height: auto;
	padding: 0.5rem;
	box-sizing: border-box;
}
post-content h1{
	text-align: center;
}
post-content p{
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
post-content p img{
	margin-left:auto;
	margin-right:auto;
}
post-user-bar{
	width: 100%;
	height: var(--post-user-bar-height);
	display: flex;
}
post-user-photo{
	width: var(--post-user-bar-height);
	height: var(--post-user-bar-height);
	background-size: cover;
	background-position: center;
	border-radius: 100%;
	margin-right: 0.5rem;
}
post-user-name{
	flex:1;
	width: auto;
	height: var(--post-user-bar-height);
}
post-user-name .clubmate_icon{
	display: flex;
	background-color: #ffffff;
	color: #000000;
	width: auto;
	height: auto;
	margin-left: 0.5rem;
	padding: 0rem 0.4rem 0rem 0.8rem;
	box-sizing: border-box;
	border-radius: 15px;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	font-weight: bold;
	cursor: pointer;
}
post-user-name .clubmate_icon md-icon{
	font-size: 1.2rem;
	background: linear-gradient(270deg, #db2323, #f0c349);
	background-size: 150% 150%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: clubmate_text_pulse_fire 8s ease infinite;
}
@keyframes clubmate_text_pulse_fire {
	0% { background-position: 0% 100%; }
	50% { background-position: 100% 0%; }
	100% { background-position: 0% 100%; }
}
@keyframes generate_image_pulse {
	0% { box-shadow: #3bd43b 0px 0px 2px 1px; }
	50% { box-shadow: #3bd43b 0px 0px 5px 3px; }
	100% { box-shadow: #3bd43b 0px 0px 2px 1px; }
}
post-user-options{
	width: var(--post-user-bar-height);
	height: var(--post-user-bar-height);
}
post-bottom-bar{
	width: 100%;
	height: var(--post-bottom-bar-height);
	display: flex;
}
post-image{
	width: 100%;
	height: auto;
	position: relative;
}
post-image img{
	width: 100%;
	height: auto;
	border-radius: 15px;
}
screen feed .load_more{
	width: 100%;
	height: auto;
	min-height: 5rem;
	padding: 0.25rem;
	box-sizing: border-box;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	align-content: center;
	text-align: center;
	justify-content: center;
	margin-bottom: 2rem;
}
md-divider{
	min-height: 0.18rem;
	margin-top: 0.15rem;
	margin-bottom: 0.15rem;
}
.notification_btn_rightA{
	font-size: 2rem;
}
md-icon {
	font-family: 'Material Symbols Rounded';
	font-variation-settings: 'FILL' 0;
	transition: font-variation-settings 1s ease;
}
md-icon.filled, [filled] {
	font-variation-settings: 'FILL' 1;
	transition: font-variation-settings 1s ease;
}
post md-divider{
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
post .post_gallery_bar{
	display: flex;
	width: 100%;
	height: auto;
}
post .post_gallery_bar span{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	background-color: #ffffff;
	color: #000000;
	font-size: 0.8rem;
	padding: 0rem 0.4rem 0rem 0.4rem;
	margin: 0.1rem;
	box-sizing: border-box;
	border-radius: 15px;
	font-weight: normal;
	cursor: pointer;
}
post .post_gallery_bar span md-icon{
	font-size: 1.2rem;
}
.screen_title_container{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	color: var(--app-bar-title-color);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100vw - var(--app-bar-size) - var(--app-bar-size));
}
.screen_title_container > *{
	margin-left: 0.25rem;
}
.main_menu_btn{
	background-image: url(https://aisha-ai.com/images/ai_logo_white.svg);
	margin: 0;
	padding: 0;
	width: 3rem;
	height: 3rem;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.8;
}
#bg_comments_container{
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #00000080;
	z-index: 2;
}
.comments_container{
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: calc(var(--bottom-bar-size-org) * 1.5);
}
.comments_list{
	width:100%;
	height:auto;
	flex-direction: column-reverse;
	flex: 1;
	position: relative;
}
.comments_name{
	font-size: 1rem;
}
.comments_content{
	font-size: 0.85rem;
}
.comments_photo{
	width: 3rem;
	height:3rem;
	border-radius:100%;
	background-size:cover;
	background-position:center;
	background-color: #ffffffce;
}
.comments_bar{
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: var(--app-bar-size-org);
	padding: 0.5rem;
	box-sizing: border-box;
	background-color: var(--md-sys-color-surface-bright);
	margin-bottom: 0;
}
.comments_input{
	width: auto;
	flex: 1;
	height: 100%;
	margin-right: 0.5rem;
}
.divider_min{
	min-height: 0.2rem;
}
.badge_inner{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.badge_inner span{
	background-color: #8a3f3f;
	color: white;
	font-size: 0.65rem;
	border-radius: 100%;
	width: auto;
	height: fit-content;
	min-width: 0.75rem;
	min-height: 0.75rem;
	padding: 0.1rem;
	display: flex;
	justify-content: center;
	text-align: center;
}
.usersettings_userdata{
	display: flex;
	width: 100%;
	height: 100%;
	max-width: 35rem;
	min-width: 10rem;
	flex-wrap: wrap;
}
.usersettings_input_1{
	width: calc(100% - 0.5rem);
	box-sizing: border-box;
	margin: 0.25rem;
	min-width: 15rem;
}
.usersettings_input_2{
	width: calc(50% - 0.5rem);
	box-sizing: border-box;
	margin: 0.25rem;
	min-width: 15rem;
}
.usersettings_userdata .profile_photo_container{
	background-color: var(--md-sys-color-surface-bright);
	background-size: cover;
	background-position: center;
	width: 80vw;
	height: 80vw;
	max-width: 10rem;
	max-height: 10rem;
	border-radius: 100%;
}
.usersettings_userdata .profile_photo{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #00000050;
	border-radius: 100%;
	text-shadow: #000 1px 1px 5px;
}
.clubmate_placed{
	position: absolute;
	border-radius: 15px;
	background-color: #000000AA;
}
.clubmate_placed[blur]{
	backdrop-filter: blur(8px);
}
screen messages #conversations_container{
	display: flex;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	align-content: flex-start;
	flex-wrap: wrap;
}
#conversation_container{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
}
.conversation_item{
	width: 100%;
	height: 4rem;
	margin-top: 0.25rem;
	background-position: center;
	background-size: cover;
}
.conversation_item .container{
	display: flex;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0.25rem;
	box-sizing: border-box;
	background-color: #00000099;
	flex-direction: row;
	flex-wrap: nowrap;
}
.conversation_item .name{
	width: auto;
	height: 100%;
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 1rem;
	position: relative;
}
.conversation_item .photo{
	width: 3rem;
	height: 3rem;
	border-radius: 100%;
	background-position: center;
	background-size: contain;
	position: relative;
}
#conversation_container .top{
	width: 100%;
	height: 3rem;
	display: flex;
}
#conversation_container .content{
	flex: 1;
	width: 100%;
	height: auto;
	overflow-y: auto;
	background-color: var(--chat-container-bg);
	scroll-behavior: smooth;
}
#conversation_container .bottom{
	width: 100%;
	height: 7rem;
	background-color: var(--chat-container-input-bg);
}
.box_message{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.box_message div{
	border-radius: 14px;
	padding: 1rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	line-height: 1.5rem;
}
.box_message div img{
	width: 100%;
	max-width: 800px;
	height: auto;
	border-radius: 10px;
}
.box_message div.from_user{
	margin-left: 10%;
	background-color: var(--chat-from-user-bgcolor);
	color: var(--chat-dialogue-color);
}
.box_message div.from_user p em{
	color: var(--chat-action-color);
	font-style: italic;
	font-weight: bold;
}
.box_message div.from_bot{
	margin-right: 10%;
	background-color: var(--chat-from-bot-bgcolor);
	color: var(--chat-action-color);
	font-style: italic;
	font-weight: bold;
}
.box_message div.from_bot p i{
	color: var(--chat-dialogue-color);
	font-style: normal;
	font-weight: normal;
}
.box_message div.from_bot p strong, .box_message div.from_user p strong{
	color: var(--chat-sound-color);
	font-style: italic;
	font-weight: bold;
}
.box_message div i{
	width: 100%;
	display: inline-block;
}
#conversation_container .bottom form{
	display: flex;
	width: 100%;
	height: 100%;
	max-height: 94%;
	overflow-y: hidden;
	overflow-x: hidden;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	padding: 0.5rem;
	box-sizing: border-box;
}
#conversation_container .bottom form #conversation_user_input{
	flex: 1;
	width: auto;
	height: auto;
	max-height: calc(95% - 0.5rem);
	box-sizing: border-box;
	border-radius: 15px;
	margin-bottom: 0.5rem;
}
#conversation_container .bottom form #conversation_user_input_send{
	width: auto;
	min-width: 5rem;
	height: auto;
	min-height: 3rem;
	margin-left: 0.5rem;
}
#conversation_container .bottom form #conversation_input_send_waiting{
	margin-left: 0.5rem;
}
.chat_options_container{
	display: flex;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	flex-wrap: wrap;
	align-content: flex-start;
}
.chat_options_container .option{
	display: flex;
	width: 100%;
	height: fit-content;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 1.5rem;
	align-items: center;
}
.chat_options_container .option label{
	margin-left: 1rem;
	font-weight: bold;
	flex: 1;
}
.chat_options_container .option_label{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	font-weight: bold;
	flex: 1;
}
.chat_options_container .option md-switch{
	margin-right: 1rem;
}
.chat_options_container .option md-outlined-select{
	margin-right: 1rem;
}
.profile_main_container{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
}
.profile_main_container .profile_galleries_bar{
	width: 100%;
	padding-bottom: 0.25rem;
	box-sizing: border-box;
	height: auto;
	display: flex;
	overflow-x: auto;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
.profile_main_container .profile_galleries_bar md-filled-button{
	font-size: 0.75rem;
	font-weight: bold;
	margin-right: 0.5rem;
}
.profile_main_container .profile_mission_item{
	display: flex;
	width: auto;
	max-width: max-content;
	height: auto;
	flex: 1;
	padding: 0.5rem;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	margin-left: 0.25rem;
	margin-right: 0.5rem;
	background-color: var(--md-sys-color-surface-bright);
	border-radius: 8px;
}
.profile_main_container .profile_mission_item span{
	display: flex;
	width: max-content;
}
.profile_main_container .profile_mission_item b{
	margin-left: 0.5rem;
}
.profile_container{
	width: 100%;
	height: fit-content;
	position: relative;
	background-size: cover;
	background-position: center;
}
.profile_container_bg{
	width: 100%;
	min-height: 10rem;
	height: auto;
	background-color: #000000CB;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.profile_container .profile_photo{
	min-width: 8rem;
	min-height: 8rem;
	border-radius: 100%;
	background-size: cover;
	background-position: center;
	margin-right: 1rem;
	margin-left: 0.5rem;
	margin-top: 1rem;
}
.profile_name_container{
	width: auto;
	flex: 1;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-right: 1rem;
	margin-top: 1rem;
}
.profile_name{
	font-size: 1.2rem;
	width: 100%;
	height: auto;
	font-weight: bold;
}
.profile_desc{
	width: 100%;
	height: 100%;
	word-break: break-word;
	white-space: pre-wrap;
	overflow-y: hidden;
}
.profile_cat_bar, .profile_badges_bar{
	width: 100%;
	height: auto;
	min-height: 0rem;
	display: flex;
	margin-top: 0.25rem;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
}
.profile_actions_bar{
	width: 100%;
	height: auto;
	min-height: 0rem;
	display: flex;
	margin-top: 0.25rem;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	align-content: flex-start;
}
.profile_actions_bar > *{
	margin-left: 0.25rem;
}
.profile_cat_bar md-filled-button{
	font-size: 0.8rem;
	padding: 0.25rem 0.5rem 0.25rem;
	margin: 0;
	max-height: 1.5rem;
	min-height: 1.5rem;
	margin-left: 0.25rem;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.profile_badge{
	display: flex;
	width: 2rem;
	height: 2rem;
	position: relative;
	margin-right: 0.2rem;
}
.profile_badge div{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-color: #ffffff50;
	border-radius: 100%;
}
.profile_main_container .profile_guide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	line-height: 1.2rem;
}
.profile_main_container .profile_guide a{
	color: var(--app-text-color);
}
.profile_main_container .profile_guide p{
	padding: 0.25rem;
	box-sizing: border-box;
}
.profile_main_container .profile_guide img{
	width: auto;
	min-width: 10rem;
	max-width: 80vw;
	height: auto;
}
.profile_connected_bots_container{
	display: flex;
	overflow-x: auto;
	width: 100%;
	height: 3rem;
	padding: 0.25rem;
	flex-direction: row;
	flex-wrap: nowrap;
}
.profile_connected_bots_container_item{
	display: flex;
	width: auto;
	height: 100%;
	padding: 0.25rem;
	padding-left: 0.5rem;
	padding-right: 1rem;
	margin-right: 1rem;
	margin-left: 0.5rem;
	box-sizing: border-box;
	background-color: var(--md-sys-color-surface-bright);
	color: var(--app-text-color);
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	border-radius: 10px;
	cursor: pointer;
}
.profile_connected_bots_container_item:hover{
	background-color: var(--chat-action-color);
}
.profile_connected_bots_container_item img{
	width: 2rem;
	height: auto;
	aspect-ratio: 1/1;
	margin-right: 0.5rem;
	border-radius: 100%;
}
.profile_bot_list{
	display: flex;
	width: 100%;
	height: auto;
}
.profile_bot_list div{
	width: 8rem;
	height: 6rem;
	margin: 0.4rem;
	border-radius: 15px;
	background-position: center;
	background-size: cover;
}
.profile_bot_list div span{
	display: flex;
    background-color: #00000080;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
	border-radius: 15px;
}
.generate_image{
	display: inline-block;
	width: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	overflow-y: auto;
}
.generate_image_options{
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: column;
	flex-wrap: wrap;
}
.generate_image_textbox{
	display: flex;
	width: 90%;
	max-width: 30rem;
	margin: auto;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.generate_image_options form > div{
	margin-top: 1rem;
}
.generate_image .generate_image_models_container{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	overflow-x: auto;
	padding: 0.5rem;
	box-sizing: border-box;
}
.generate_image .generate_image_models_item{
	min-width: 8rem;
	min-height: 8rem;
	max-width: 8rem;
	max-height: 8rem;
	position: relative;
	background-size: cover;
	background-position: center;
	margin-right: 0.25rem;
	margin-left: 0.25rem;
	margin-bottom: 0.25rem;
	border-radius: 10px;
}
.generate_image_models_text{
	text-align: center;
	padding: 1rem;
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	background-color: #00000060;
	justify-content: center;
	align-items: center;
	font-size: 0.8rem;
	font-weight: bold;
	text-shadow: #000000 0px 0px 5px;
	border-radius: 10px;
	flex-direction: column;
	flex-wrap: wrap;
}
.generate_image_models_item[selected-model]{
	animation: generate_image_pulse 4s infinite;
}
.generate_image_models_item[selected-model] #selected_model{
	width: 100%;
	height: auto;
}
.generate_image .generated_images_container{
	display: flex;
	width: 100%;
	height: auto;
	overflow-x: auto;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	margin-bottom: 2rem;
}
.generate_image .generated_images_container div{
	padding: 1rem;
	box-sizing: border-box;
	margin-right: 1rem;
	margin-left: 0.5rem;
	margin-bottom: 0.5rem;
	background-color: white;
	color: black;
	width: auto;
	height: 70vh;
	position: relative;
}
.generate_image .generated_images_container img{
	width: auto;
	height: 100%;
}
.generate_image .generated_images_container video{
	width: auto;
	height: 100%;
}
.animated_heart{
	font-size: 0rem;
	width:0rem;
	aspect-ratio: 1/1;
	height:auto;
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transition-duration: 1s;
	align-items: center;
	pointer-events:none;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
}
playcoins .playcoins_container{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 100%;
	height: 100%;
}
playcoins .playcoins_container span{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0.5rem;
	box-sizing: border-box;
	margin-top: 0.5rem;
}
explore_categories .explore_categories{
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	flex-wrap: nowrap;
}
explore_categories .explore_categories .categories_container{
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
explore_categories .explore_categories .categories_container .item{
	width: 8rem;
	height: 8rem;
	display: flex;
	background-color: var(--app-top-color);
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	cursor: pointer;
	background-size: cover;
	background-position: center;
}
explore_categories .explore_categories .categories_container .item span{
	background-color: #000000A0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	color: #ffffff;
	text-align: center;
	padding: 0.25rem;
	box-sizing: border-box;
}
.notifications_container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.notifications_container div{
	display: flex;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0.50rem;
	margin-bottom: 0.25rem;
	margin-top: 0.5rem;
	border-radius: 10px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	background-color: var(--notifications-item-bg);
	color: var(--notifications-item-color);
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	cursor: pointer;
}
.notifications_container div span{
	width: 100%;
	height: auto;
	font-weight: bold;
}
.notifications_container div content{
	flex: 1;
	width: 100%;
	height: auto;
	font-size: 0.85rem;
}
.notifications_container div img{
	width: 100%;
	height: auto;
	max-width: 50vw;
	margin: auto;
}
.buy_playcoins_list_items{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}
.buy_playcoins_item{
	background-size: cover;
	background-position:center;
	flex:1;
	min-width:15rem;
	min-height: 18rem;
	margin-right:0;
	margin:0.5rem;
	max-width:90vw;
	max-height:90vw;
	text-shadow: 1 1 2px black;
}
.buy_playcoins_item b{
	width: 100%;
	height: 100%;
	background-color: #000000DB;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: space-around;
}
.buy_playcoins_item_title{
	font-size: 1.2rem;
	font-weight: bold;
}
.buy_playcoins_product_desc{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-weight: lighter;
	font-size:0.8rem;
}
screen roleplay_profiles .roleplay_profiles_item{
	display: flex;
	width: 100%;
	padding: 1rem;
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
	border-radius: 10px;
	box-sizing: border-box;
	height: auto;
	background-color: var(--app-top-color);
	color: var(--app-text-color);
	cursor: pointer;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
screen roleplay_profiles .roleplay_profiles_item:hover{
	background-color: var(--md-sys-color-surface-high);
}
screen roleplay_profiles .roleplay_profiles_item label{
	cursor: pointer;
}
screen roleplay_profiles_edit .roleplay_profiles_edit_container{
	display: flex;
	width: 100%;
	height: 100%;
	max-width: 30rem;
	padding: 1rem;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
}
screen roleplay_profiles .roleplay_profiles_container_items{
	display: flex;
	padding: 0.5rem;
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
}
.censored_tags_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding-bottom: 5rem;
}
.censored_tags_list label{
	min-width: calc(50vw - 1rem - 0.25rem);
	max-width: calc(50vw - 1rem - 0.25rem);
	padding: 0.5rem;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.censored_tags_list label md-switch{
	margin-left: 0.25rem;
}
#fast_search_menu{
	width: calc(100% - 8rem);
	min-width: calc(100% - 8rem);
}
#middle_search_bar{
	width: 100%;
}
.creators_bots_list_item{
	display:flex;
	width: 100%;
	padding: 0.5rem;
	box-sizing: border-box;
	margin-bottom: 0.8rem;
	height: auto;
	background-color: var(--md-sys-color-surface-high);
	align-items: center;
}
.creators_bots_list_item_photo{
	width: 3rem;
	aspect-ratio: 1/1;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	margin-right: 0.8rem;
}
#edit_char_connect_list_bots_menu{
	width: 20rem;
	min-width: 20rem;
	max-width: 20rem;
}
.floating_weather{
	display: flex;
	position: fixed;
	top: calc(var(--app-bar-size) + 0.5rem);
	right: 0.3rem;
	background-color: var(--md-sys-color-surface-bright);
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 100%;
	box-shadow: #000 0px 0px 5px;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	z-index:1;
	font-size:0.9rem;
	opacity: 0.7;
}
.floating_weather img{
	position: absolute;
	min-width: 2rem;
	max-height: 2rem;
	z-index: 2;
	opacity: 0.4;
}
.floating_weather span{
	z-index: 3;
	font-weight: bold;
	text-shadow: #000 1px 1px 2px;
	width: 100%;
	height: 100%;
	/* background-color: #00000030; */
	display: flex;
	justify-content: center;
	align-items: center;
	/* border-radius: 15px; */
	margin-right: 0.3rem;
	margin-top: 0.25rem;
	font-family: monospace;
}
.floating_weather span sup{
	margin-bottom: 1.5rem;
	position:absolute;
	margin-left:1.2rem;
	font-size:0.6rem;
}
.edit_char_mission_item{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 0.5rem;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 0.8rem;
	background-color: var(--md-sys-color-surface-bright);
}
#feed_alerts_container{
	display: flex;
	height: auto;
	width: 100%;
}
#feed_alerts_container div{
	background-color: var(--md-sys-color-surface-bright);
	box-sizing: border-box;
	font-size: 0.8rem;
	padding: 1.25rem;
	margin-top: 0.25rem;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.creators_manage_posts{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.creators_manage_posts md-filled-button{
	width: fit-content;
}
.creators_new_post{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	align-items: center;
}
.creators_new_post form{
	width: 100%;
	max-width: 30rem;
	height: auto;
	display: flex;
	flex-direction: column;
}
.creators_new_post form label{
	padding-right: 2rem;
}
.creators_new_post form .schedule_post{
	width: 100%;
	height: auto;
	display: none;
}
.new_post_upload_container{
	display: flex;
	width: 10rem;
	height: 10rem;
	border-radius: 10px;
	background-color: var(--md-sys-color-surface-high);
	justify-content: center;
	align-items: center;
	position: relative;
}
.new_post_photo_preview{
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
}
.playcoins_log_container{
	padding: 0.2rem;
	box-sizing: border-box;
}
.playcoins_log_item{
	display: flex;
	width: 100%;
	height: auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0.5rem;
	box-sizing: border-box;
	background-color: var(--md-sys-color-surface-bright);
	margin-bottom: 0.25rem;
	margin-top: 0.75rem;
	border-radius: 10px;
}
.playcoins_log_item .title{
	width: auto;
	min-width: 50%;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.playcoins_log_item .amount{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	width: calc(12.5% - 0.5rem);
	max-width: 4rem;
}
.playcoins_log_item .type{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	width: calc(25% - 0.5rem);
	max-width: 2rem;
}
.playcoins_log_item .date{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	width: calc(25% - 0.5rem);
	max-width: 10rem;
}
.police_dep_case_item{
	width: 100%;
	min-width: 20rem;
	max-width: 20rem;
	height: auto;
	padding: 1rem;
	box-sizing: border-box;
	background-color: var(--md-sys-color-surface-bright);
	margin-top: 1.2rem;
	border-radius: 10px;
	box-shadow: #000 2px 2px 8px;
}
.snowflake {
  color: #ffffffD0;
  font-size: 1.5em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
  pointer-events: none;
}
.snowflake,
.snowflake .inner {
	animation-iteration-count: infinite;
	animation-play-state: running
}

@keyframes snowflakes-fall {
	0% {
		transform: translateY(0)
	}

	100% {
		transform: translateY(110vh)
	}
}

@keyframes snowflakes-shake {

	0%,
	100% {
		transform: translateX(0)
	}

	50% {
		transform: translateX(80px)
	}
}

.snowflake {
	position: fixed;
	top: -10%;
	z-index: 100;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
	animation-name: snowflakes-shake;
	animation-duration: 6s;
	animation-timing-function: ease-in-out
}

.snowflake .inner {
	animation-duration: 6s;
	animation-name: snowflakes-fall;
	animation-timing-function: linear
}

.snowflake:nth-of-type(0) {
	left: 1%;
	animation-delay: 0s
}

.snowflake:nth-of-type(0) .inner {
	animation-delay: 0s
}

.snowflake:first-of-type {
	left: 10%;
	animation-delay: 1s
}

.snowflake:first-of-type .inner,
.snowflake:nth-of-type(8) .inner {
	animation-delay: 1s
}

.snowflake:nth-of-type(2) {
	left: 20%;
	animation-delay: .5s
}

.snowflake:nth-of-type(2) .inner,
.snowflake:nth-of-type(6) .inner {
	animation-delay: 6s
}

.snowflake:nth-of-type(3) {
	left: 30%;
	animation-delay: 2s
}

.snowflake:nth-of-type(11) .inner,
.snowflake:nth-of-type(3) .inner {
	animation-delay: 4s
}

.snowflake:nth-of-type(4) {
	left: 40%;
	animation-delay: 2s
}

.snowflake:nth-of-type(10) .inner,
.snowflake:nth-of-type(4) .inner {
	animation-delay: 2s
}

.snowflake:nth-of-type(5) {
	left: 50%;
	animation-delay: 3s
}

.snowflake:nth-of-type(5) .inner {
	animation-delay: 8s
}

.snowflake:nth-of-type(6) {
	left: 60%;
	animation-delay: 2s
}

.snowflake:nth-of-type(7) {
	left: 70%;
	animation-delay: 1s
}

.snowflake:nth-of-type(7) .inner {
	animation-delay: 2.5s
}

.snowflake:nth-of-type(8) {
	left: 80%;
	animation-delay: 0s
}

.snowflake:nth-of-type(9) {
	left: 90%;
	animation-delay: 1.5s
}

.snowflake:nth-of-type(9) .inner {
	animation-delay: 3s
}

.snowflake:nth-of-type(10) {
	left: 25%;
	animation-delay: 0s
}

.snowflake:nth-of-type(11) {
	left: 65%;
	animation-delay: 2.5s
}