@layer index, window, youtubePlayer;

@import "snow.css" layer(index);

@import "grid-stack.css" layer(index);
/* @import "open-props.css" layer(index); */
@import "general.css" layer(index);
@import "general-mikroczat.css" layer(index);
@import "main.css" layer(index);
@import "chat-area.css" layer(index);
@import "new-message.css" layer(index);
@import "right-panel.css" layer(index);
@import "right-panel-list-users.css" layer(index);
@import "right-panel-list-rooms.css" layer(index);
@import "right-panel-list-media.css" layer(index);
@import "users.css" layer(index);
@import "dialog.css" layer(index);
@import "/dialog-channel-covers.css" layer(index);
@import "message-grid-wide.css" layer(index);
@import "message-grid-small.css" layer(index);
@import "messages.css" layer(index);
@import "wykopxstyle.css" layer(index);
@import "animations.css" layer(index);
@import "aside-sidebar.css" layer(index);
@import "userBanned.css" layer(index);
@import "blockDetector.css" layer(index);
@import "drop-images.css" layer(index);
@import "window.css" layer(window);
@import "grid.css" layer(index);
@import "youtubePlayer.css" layer(youtubePlayer);


@layer index
{
	html
	{}

}


@layer index
{
	body
	{
		background: var(--mainBackground);

		font-family: var(--fontFamily);
		-webkit-font-smoothing antialiased;

		box-sizing: border-box;
		height: 100dvh;
		width: 100dvw;
		overflow: hidden;
		display: block flex;
	}

	body #chatArea::before
	{
		background: var(--mainBackgroundBefore, transparent);
		border-radius: 50%;
		bottom: 10%;
		content: "";
		display: block;
		filter: blur(20rem);
		height: 25rem;
		left: 0;
		position: absolute;
		right: 80%;
		top: 77%;
		width: 100%;
	}

	body #chatArea::after
	{
		background: var(--mainBackgroundAfter, transparent);
		border-radius: 50%;
		bottom: 10%;
		content: "";
		display: block;
		filter: blur(12rem);
		height: 25rem;
		left: 0;
		position: absolute;
		right: 10%;
		top: 37%;
		width: 100%;
	}

}