/* Font Faces */
@font-face {
	font-family: "Roboto";
	src: url("https://cdn.growthgoons.com/fonts/roboto/roboto.eot");
	src: url("https://cdn.growthgoons.com/fonts/roboto/roboto.eot?#iefix") format("embedded-opentype"),
		url("https://cdn.growthgoons.com/fonts/roboto/roboto.woff") format("woff"),
		url("https://cdn.growthgoons.com/fonts/roboto/roboto.ttf") format("truetype"),
		url("https://cdn.growthgoons.com/fonts/roboto/roboto.svg#Roboto") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-feature-settings: "kern", "liga", "case";
	-moz-font-feature-settings: "kern=1", "liga=1", "case=1";
	-moz-font-feature-settings: "kern", "liga" , "case";
	-moz-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
	font-feature-settings: "kern", "liga", "case";
	font-display: swap;
}
/* Themes */
:root {
	--bg-color: #131111;
	--bg-gradient: #13111194;
	--hover-color: #2b2b2d;
	--gray-color: #737373;
	--black-color: #000000;
	--lightgrey-color: #dadada;
	--blue-color: #5e60d2;
	--green-color: #26c326;
	--red-color: #980b1e;
	--blue-gradient: #5e60d280;
	--green-gradient: #26c32680;
	--red-gradient: #980b1e80;
	--orange-gradient: #ef6b06db;
}
/* Site Wide */
*,
*:before,
*:after {
	box-sizing: border-box;
}
html {
	height: 100%;
	font-size: 60%;
}
/* data-display */
[data-display="none"] {
	display: none;
}
[data-visibility="none"] {
	visibility: hidden;
}
/* font-size */
[font-size="10"] {
	font-size: 1rem;
}
[font-size="12"] {
	font-size: 1.2rem;
}
[font-size="14"] {
	font-size: 1.4rem;
}
[font-size="16"] {
	font-size: 1.6rem;
}
[font-size="18"] {
	font-size: 1.8rem;
}
[font-size="24"] {
	font-size: 2.4rem;
}
[font-size="40"] {
	font-size: 4rem;
}
[font-size="60"] {
	font-size: 6rem;
}
/* Site Wide Links */
:is(a, a:link, a:visited, a:hover, a:active) {
color: var(--lightgrey-color);
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
}
/* Semantics */
body body-sidebar,
body body-sidebar sidebar-inner,
body body-sidebar sidebar-inner inner-dropdown,
body body-sidebar sidebar-notification,
body body-main,
body body-main main-empty,
body body-main main-splash,
body body-main main-splash splash-content,
body body-main main-header,
body body-main main-header header-nav,
body body-main main-header header-nav nav-link,
body body-main main-banner,
body body-main main-banner banner-background,
body body-main main-banner banner-image,
body body-main main-banner banner-image image-member,
body body-main main-banner banner-image image-member member-panel,
body body-main main-banner banner-image image-member member-panel panel-item,
body body-main main-banner banner-socials,
body body-main main-banner banner-upload,
body body-main main-settings,
body body-main main-settings settings-header,
body body-main main-settings settings-section,
body body-main main-settings section-heading,
body body-main main-chat,
body body-main main-chat form form-media,
body body-main main-chat chat-feed,
body body-main main-chat chat-feed feed-message,
body body-main main-chat chat-feed feed-message message-header,
body body-main main-chat chat-feed feed-message message-header header-dropdown,
body body-main main-chat chat-feed feed-message message-header header-image,
body body-main main-chat chat-feed feed-message message-header header-image image-member,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel panel-item,
body body-main main-chat chat-feed feed-message message-body,
body body-main main-chat chat-feed feed-message message-media,
body body-main main-feed,
body body-main main-feed feed-member,
body body-main main-feed feed-member member-banner,
body body-main main-feed feed-member member-banner banner-background,
body body-main main-feed feed-member member-banner banner-image,
body body-main main-feed feed-member member-banner banner-image image-member,
body body-main main-feed feed-member member-banner banner-image image-member member-panel,
body body-main main-feed feed-member member-banner banner-image image-member member-panel panel-item,
body body-main main-feed feed-menu,
body body-main main-feed feed-menu menu-notification,
body body-main main-feed feed-heading,
body body-main main-feed feed-action,
body body-main main-feed feed-action action-actor,
body body-main main-feed feed-action action-actor actor-header,
body body-main main-feed feed-action action-actor actor-header header-image,
body body-main main-feed feed-action action-actor actor-header header-image image-member,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel panel-item,
body body-main main-feed feed-action action-actor actor-comment,
body body-main main-feed feed-action action-target,
body body-main main-feed feed-post,
body body-main main-feed feed-post post-header,
body body-main main-feed feed-post post-header header-dropdown,
body body-main main-feed feed-post post-header header-tier,
body body-main main-feed feed-post post-header header-title,
body body-main main-feed feed-post post-media,
body body-main main-feed feed-post post-media main-link,
body body-main main-feed feed-post post-description,
body body-main main-feed feed-post post-locked,
body body-main main-feed feed-post post-footer,
body body-main main-feed feed-post post-footer footer-emoji,
body body-main main-feed feed-post post-footer footer-emoji emoji-picker,
body body-main main-feed feed-post post-footer footer-reaction,
body body-main main-post,
body body-main main-post post-navigation,
body body-main main-post post-header,
body body-main main-post post-header header-dropdown,
body body-main main-post post-header header-tier,
body body-main main-post post-header header-title,
body body-main main-post post-description,
body body-main main-post post-locked,
body body-main main-post post-submit,
body body-main main-post post-media,
body body-main main-post post-media main-link,
body body-main main-post post-media main-video,
body body-main main-post post-media main-video video-bar,
body body-main main-post post-media main-video video-bar-progress,
body body-main main-post post-media main-video video-volume,
body body-main main-post post-media main-video video-volume-bar,
body body-main main-post post-media main-video video-volume-setting,
body body-main main-post post-media main-video video-time,
body body-main main-post post-media main-video video-speeds,
body body-main main-post post-media main-video video-speeds speeds-title,
body body-main main-post post-media main-video video-speed,
body body-main main-post post-footer,
body body-main main-post post-footer footer-emoji,
body body-main main-post post-footer footer-emoji emoji-picker,
body body-main main-post post-footer footer-reaction,
body body-main main-post post-comments,
body body-main main-post post-comments comments-main,
body body-main main-post post-comments comments-main main-feed feed-comment,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel panel-item,
body body-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji emoji-picker,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel panel-item,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main,
body body-overlay,
body body-overlay overlay-content,
body body-overlay overlay-content content-background,
body body-overlay overlay-content content-section,
body body-overlay overlay-content content-section section-item,
body body-overlay overlay-content content-main,
body body-overlay overlay-content content-main,
body body-overlay overlay-content content-main main-post,
body body-overlay overlay-content content-main main-post post-navigation,
body body-overlay overlay-content content-main main-post post-header,
body body-overlay overlay-content content-main main-post post-header header-dropdown,
body body-overlay overlay-content content-main main-post post-header header-tier,
body body-overlay overlay-content content-main main-post post-header header-title,
body body-overlay overlay-content content-main main-post post-description,
body body-overlay overlay-content content-main main-post post-locked,
body body-overlay overlay-content content-main main-post post-submit,
body body-overlay overlay-content content-main main-post post-comments,
body body-overlay overlay-content content-main main-post post-comments comments-main,
body body-overlay overlay-content content-main main-post post-media,
body body-overlay overlay-content content-main main-post post-media main-link,
body body-overlay overlay-content content-main main-post post-media main-video,
body body-overlay overlay-content content-main main-post post-media main-video video-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-bar-progress,
body body-overlay overlay-content content-main main-post post-media main-video video-volume,
body body-overlay overlay-content content-main main-post post-media main-video video-volume-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-volume-setting,
body body-overlay overlay-content content-main main-post post-media main-video video-time,
body body-overlay overlay-content content-main main-post post-media main-video video-speeds,
body body-overlay overlay-content content-main main-post post-media main-video video-speeds speeds-title,
body body-overlay overlay-content content-main main-post post-media main-video video-speed,
body body-overlay overlay-content content-main main-post post-footer,
body body-overlay overlay-content content-main main-post post-footer footer-emoji,
body body-overlay overlay-content content-main main-post post-footer footer-emoji emoji-picker,
body body-overlay overlay-content content-main main-post post-footer footer-reaction,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel panel-item,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji emoji-picker,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel panel-item,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main {
	position: relative;
	display: block;
}
/* Site Wide Elements */
img,
time,
textarea,
select,
input {
	border: 0;
	margin: 0;
	text-decoration: none;
}
textarea,
select,
input,
button {
	background-color: transparent;
	outline-color: transparent;
	font: inherit;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	white-space: pre-line;
	vertical-align: top;
	text-align: left;
}
textarea:focus,
select:focus,
input:focus,
button:focus {
	outline-offset: 0;
	outline: none;
}
time[title="Now"] {
	color: var(--green-color);
}
select option {
	background: var(--bg-color);
}
form input[type="datetime-local"],
form select[name="post_cents"],
form select[name="post_email"] {
	padding: 0.5rem;
	border: 0.1rem solid var(--gray-color);
	text-align: center;
	margin-right: 1rem;
	height: 3rem;
	color-scheme: dark;
}
form input[type="datetime-local"]:hover,
form select[name="post_cents"]:hover,
form select[name="post_email"]:hover,
form button[type="submit"]:hover {
	border: 0.1rem solid var(--lightgrey-color);
}
button {
	border: 0;
	padding: 0;
	cursor: pointer;
}
button:disabled {
	opacity: 0.1;
}
input[type="search"]::-ms-clear {display: none; width: 0; height: 0;}
input[type="search"]::-ms-reveal {display: none; width: 0; height: 0;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
input[type="search"]:-webkit-autofill,
input[type="search"]:-webkit-autofill:hover, 
input[type="search"]:-webkit-autofill:focus, 
input[type="search"]:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1rem var(--bg-color) inset;
	-webkit-text-fill-color: var(--lightgrey-color);
}
textarea {
	resize: vertical;
	min-height: 5rem;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0.1rem dotted var(--lightgrey-color);
}
button,
label,
video,
body body-main main-post post-media main-video video-controls,
body body-overlay overlay-content content-main main-post post-media main-video video-controls {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
}
button,
label,
video,
body body-main main-post post-media main-video video-controls,
body body-overlay overlay-content content-main main-post post-media main-video video-controls,
img {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
button[type="submit"] {
	padding: 0.5rem;
	border: 0.1rem solid var(--gray-color);
	min-width: 10rem;
	text-align: center;
	height: 3rem;
}
label {
	cursor: pointer;
}
ul,
ol {
	margin: 0;
	padding-left: 3rem;
}
p {
	min-height: 2rem;
	margin-top: 1rem;
	margin-bottom: 0;
}
p:first-child {
	margin-top: 0;
}
::placeholder {
	color: var(--lightgrey-color);
	opacity: 1;
}
:-ms-input-placeholder {
	color: var(--lightgrey-color);
}
::-ms-input-placeholder {
	color: var(--lightgrey-color);
}
/* overflow */
html,
textarea,
body body-main main-post post-description,
body body-overlay,
body body-overlay overlay-content content-main main-post post-description {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-color: #888 transparent;
	scrollbar-width: thin;
}
html,
body body-overlay {
	overflow-y: scroll;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-banner banner-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span {
	overflow: hidden;
}
html::-webkit-scrollbar,
textarea::-webkit-scrollbar,
body body-main main-post post-description::-webkit-scrollbar,
body body-overlay::-webkit-scrollbar,
body body-overlay overlay-content content-main main-post post-description::-webkit-scrollbar {
	width: 1.6rem;
}
html::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
body body-main main-post post-description::-webkit-scrollbar-track,
body body-overlay::-webkit-scrollbar-track,
body body-overlay overlay-content content-main main-post post-description::-webkit-scrollbar-track {
	border-radius: 0.8rem;
}
html::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
body body-main main-post post-description::-webkit-scrollbar-thumb,
body body-overlay::-webkit-scrollbar-thumb,
body body-overlay overlay-content content-main main-post post-description::-webkit-scrollbar-thumb {
	height: 5.6rem;
	border-radius: 0.8rem;
	border: 0.4rem solid transparent;
	background-clip: content-box;
	background-color: #ababab;
}
html::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
body body-main main-post post-description::-webkit-scrollbar-thumb:hover,
body body-overlay::-webkit-scrollbar-thumb:hover,
body body-overlay overlay-content content-main main-post post-description::-webkit-scrollbar-thumb:hover {
	background-color: #555555;
}
html[lock-scroll="1"]{
	overflow: hidden;
	overscroll-behavior: contain;
	position: relative;
	margin-right: 1.2rem;
}
/* z-index */
body body-main main-banner banner-upload,
body body-main main-post post-media > font-awesome,
body body-main main-feed feed-post post-media > font-awesome,
body body-overlay overlay-content content-main main-post post-media > font-awesome {
	z-index: 20;
}
body body-main main-post post-locked,
body body-main main-feed feed-post post-locked,
body body-overlay overlay-content content-main main-post post-locked {
	z-index: 30;
}
body body-main main-post post-video main-video button[data-action="click"],
body body-main main-post post-video main-video video-controls,
body body-main main-post post-video main-video video-bar,
body body-overlay overlay-content content-main main-post post-video main-video button[data-action="click"],
body body-overlay overlay-content content-main main-post post-video main-video video-controls,
body body-overlay overlay-content content-main main-post post-video main-video video-bar {
	z-index: 40;
}
form button[title="Remove Media"],
form button[title="Remove Link"],
body body-main main-feed feed-post post-header header-title,
body body-main main-post post-submit,
body body-overlay overlay-content content-main main-post post-submit {
	z-index: 45;
}
body body-main main-feed feed-post post-header,
body body-main main-feed feed-post post-header a,
body body-main main-feed feed-post post-header button,
body body-main main-feed feed-post post-footer button,
body body-main main-post post-header,
body body-main main-post post-header a,
body body-main main-post post-header button,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header a,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header button,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button,
body body-main main-chat chat-feed feed-message message-header,
body body-main main-chat chat-feed feed-message message-header a,
body body-main main-chat chat-feed feed-message message-header button,
body body-overlay overlay-content content-main main-post post-header,
body body-overlay overlay-content content-main main-post post-header a,
body body-overlay overlay-content content-main main-post post-header button,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header a,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header button,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button {
	z-index: 50;
}
body body-main main-post post-video main-video video-bar video-bar-progress,
body body-main main-post post-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown,
body body-main main-feed feed-post post-header header-dropdown,
body body-main main-chat chat-feed feed-message message-header header-dropdown,
body body-overlay overlay-content content-main main-post post-video main-video video-bar video-bar-progress,
body body-overlay overlay-content content-main main-post post-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown {
	z-index: 70;
}
body body-main main-header,
body body-sidebar sidebar-inner inner-dropdown[data-type="userlinks"] {
	z-index: 80;
}
body body-main main-post post-footer footer-emoji,
body body-main main-post post-footer footer-emoji emoji-picker,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji emoji-picker,
body body-main main-feed feed-post post-footer footer-emoji,
body body-main main-feed feed-post post-footer footer-emoji emoji-picker {
	z-index: 85;
}
body body-overlay,
body body-overlay overlay-content > img,
body body-overlay overlay-content content-section {
	z-index: 90;
}
body body-overlay overlay-content content-main main-post post-footer footer-emoji,
body body-overlay overlay-content content-main main-post post-footer footer-emoji emoji-picker,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji emoji-picker {
	z-index: 95;
}
body body-overlay button[data-action="close"] {
	z-index: 100;	
}
body body-main main-splash {
	z-index: 200;
}
/* overflow-wrap */
body body-main main-feed feed-post post-description,
body body-main main-feed feed-action action-actor actor-comment,
body body-main main-chat message-body,
body body-main main-post post-description,
body body-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main,
body body-overlay overlay-content content-main main-post post-description,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main {
	word-wrap: break-word;
	overflow-wrap: anywhere;
	white-space: pre-line;
}
/* text-shadow */
body body-main main-banner banner-image,
body body-main main-feed feed-post button,
body body-main main-post button,
body body-main main-post post-media main-video,
body body-main main-feed feed-post post-locked,
body body-main main-feed feed-post post-header,
body body-main main-feed feed-post header-tier,
body body-main main-feed feed-post post-header header-title,
body body-main main-feed feed-post post-footer,
body body-overlay overlay-content content-main main-post button,
body body-overlay overlay-content content-main main-post post-media main-video {
	text-shadow: 0 0 0.1rem var(--bg-color), 0 0 0.1rem var(--bg-color), 0 0 0.1rem var(--bg-color), 0 0 0.1rem var(--bg-color);
}
/* border-radius */
button[type="submit"],
form input[type="datetime-local"],
form select[name="post_cents"],
form select[name="post_email"],
body body-sidebar sidebar-inner inner-dropdown[data-type="userlinks"],
body body-sidebar sidebar-inner sidebar-notification,
body body-sidebar sidebar-inner a[title="Post"],
body body-sidebar sidebar-inner a:not([data-action="userlinks"]),
body body-main main-header header-nav nav-link,
body body-main main-empty,
body body-main main-settings,
body body-main main-settings select[name="set_emails"],
body body-main main-settings select[name="set_anonymous"],
body body-main main-chat,
body body-main main-chat chat-feed feed-message message-header header-dropdown,
body body-main main-banner banner-background,
body body-main main-post post-header header-dropdown,
body body-main main-post post-media img,
body body-main main-post main-video video,
body body-main main-post post-media iframe,
body body-main main-post form post-submit label[for="post_media"],
body body-main main-post post-navigation button,
body body-main main-post post-media main-link,
body body-main main-post post-media main-video video-controls video-bar,
body body-main main-post post-media main-video video-controls video-bar video-bar-progress,
body body-main main-post post-media main-video video-controls video-volume-bar,
body body-main main-post post-media main-video video-controls video-speeds,
body body-main main-post post-media main-video video-volume-bar video-volume-setting,
body body-main main-post post-locked,
body body-main main-post post-footer button,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button,
body body-main main-feed[data-format="notifications"],
body body-main main-feed feed-member,
body body-main main-feed feed-member member-banner banner-background img,
body body-main main-feed feed-menu menu-notification,
body body-main main-feed feed-post,
body body-main main-feed feed-post post-header header-dropdown,
body body-main main-feed feed-post post-media img,
body body-main main-feed feed-post post-media main-link,
body body-main main-feed feed-post post-footer button,
body body-main main-feed feed-post post-locked,
body body-overlay overlay-content img,
body body-overlay overlay-content main-post,
body body-overlay overlay-content content-section section-item:nth-of-type(2) button,
body body-overlay overlay-content content-section,
body body-overlay overlay-content content-main main-post,
body body-overlay overlay-content content-main main-post post-header header-dropdown,
body body-overlay overlay-content content-main main-post post-media img,
body body-overlay overlay-content content-main main-post main-video video,
body body-overlay overlay-content content-main main-post post-media iframe,
body body-overlay overlay-content content-main main-post form post-submit label[for="post_media"],
body body-overlay overlay-content content-main main-post post-navigation button,
body body-overlay overlay-content content-main main-post post-media main-link,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar video-bar-progress,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-speeds,
body body-overlay overlay-content content-main main-post post-media main-video video-volume-bar video-volume-setting,
body body-overlay overlay-content content-main main-post post-locked,
body body-overlay overlay-content content-main main-post post-footer button,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button {
	border-radius: 1rem;
}
body body-main main-settings form[name="set_emails"] span,
body body-main main-settings form[name="set_emails"] span:before,
body body-main main-settings form[name="set_anonymous"] span,
body body-main main-settings form[name="set_anonymous"] span:before {
	border-radius: 2rem;
}
body body-sidebar sidebar-inner a[data-action="userlinks"],
body body-main main-post post-media main-video video-controls > button,
body body-main main-post post-media main-video video-controls video-volume > button,
body body-main main-post post-media main-video video-controls video-time,
body body-main main-post post-media main-video video-controls video-time time-countup,
body body-main main-post post-media main-video video-controls video-time time-countdown,
body body-main main-post post-media main-video video-controls video-time time-static,
body body-main main-post post-media main-video video-controls video-volume,
body body-main main-post post-media main-video video-volume-bar video-volume-setting:after,
body body-main main-post post-media main-video video-controls video-bar video-bar-progress:after,
body body-overlay overlay-content content-main main-post post-media main-video video-controls > button,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume > button,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-countup,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-countdown,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-static,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume,
body body-overlay overlay-content content-main main-post post-media main-video video-volume-bar video-volume-setting:after,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar video-bar-progress:after {
	border-radius: 10rem;
}
form button[title="Remove Media"],
form button[title="Remove Link"],
body body-sidebar sidebar-inner a[data-action="userlinks"] img,
body body-main main-banner banner-upload,
body body-main main-banner banner-image image-member member-panel:nth-of-type(1) img,
body body-main main-settings settings-section img,
body body-main main-post post-header button font-awesome,
body body-main main-post post-footer button font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header button font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button font-awesome,
body body-main main-feed feed-post post-header button font-awesome,
body body-main main-feed feed-post post-footer button font-awesome,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(1) img,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-chat chat-feed feed-message message-header button font-awesome,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay button[data-action="close"],
body body-overlay overlay-content content-main main-post post-header button font-awesome,
body body-overlay overlay-content content-main main-post post-footer button font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header button font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button font-awesome {
	border-radius: 50%;
}
/* body */
body {
	display: flex;
	flex-direction: row;
	background-color: var(--bg-color);
	color: var(--lightgrey-color);
	font-family: Roboto, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	margin: 0;
}
/* body-sidebar */
body body-sidebar {
	width: 21rem;
	min-height: 100%;
	margin-left: auto;
}
body body-sidebar font-awesome[data-action="hamburger"] {
	display: none;
}
body body-sidebar sidebar-inner {
	position: fixed;
	height: 100%;
	width: 20rem;
	border-right: 0.1rem solid var(--gray-color);
}
body body-sidebar sidebar-inner a {
	position: relative;
	display: block;
	padding: 1rem;
	width: 90%;
}
body body-sidebar sidebar-inner :is(a, a:link, a:visited, a:hover, a:active) {
	color: var(--gray-color);
	font-weight: normal;
}
body body-sidebar sidebar-inner > a:first-child[data-active="yes"],
body body-sidebar sidebar-inner a:hover {
	background: var(--gray-color);
	color: var(--lightgrey-color);
}
body body-sidebar sidebar-inner a[data-active="yes"] {
	color: var(--lightgrey-color);
	font-weight: bold;
}
body body-sidebar sidebar-inner a[data-active="yes"] font-awesome {
	font-weight: 800;
}
body body-sidebar sidebar-inner > a:first-child {
	display: flex;
	align-items: center;
	height: 4.5rem;
	margin: 1rem 0;
	font-weight: bold;
}
body body-sidebar sidebar-inner > a:first-child img {
	width: 4.5rem;
	height: 4.5rem;
	transition: all 250ms;
}
body body-sidebar sidebar-inner > a:first-child[data-active="yes"] img,
body body-sidebar sidebar-inner > a:first-child:hover img {
	width: 3rem;
	height: 3rem;
}
body body-sidebar sidebar-inner > a:first-child[data-active="yes"] span,
body body-sidebar sidebar-inner > a:first-child:hover span {
	display: inline-block;
	width: 100%;
	height: 2rem;
	margin-left: 0.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: none;
}
body body-sidebar sidebar-inner > a:first-child[data-active="yes"] font-awesome,
body body-sidebar sidebar-inner > a:first-child:hover font-awesome {
	display: inline-block;
	margin-left: auto;
	margin-right: 0;
}
body body-sidebar sidebar-inner inner-dropdown {
	position: absolute;
	background: var(--bg-color);
	border: 0.1rem solid var(--gray-color);
}
body body-sidebar sidebar-inner inner-dropdown:hover {
	border: 0.1rem solid var(--lightgrey-color);
}
body body-sidebar sidebar-inner inner-dropdown {
	top: 6rem;
	width: 18rem;
}
body body-sidebar sidebar-inner inner-dropdown a {
	display: flex;
	align-items: center;
	width: 100%;
}
body body-sidebar sidebar-inner sidebar-notification {
	position: absolute;
	top: 0.5rem;
	left: 1.75rem;
	background: var(--blue-color);
	color: var(--lightgrey-color);
	padding: 0.2rem .6rem;
}
body body-sidebar sidebar-inner a[title="Patreon"],
body body-sidebar sidebar-inner a[title="Subscribestar"],
body body-sidebar sidebar-inner a[title="Post"] {
	border: 0.1rem solid var(--gray-color);
	width: 90%;
}
body body-sidebar sidebar-inner a[title="Post"],
body body-sidebar sidebar-inner a[title="Patreon"],
body body-sidebar sidebar-inner a[title="Subscribestar"] {
	margin-top: 2rem;
}
body body-sidebar sidebar-inner a font-awesome,
body body-sidebar sidebar-inner a[title="Subscribestar"] img {
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
}
body body-sidebar sidebar-inner a[data-action="userlinks"] font-awesome {
	height: 1.5rem;
}
/* body-main */
body body-main {
	width: 90rem;
	max-width: 75vw;
	max-width: 75svw;
	max-width: 75dvw;
	min-height: 100%;
	margin-right: auto;
	padding-top: 6rem;
	padding-bottom: 2rem;
}
/* main-empty */
body body-main main-empty {
	border: 0.1rem solid var(--gray-color);
	padding: 2rem;
	margin-bottom: 0.5rem;
}
body body-main main-empty {
	display: flex;
	justify-content: space-evenly;
}
body body-main main-empty a {
	display: contents;
}
/* main-splash */
body body-main main-splash {
	background-color: var(--bg-color);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
body body-main main-splash img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
body body-main main-splash splash-content {
	position: absolute;
	text-align: center;
	left: 40%;
	width: 34rem;
}
body body-main main-splash splash-content:nth-of-type(1){
	top: 65%;
}
body body-main main-splash splash-content:nth-of-type(2){
	top: 75%;
}
/* main-header */
body body-main main-header {
	position: fixed;
	top: 0;
}
body body-main main-header header-nav {
	display: flex;
	align-items: flex-start;
	background: var(--bg-color);
	margin: auto;
	width: 90rem;
	max-width: 75vw;
	max-width: 75svw;
	max-width: 75dvw;
	padding: 0.5rem 0;
}
body body-main main-header header-nav nav-link button[data-action="back"] {
	padding: 1rem;
}
body body-main main-header header-nav nav-link {
	display: flex;
	height: 4.5rem;
	border: 0.1rem solid var(--gray-color);
	white-space: nowrap;
}
body body-main main-header header-nav nav-link:not(:first-child) {
	margin-left: 0.5rem;
}
body body-main main-header header-nav nav-link:hover {
	border: 0.1rem solid var(--lightgrey-color);	
}
body body-main main-header header-nav nav-link a,
body body-main main-header header-nav nav-link form {
	padding: 1rem;
}
body body-main main-header header-nav nav-link[data-type="navigation"] {
	width: 33rem;
}
body body-main main-header header-nav nav-link[data-type="navigation"] > a img {
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 1rem;
}
body body-main main-header header-nav nav-link[data-type="navigation"] > a {
	display: inline-flex;
	align-items: center;
}
body body-main main-header header-nav nav-link[data-type="navigation"] > a {
	width: 100%;
}
body body-main main-header header-nav nav-link[data-type="navigation"] > a span {
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 1rem;
}
body body-main main-header header-nav nav-link form[name="search_bar"] input[type="search"] {
	padding: 0 1rem;
	width: 100%;
}
body body-main main-header header-nav nav-link form[name="search_bar"] input[type="checkbox"]:checked + span {
	font-weight: bold;
}
/* main-banner */
body body-main main-banner {
	display: block;
	height: 25rem;
	margin-bottom: 0.5rem;
}
body body-main main-banner banner-background {
	overflow: hidden;
	border: 0.1rem solid var(--gray-color);
}
body body-main main-banner banner-background,
body body-main main-banner banner-background form {
	width: inherit;
	height: inherit;
}
body body-main main-banner banner-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
body body-main main-banner banner-image {
	background: linear-gradient(360deg,var(--bg-gradient),transparent);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 1rem;
	padding-left: 1rem;
}
body body-main main-banner banner-image image-member member-panel:nth-of-type(1) img {
	min-width: 10rem;
	max-width: 10rem;
	min-height: 10rem;
	max-height: 10rem;
}
body body-main main-banner banner-socials {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}
body body-main main-banner banner-socials a {
	padding: 1rem;
}
body body-main main-banner banner-socials img {
	width: 3rem;
	height: 3rem;
}
body body-main main-banner banner-upload {
	background: var(--hover-color);
	border: .1rem solid var(--gray-color);
	position: absolute;
	bottom: 1rem;
	right: 2rem;
	height: 4rem;
	width: 4rem;
	text-align: center;
}
/* main-settings */
body body-main main-settings {
	border: 0.1rem solid var(--gray-color);
	margin-bottom: 0.5rem;
}
body body-main main-settings settings-header {
	padding: 2rem;
}
body body-main main-settings a:any-link {
	font-weight: normal;
}
body body-main main-settings settings-section {
	border-top: 0.1rem solid var(--gray-color);
	padding: 3rem;
}
body body-main main-settings settings-section section-heading,
body body-main main-settings settings-section span {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	margin-right: 2rem;
}
body body-main main-settings settings-section font-awesome {
	float: right;
}
body body-main main-settings settings-section img {
	height: 5rem;
	vertical-align: middle;
}
body body-main main-settings select[name="set_emails"],
body body-main main-settings select[name="set_anonymous"] {
	padding: 0.5rem;
	border: 0.1rem solid var(--gray-color);
}
body body-main main-settings button[data-action="deleteaccount"] {
	color: var(--red-color);
	padding: 2rem;
	border: 0.1rem solid var(--gray-color);
}
/* main-chat */
body body-main main-chat {
	display: flex;
	flex-direction: column;
	border: 0.1rem solid var(--gray-color);
	width: 100%;
	height: calc(100vh - 8rem);
	height: calc(100svh - 8rem);
	height: calc(100dvh - 8rem);
}
body body-main main-chat chat-feed {
	overflow: hidden;
	overflow-y: scroll;
	height: 100%;
	padding: 1rem;
	border-bottom: 0.1rem solid var(--gray-color);
}
body body-main main-chat chat-feed feed-message message-header button[data-action="options"] {
	margin-right: 0.5rem;
}
body body-main main-chat chat-feed feed-message message-body,
body body-main main-chat chat-feed feed-message message-media,
body body-main main-chat form form-media {
	margin-left: 5rem;
}
body body-main main-chat chat-feed feed-message message-media,
body body-main main-chat form form-media {
	height: fit-content;
	width: fit-content;
	margin-top: 1rem;
}
body body-main main-chat chat-feed feed-message message-media img,
body body-main main-chat form form-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	max-width: 25rem;
	max-height: 25rem;
	cursor: zoom-in;
}
body body-main main-chat form {
	width: 100%;
	height: fit-content;
}
body body-main main-chat form:has(form-media) {
	min-height: 28vh;
	min-height: 28svh;
	min-height: 28dvh;
	overflow: hidden;
	overflow-y: auto;
}
body body-main main-chat form textarea {
	outline-offset: 0;
	outline: none;
	padding: 1rem;
	resize: none;
	width: 100%;
	padding-left: 6rem;
	height: auto;
	min-height: 4.5rem;
	max-height: 20rem;
}
body body-main main-chat form label {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}
body body-main main-chat form form-media {
	margin-top: 1.5rem;
	margin-left: 6rem;
}
body body-main main-chat form form-media button[title="Remove Media"] {
	background: var(--bg-gradient);
	border: .1rem solid var(--gray-color);
	position: absolute;
	top: -1rem;
	right: -1rem;
	height: 3rem;
	width: 3rem;
	text-align: center;
}
/* main-feed */
body body-main > main-feed {
	width: calc(100% + .5rem);
}
body body-main main-feed[data-format="notifications"] {
	border: 0.1rem solid var(--gray-color);
	width: 100%;
}
body body-main main-feed feed-member {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	border: 0.1rem solid var(--gray-color);
	width: calc(100% / 3 - 0.5rem);
	aspect-ratio: 7 / 3;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
body body-main main-feed feed-member member-banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2rem;
}

body body-main main-feed feed-member member-banner banner-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
body body-main main-feed feed-member member-banner banner-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
body body-main main-feed feed-member member-banner banner-image {
	position: relative;
	background: var(--bg-gradient);
	padding: 1rem;
	border-radius: 1rem;
}
body body-main main-feed feed-heading {
	font-weight: bold;
	margin: 1rem;
}
body body-main main-feed feed-action {
	display: flex;
	justify-content: space-between;
	padding: 2rem;
	border-top: 0.1rem solid var(--gray-color);
}
body body-main main-feed feed-action time {
	color: var(--gray-color);
	margin-left: 1rem;
}
body body-main main-feed feed-action action-actor actor-comment {
	margin: 2rem 0 0 5rem;
}
body body-main main-feed feed-action action-actor actor-comment:nth-of-type(2) {
	margin-left: 8rem;
}
body body-main main-feed feed-action action-actor actor-comment:nth-of-type(2):before {
	content: '';
	background: var(--gray-color);
	position: absolute;
	left: -3rem;
	top: -1rem;
	width: 0.1rem;
	height: 2rem;
}
body body-main main-feed feed-action action-actor actor-comment:nth-of-type(2):after {
	content: '';
	background: var(--gray-color);
	position: absolute;
	left: -3rem;
	top: 1rem;
	width: 2rem;
	height: 0.1rem;
}
body body-main main-feed feed-action action-target img {
	width: 6rem;
	height: 6rem;
	object-fit: cover;
	object-position: center;
}
body body-main main-feed feed-post {
	display: inline-block;
	vertical-align: top;
	border: 0.1rem solid var(--gray-color);
	width: calc(100% / 2 - 0.5rem);
	aspect-ratio: 1 / 1;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
	padding: 0;
	cursor: pointer;
}
body body-main main-feed feed-post:hover {
	border: 0.1rem solid var(--lightgrey-color);
}
body body-main main-feed feed-post post-header {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 1.5rem 0.5rem;
}
body body-main main-feed feed-post post-header button[data-action="options"] {
	height: 1rem;
	margin-top: -2.5rem;
}
body body-main main-feed feed-post post-description {
	width: 100%;
	margin-top: 4rem;
	height: fit-content;
	max-height: 80%;
	padding: 0.5rem;
}
body body-main main-feed feed-post post-locked {
	position: absolute;
	top: 0;
	margin: 2rem;
	margin-top: 14rem;
}
body body-main main-feed feed-post post-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
body body-main main-feed feed-post post-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1.5rem;
}
/* REUSED-PIECES */
/* main-post */
body body-main main-post,
body body-overlay overlay-content content-main main-post {
	min-width: 80rem;
	width: fit-content;
	max-width: 90rem;
	margin: auto;
}
body body-main main-post post-navigation,
body body-overlay overlay-content content-main main-post post-navigation {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}
body body-main main-post post-navigation button,
body body-overlay overlay-content content-main main-post post-navigation button {
	border: 0.1rem solid var(--gray-color);
	width: 10rem;
	text-align: center;
	margin-top: 1rem;
}
body body-main main-post post-navigation button:hover,
body body-overlay overlay-content content-main main-post post-navigation button:hover {
	border: 0.1rem solid var(--lightgrey-color);
}
body body-main main-post post-header,
body body-overlay overlay-content content-main main-post post-header {
	height: 5rem;
}
body body-main main-post post-description,
body body-overlay overlay-content content-main main-post post-description {
	margin-bottom: 1rem;
}
body body-main main-post form post-header header-title input,
body body-main main-post form post-submit textarea,
body body-overlay overlay-content content-section form textarea,
body body-overlay overlay-content content-main main-post form post-header header-title input,
body body-overlay overlay-content content-main main-post form post-submit textarea {
	outline: transparent;
	resize: none;
	padding: 0;
	width: 100%;
}
body body-main main-post form post-submit textarea,
body body-overlay overlay-content content-section form textarea,
body body-overlay overlay-content content-main main-post form post-submit textarea {
	min-height: 2rem;
	max-height: 50rem;
	margin-bottom: 1rem;
	display: block;
}
body body-main main-post form post-submit label,
body body-overlay overlay-content content-main main-post form post-submit label {
	display: block;
}
body body-main main-post form post-submit label[for="post_media"],
body body-overlay overlay-content content-main main-post form post-submit label[for="post_media"] {
	padding: 1rem;
	height: 15rem;
	border: 0.1rem solid var(--gray-color);
}
body body-main main-post form post-submit label[for="post_media"] font-awesome,
body body-overlay overlay-content content-main main-post form post-submit label[for="post_media"] font-awesome {
	margin-top: 1rem;
}
body body-main main-post form button[title="Remove Media"],
body body-main main-post form button[title="Remove Link"],
body body-overlay overlay-content content-main main-post form button[title="Remove Media"],
body body-overlay overlay-content content-main main-post form button[title="Remove Link"] {
	background: var(--bg-gradient);
	position: absolute;
	top: 1rem;
	right: 1rem;
	padding: 1rem;
	width: 3.5rem;
	text-align: center;
}
body body-main main-post post-comments,
body body-overlay overlay-content content-main main-post post-comments {
	margin-bottom: 15rem;
}
body body-main main-post post-media,
body body-overlay overlay-content content-main main-post post-media {
	display: block;
	height: fit-content;
	width: fit-content;
	margin: auto;
	margin-top: 1rem;
}
body body-main main-post post-media img,
body body-overlay overlay-content content-main main-post post-media img {
	cursor: zoom-in;
}
body body-main main-post post-media img[image-resize="min-width"],
body body-overlay overlay-content content-main main-post post-media img[image-resize="min-width"] {
	min-width: 34rem;
}
body body-main main-post post-media img[image-resize="min-height"],
body body-overlay overlay-content content-main main-post post-media img[image-resize="min-height"] {
	min-height: 54rem;
}
body body-main main-post post-media img,
body body-main main-post post-media main-video video,
body body-overlay overlay-content content-main main-post post-media img,
body body-overlay overlay-content content-main main-post post-media main-video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	max-width: 100%;
	max-height: 50rem;
}
body body-main main-post post-media iframe,
body body-overlay overlay-content content-main main-post post-media iframe {
	display: block;
	border: 0;
	min-width: 34rem;
	max-width: 100%;
	max-height: 50rem;
}
body body-main main-post post-media main-link,
body body-main main-feed feed-post post-media main-link,
body body-overlay overlay-content content-main main-post post-media main-link {
	background: var(--bg-gradient);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 1rem;
	height: fit-content;
	width: fit-content;
	max-width: 95%;
}
body body-main main-post post-media main-video,
body body-overlay overlay-content content-main main-post post-media main-video {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
body body-main main-post[data-post="newpost"] main-video,
body body-overlay overlay-content content-main main-post[data-post="newpost"] main-video {
	position: static;
}
body body-main main-post post-media main-video button[data-action="click"],
body body-overlay overlay-content content-main main-post post-media main-video button[data-action="click"] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 6rem;
	cursor: pointer;
}
body body-main main-post post-media main-video button[data-action="click"] font-awesome,
body body-overlay overlay-content content-main main-post post-media main-video button[data-action="click"] font-awesome {
	position: absolute;
	width: fit-content;
	height: fit-content;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
body body-main main-post post-media main-video video-controls,
body body-overlay overlay-content content-main main-post post-media main-video video-controls {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	left: 2rem;
	right: 2rem;
	bottom: 1rem;
	height: 4rem;
}
body body-main main-post post-media main-video video-controls button,
body body-overlay overlay-content content-main main-post post-media main-video video-controls button {
	background: var(--bg-gradient);
	min-width: 4rem;
	text-align: center;
	padding: 0.75rem;
}
body body-main main-post post-media main-video video-controls > button font-awesome,
body body-main main-post post-media main-video video-controls video-volume > button font-awesome,
body body-overlay overlay-content content-main main-post post-media main-video video-controls > button font-awesome,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume > button font-awesome {
	padding: 0.75rem;
	min-width: 3.5rem;
	border-radius: 50%;
}
body body-main main-post post-media main-video video-controls > button:hover font-awesome,
body body-main main-post post-media main-video video-controls video-volume > button:hover font-awesome,
body body-overlay overlay-content content-main main-post post-media main-video video-controls > button:hover font-awesome,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume > button:hover font-awesome {
	background: var(--bg-gradient);
}
body body-main main-post post-media main-video video-controls video-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar {
	background: var(--bg-gradient);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5rem;
	height: 1rem;
	cursor: pointer;
}
body body-main main-post post-media main-video video-controls video-bar video-bar-progress,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar video-bar-progress {
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
}
body body-main main-post post-media main-video video-controls video-bar video-bar-progress,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar video-bar-progress {
	background: var(--red-gradient);
}
body body-main main-post post-media main-video video-controls video-bar video-bar-progress:after,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar video-bar-progress:after {
	content: '';
	position: absolute;
	bottom: -0.25rem;
	right: -1rem;
	width: 1.5rem;
	height: 1.5rem;
	background: var(--red-color);
}
body body-main main-post post-media main-video video-controls video-bar:hover video-bar-progress:after,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-bar:hover video-bar-progress:after {
	bottom: -0.5rem;
	right: -1.25rem;
	width: 2rem;
	height: 2rem;
	transition: all 250ms;
}
body body-main main-post post-media main-video video-controls button[data-action="play"],
body body-overlay overlay-content content-main main-post post-media main-video video-controls button[data-action="play"] {
	margin-right: 1rem;
}
body body-main main-post post-media main-video video-controls video-volume:hover,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume:hover {
	background: var(--bg-gradient);
	padding-right: 2rem;
}
body body-main main-post post-media main-video video-controls video-volume:hover button,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume:hover button {
	background: none;
}
body body-main main-post post-media main-video video-controls video-volume-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume-bar {
	visibility: hidden;
	width: 0;
	transition: width 250ms;
}
body body-main main-post post-media main-video video-controls video-volume:hover video-volume-bar,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-volume:hover video-volume-bar {
	visibility: visible;
	display: inline-block;
	background: var(--gray-color);
	margin-left: 0rem;
	margin-top: 2.1rem;
	height: 0.5rem;
	width: 6rem;
	cursor: pointer;
}
body body-main main-post post-media main-video video-volume-bar video-volume-setting,
body body-overlay overlay-content content-main main-post post-media main-video video-volume-bar video-volume-setting {
	background: var(--lightgrey-color);
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
}
body body-main main-post post-media main-video video-volume-bar video-volume-setting:after,
body body-overlay overlay-content content-main main-post post-media main-video video-volume-bar video-volume-setting:after {
	content: '';
	position: absolute;
	right: -0.6rem;
	bottom: -0.3rem;
	width: 1.2rem;
	height: 1.2rem;
	background: var(--lightgrey-color);
}
body body-main main-post post-media main-video video-controls video-time,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time {
	background: var(--bg-gradient);
	min-width: 4rem;
	text-align: center;
	padding: 1rem;
	margin-left: 1.5rem;
	margin-right: auto;
}
body body-main main-post post-media main-video video-controls video-time time-countup,
body body-main main-post post-media main-video video-controls video-time time-countdown,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-countup,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-countdown {
	padding: .5rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
body body-main main-post post-media main-video video-controls video-time time-countup:after,
body body-main main-post post-media main-video video-controls video-time time-countdown:after,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-countup:after,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-countdown:after {
	content: '/';
	margin-left: .5rem;
	margin-right: .5rem;
}
body body-main main-post post-media main-video video-controls video-time time-static,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time time-static {
	padding: .5rem;
	padding-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
body body-main main-post post-media main-video video-controls video-time:hover time-countup,
body body-main main-post post-media main-video video-controls video-time:hover time-countdown,
body body-main main-post post-media main-video video-controls video-time:hover time-static,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time:hover time-countup,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time:hover time-countdown,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-time:hover time-static {
	background: var(--bg-gradient);
	cursor: pointer;
}
body body-main main-post post-media main-video video-controls video-speeds,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-speeds {
	background: var(--bg-gradient);
	color: var(--lightgrey-color);
	position: absolute;
	right: 0;
	bottom: 7rem;
	height: 24rem;
	padding-bottom: 1rem;
	overflow-y: auto;
}
body body-main main-post post-media main-video video-controls video-speeds speeds-title,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-speeds speeds-title {
	padding: 1rem;
	margin-bottom: 1rem;
	border-bottom: 0.1rem solid var(--gray-color);
}
body body-main main-post post-media main-video video-controls button[data-action="speeds"],
body body-overlay overlay-content content-main main-post post-media main-video video-controls button[data-action="speeds"] {
	margin-right: 1rem;
}
body body-main main-post post-media main-video video-controls button[data-action="speed"],
body body-overlay overlay-content content-main main-post post-media main-video video-controls button[data-action="speed"] {
	background: none;
	padding-left: 4rem;
	width: 100%;
	display: block;
}
body body-main main-post post-media main-video video-controls button[data-action="speed"]:hover,
body body-overlay overlay-content content-main main-post post-media main-video video-controls button[data-action="speed"]:hover {
	cursor: pointer;
	background: var(--bg-gradient);
}
body body-main main-post post-media main-video video-controls video-speeds > button font-awesome,
body body-overlay overlay-content content-main main-post post-media main-video video-controls video-speeds > button font-awesome {
	position: absolute;
	left: 1.5rem;
	margin-top: 0.5rem;
}
body body-main main-post post-media main-video:fullscreen video,
body body-overlay overlay-content content-main main-post post-media main-video:fullscreen video {
	height: 100%;
	max-height: fit-content;
	width: 100%;
	max-width: fit-content;
	margin: auto;
}
body body-main main-post post-media main-video:fullscreen video-controls,
body body-overlay overlay-content content-main main-post post-media main-video:fullscreen video-controls {
	bottom: 1rem;
}
body body-main main-post post-footer,
body body-overlay overlay-content content-main main-post post-footer {
	padding-top: 1rem;
}
body body-main main-feed feed-post post-footer footer-emoji,
body body-main main-post post-footer footer-emoji,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji,
body body-overlay overlay-content content-main main-post post-footer footer-emoji,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji  {
position: absolute;
top: -30rem;
margin-left: -20rem;
}
body body-main main-feed feed-post post-footer footer-emoji emoji-picker,
body body-main main-post post-footer footer-emoji emoji-picker,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji emoji-picker,
body body-overlay overlay-content content-main main-post post-footer footer-emoji emoji-picker,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji emoji-picker {
width: 40rem;
height: 30rem;
--num-columns: 8;
--emoji-size: 3rem;
}
body body-main main-feed feed-post post-footer footer-reaction,
body body-main main-post post-footer footer-reaction,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction,
body body-overlay overlay-content content-main main-post post-footer footer-reaction,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction {
display: inline-block;
}
body body-main main-feed feed-post post-footer footer-reaction:before,
body body-main main-post post-footer footer-reaction:before,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction:before,
body body-overlay overlay-content content-main main-post post-footer footer-reaction:before,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction:before {
content: '😊';
}
body body-main main-feed feed-post post-footer button[data-action="react"]:hover footer-reaction:before,
body body-main main-post post-footer button[data-action="react"]:hover footer-reaction:before,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:hover footer-reaction:before,
body body-overlay overlay-content content-main main-post post-footer button[data-action="react"]:hover footer-reaction:before,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:hover footer-reaction:before {
content: '🥵';
}
body body-main main-feed feed-post post-footer footer-reaction[data-reacted="yes"]:before,
body body-main main-feed feed-post post-footer button[data-action="react"]:hover footer-reaction[data-reacted="yes"]:before,
body body-main main-post post-footer footer-reaction[data-reacted="yes"]:before,
body body-main main-post post-footer button[data-action="react"]:hover footer-reaction[data-reacted="yes"]:before,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction[data-reacted="yes"]:before,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:hover footer-reaction[data-reacted="yes"]:before,
body body-overlay overlay-content content-main main-post post-footer footer-reaction[data-reacted="yes"]:before,
body body-overlay overlay-content content-main main-post post-footer button[data-action="react"]:hover footer-reaction[data-reacted="yes"]:before,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-reaction[data-reacted="yes"]:before,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:hover footer-reaction[data-reacted="yes"]:before{
content: '';
}
/* feed-comment */
body body-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-main,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-main {
	border: 0.1rem solid var(--gray-color);
	margin-left: 4.35rem;
	margin-top: -4rem;
	padding-top: 4rem;
	padding-left: 1rem;
	padding-bottom: 4rem;
	padding-right: 1rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment[data-comment="new"],
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment[data-comment="new"] {
	margin-bottom: 2rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment[data-comment="new"] button,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment[data-comment="new"] button {
	margin-left: auto;
	margin-right: 1rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment button[data-action="options"],
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment button[data-action="options"] {
	margin-right: 0.5rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer {
	margin-left: 4.35rem;
	margin-top: -3rem;
	padding-bottom: 2rem;
	padding-left: 1rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply,
body body-overlay overlay-content content-main body-main main-post post-comments comments-main main-feed feed-comment comment-reply {
	margin-top: 2rem;
	margin-left: 4rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply:before,
body body-overlay overlay-content content-main body-main main-post post-comments comments-main main-feed feed-comment comment-reply:before {
	content: '';
	background: var(--gray-color);
	position: absolute;
	left: -3rem;
	top: -11rem;
	width: 0.1rem;
	height: 12rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply:after,
body body-overlay overlay-content content-main body-main main-post post-comments comments-main main-feed feed-comment comment-reply:after {
	content: '';
	background: var(--gray-color);
	position: absolute;
	left: -3rem;
	top: 1rem;
	width: 4rem;
	height: 0.1rem;
}
/* image-member */
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-child(-n+2),
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-child(-n+2),
body body-main main-banner banner-image image-member member-panel:nth-child(-n+2),
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-child(-n+2),
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-child(-n+2),
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-child(-n+2),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-child(-n+2),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-child(-n+2) {
	display: inline-flex;
	flex-direction: column;
	vertical-align: middle;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-banner banner-image image-member member-panel:nth-of-type(1) img,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(1) img,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(1) img {
	margin-right: 1rem;
	object-fit: cover;
	object-position: top;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(1) img,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(1) img,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(1) img,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(1) img {
	min-width: 4rem;
	max-width: 4rem;
	min-height: 4rem;
	max-height: 4rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-banner banner-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span {
	max-width: 40rem;
}
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(2) panel-item span {
	max-width: 15rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-main main-banner banner-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item span:hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item span:hover {
	text-decoration: underline;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-main main-banner banner-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-overlay overlay-content content-main feed-comment comment-header header-image image-member member-panel:nth-of-type(2) panel-item font-awesome,
body body-overlay overlay-content content-main feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(2) panel-item font-awesome {
	color: var(--blue-color);
	vertical-align: top;
	padding-top: 0.5rem;
	margin-left: 0.5rem;
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(3),
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(3),
body body-main main-banner banner-image image-member member-panel:nth-of-type(3),
body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(3),
body body-main main-feed feed-action action-actor actor-header header-image image-member member-panel:nth-of-type(3),
body body-main main-chat chat-feed feed-message message-header header-image image-member member-panel:nth-of-type(3),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-image image-member member-panel:nth-of-type(3),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-image image-member member-panel:nth-of-type(3) {
	margin-top: 1rem;
}
/* *-header */
body body-main main-post post-header,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header,
body body-main main-chat chat-feed feed-message message-header,
body body-overlay overlay-content content-main main-post post-header,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header {
	position: static;
	display: flex;
	align-items: center;
}
body body-main main-post post-header a time,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header a time,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a time,
body body-main main-feed feed-post post-header a time,
body body-main main-chat chat-feed feed-message message-header a time,
body body-overlay overlay-content content-main main-post post-header a time,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header a time,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a time {
	margin-right: 1rem;
}
body body-main main-post post-header a:nth-of-type(1),
body body-main main-post post-comments comments-main main-feed feed-comment comment-header a:nth-of-type(2),
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a:nth-of-type(2),
body body-main main-feed feed-post post-header a:nth-of-type(1),
body body-main main-chat chat-feed feed-message message-header a:nth-of-type(2),
body body-overlay overlay-content content-main main-post post-header a:nth-of-type(1),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header a:nth-of-type(2),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a:nth-of-type(2) {
	margin-left: auto;
}
body body-main main-post post-header a:nth-of-type(1):hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header a:nth-of-type(2):hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a:nth-of-type(2):hover,
body body-main main-feed feed-post post-header a:nth-of-type(1):hover,
body body-main main-chat chat-feed feed-message message-header a:nth-of-type(2):hover,
body body-overlay overlay-content content-main main-post post-header a:nth-of-type(1):hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header a:nth-of-type(2):hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header a:nth-of-type(2):hover {
	text-decoration: underline;
}
body body-main main-post post-header button font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header button font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button font-awesome,
body body-main main-feed feed-post post-header button font-awesome,
body body-main main-chat chat-feed feed-message message-header button font-awesome,
body body-overlay overlay-content content-main main-post post-header button font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header button font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button font-awesome {
	padding: 1rem;
}
body body-main main-post post-header button:hover font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header button:hover font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button:hover font-awesome,
body body-main main-feed feed-post post-header button:hover font-awesome,
body body-main main-chat chat-feed feed-message message-header button:hover font-awesome,
body body-overlay overlay-content content-main main-post post-header button:hover font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header button:hover font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header button:hover font-awesome {
	background: var(--blue-gradient);
}
body body-main main-post post-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown,
body body-main main-feed feed-post post-header header-dropdown,
body body-main main-chat chat-feed feed-message message-header header-dropdown,
body body-overlay overlay-content content-main main-post post-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown {
	position: absolute;
	background: var(--bg-color);
	border: 0.1rem solid var(--gray-color);
	top: 4rem;
	right: 1rem;
	text-align: center;
}
body body-main main-post post-header header-dropdown:hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown:hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown:hover,
body body-main main-feed feed-post post-header header-dropdown:hover,
body body-main main-chat chat-feed feed-message message-header header-dropdown:hover,
body body-overlay overlay-content content-main main-post post-header header-dropdown:hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown:hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown:hover {
	border: 0.1rem solid var(--lightgrey-color);
}
body body-main main-post post-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-main main-feed feed-post post-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-main main-chat chat-feed feed-message message-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-overlay overlay-content content-main main-post post-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown :is(a, a:link, a:visited, a:hover, a:active, button) {
	display: block;
	padding: 1rem;
	color: var(--gray-color);
	font-weight: normal;
	text-align: center;
	width: 100%;
}
body body-main main-post post-header header-dropdown :is(button, a):hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown :is(button, a):hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown :is(button, a):hover,
body body-main main-feed feed-post post-header header-dropdown :is(button, a):hover,
body body-main main-chat chat-feed feed-message message-header header-dropdown :is(button, a):hover,
body body-overlay overlay-content content-main main-post post-header header-dropdown :is(button, a):hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown :is(button, a):hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown :is(button, a):hover {
	color: var(--lightgrey-color);
	font-weight: bold;
}
body body-main main-post post-header header-dropdown font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown font-awesome,
body body-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown font-awesome,
body body-main main-feed feed-post post-header header-dropdown font-awesome,
body body-main main-chat chat-feed feed-message message-header header-dropdown font-awesome,
body body-overlay overlay-content content-main main-post post-header header-dropdown font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-header header-dropdown font-awesome,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-reply reply-header header-dropdown font-awesome {
	margin-right: 1rem;
}
body body-main main-post post-header header-tier,
body body-main main-feed feed-post post-header header-tier,
body body-overlay overlay-content content-main main-post post-header header-tier {
	position: absolute;
	top: 0;
}
body body-main main-post post-header header-title,
body body-main main-feed feed-post post-header header-title,
body body-overlay overlay-content content-main main-post post-header header-title {
	width: 100%;
	margin-right: 1rem;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* post-media */
body body-main main-feed feed-post post-media {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
body body-main main-post post-media:hover a:first-of-type span,
body body-main main-feed feed-post post-media:hover a:first-of-type span,
body body-overlay overlay-content content-main main-post post-media:hover a:first-of-type span {
	display: inline-block;
}
body body-main main-post post-media > font-awesome,
body body-main main-feed feed-post post-media > font-awesome,
body body-overlay overlay-content content-main main-post post-media > font-awesome {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
	height: 100%;
	align-content: center;
}
/* post-description */
body body-main main-post post-description a:any-link,
body body-main main-post post-description span,
body body-main main-feed feed-post post-description a:any-link,
body body-main main-feed feed-post post-description span,
body body-overlay overlay-content content-main main-post post-description a:any-link,
body body-overlay overlay-content content-main main-post post-description span {
	color: var(--blue-color);
}
body body-main main-post post-description a:hover,
body body-main main-post post-description span:hover,
body body-main main-feed feed-post post-description a:hover,
body body-main main-feed feed-post post-description span:hover,
body body-overlay overlay-content content-main main-post post-description a:hover,
body body-overlay overlay-content content-main main-post post-description span:hover {
	text-decoration: underline;
}
/* post-locked */
body body-main main-post post-locked,
body body-main main-feed feed-post post-locked,
body body-overlay overlay-content content-main main-post post-locked {
	text-align: center;
	padding: 2rem;
	border: 0.1rem solid var(--gray-color);
	margin-bottom: 1rem;
}
body body-main main-post post-locked font-awesome,
body body-main main-feed feed-post post-locked font-awesome,
body body-overlay overlay-content content-main main-post post-locked font-awesome {
	width: 100%;
}
/* post-footer */
body body-main main-feed feed-post post-footer,
body body-main main-post post-footer,
body body-overlay overlay-content content-main main-post post-footer {
	display: flex;
	justify-content: space-evenly;
}
body body-main main-feed feed-post post-footer button,
body body-main main-post post-footer button,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button,
body body-overlay overlay-content content-main main-post post-footer button,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button {
	background: var(--hover-color);
	min-width: 3rem;
	text-align: center;
	padding: 0 0.5rem;
}
body body-main main-feed feed-post post-footer button font-awesome,
body body-main main-post post-footer button font-awesome,
body body-overlay overlay-content content-main main-post post-footer button font-awesome {
	padding: 0.8rem;
}
body body-main main-feed feed-post post-footer button span:not(:empty),
body body-main main-post post-footer button span:not(:empty),
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button span:not(:empty),
body body-overlay overlay-content content-main main-post post-footer button span:not(:empty),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button span:not(:empty) {
	margin-right: 0.5rem;
}
/* buttons */
body body-main main-feed feed-post post-footer button[data-action="locked"]:hover,
body body-main main-post post-footer button[data-action="locked"]:hover,
body body-overlay overlay-content content-main main-post post-footer button[data-action="locked"]:hover {
	background: var(--green-gradient);
}
body body-main main-feed feed-post post-footer button[data-action="react"]:hover,
body body-main main-post post-footer button[data-action="react"]:hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:hover,
body body-overlay overlay-content content-main main-post post-footer button[data-action="react"]:hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:hover {
	background: var(--red-gradient);
}
body body-main main-feed feed-post post-footer button[data-action="react"]:has(footer-reaction[data-reacted="yes"]),
body body-main main-feed feed-post post-footer button[data-action="reactions"][data-reacted="yes"],
body body-main main-post post-footer button[data-action="react"]:has(footer-reaction[data-reacted="yes"]),
body body-main main-post post-footer button[data-action="reactions"][data-reacted="yes"],
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:has(footer-reaction[data-reacted="yes"]),
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="reactions"][data-reacted="yes"],
body body-overlay overlay-content content-main main-post post-footer button[data-action="react"]:has(footer-reaction[data-reacted="yes"]),
body body-overlay overlay-content content-main main-post post-footer button[data-action="reactions"][data-reacted="yes"],
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="react"]:has(footer-reaction[data-reacted="yes"]),
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="reactions"][data-reacted="yes"] {
	background: var(--red-gradient);
}
body body-main main-feed feed-post post-footer button[data-action="reactions"]:hover,
body body-main main-post post-footer button[data-action="reactions"]:hover,
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="reactions"]:hover,
body body-overlay overlay-content content-main main-post post-footer button[data-action="reactions"]:hover,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button[data-action="reactions"]:hover {
	background: var(--blue-color);
}
body body-main main-feed feed-post post-footer button[data-action="views"]:hover,
body body-main main-post post-footer button[data-action="views"]:hover,
body body-overlay overlay-content content-main main-post post-footer button[data-action="views"]:hover {
	background: var(--orange-gradient);
}
body body-main main-post post-comments comments-main main-feed feed-comment comment-footer button,
body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer button {
	margin-right: 1rem;
}
/* main-menus */
body body-main main-feed feed-menu {
	display: inline-flex;
	justify-content: space-around;
	width: 100%;
	border-bottom: 0.1rem solid var(--gray-color);
	padding: 1rem;
	margin-bottom: 1rem;
}
body body-main main-feed feed-menu :is(a, a:link, a:visited, a:hover, a:active) {
	color: var(--gray-color);
	display: block;
}
body body-main main-feed feed-menu a:hover,
body body-main main-feed feed-menu a[data-active="yes"] {
	color: var(--lightgrey-color);
}
body body-main main-feed feed-menu button {
	color: var(--gray-color);
	font-weight: bold;
}
body body-main main-feed feed-menu button:hover,
body body-main main-feed feed-menu button[data-selected] {
	color: var(--white-color);
	font-weight: bold;
}
body body-main main-feed feed-menu button font-awesome {
	margin-right: 1rem;
}
body body-main main-feed feed-menu menu-notification {
	position: absolute;
    top: .5rem;
	display: inline-block;
	background: var(--blue-color);
	color: var(--lightgrey-color);
	padding: 0.2rem .6rem;
}
/* body-overlay */
body body-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
body body-overlay button[data-action="close"] {
	background: var(--bg-gradient);
	border: 0.1rem solid var(--gray-color);
	position: fixed;
	top: 3rem;
	right: 6rem;
	padding: 1rem;
	text-align: center;
	width: 4.5rem;
}
body body-overlay overlay-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	min-height: 100%;
	margin: auto;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
body body-overlay overlay-content content-background {
	background: var(--bg-gradient);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
body body-overlay overlay-content > img {
	max-width: 95vw;
	max-width: 95svw;
	max-width: 95dvw;
	max-height: 90vh;
	max-height: 90svh;
	max-height: 90dvh;
}
body body-overlay overlay-content > img[image-option="zoom-in"] {
	cursor: zoom-in;
}
body body-overlay overlay-content > img[image-option="zoom-out"] {
	cursor: zoom-out;
	max-height: 100%;
}
body body-overlay overlay-content content-main {
	max-width: 55vw;
	max-width: 55svw;
	max-width: 55dvw;
}
body body-overlay overlay-content content-main main-post {
	background: var(--bg-color);
	border: 0.1rem solid var(--lightgrey-color);
	padding: 0 1rem;
}
body body-overlay overlay-content content-section {
	background: var(--bg-color);
	border: 0.1rem solid var(--gray-color);
	padding: 2rem;
	min-width: 40rem;
	max-width: 80rem;
}
body body-overlay overlay-content content-section section-heading {
	margin: 2rem 0;
	font-weight: bold;
	margin-top: 0;
}
body body-overlay overlay-content content-section section-item:nth-of-type(1) {
	min-width: 40rem;
}
body body-overlay overlay-content content-section section-item:nth-of-type(2) button {
	border: 0.1rem solid var(--gray-color);
	width: 100%;
	margin-top: 2rem;
	padding: 1rem;
}
body body-overlay overlay-content content-section section-item:nth-of-type(2) button:nth-of-type(1){
	background: var(--red-color);
}
body body-overlay overlay-content content-section form textarea {
	width: 50rem;
	margin-bottom: 3rem;
}
/* Media Screen */
@media screen and (max-width: 880px){html {font-size: 50%}}
@media screen and (max-width: 770px){html {font-size: 40%}}
@media screen and (max-width: 660px){html {font-size: 30%}}
@media screen and (max-width: 550px){html {font-size: 25%}}
@media screen and (max-width: 440px){html {font-size: 20%}}
@media screen and (max-width: 330px){html {font-size: 15%}}
@media screen and (max-width: 1000px) and (max-aspect-ratio: 121/80){
	html {
		font-size: 50%;
	}
	body {
		margin-right: 0 !important;
	}
	a {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		-webkit-user-drag: none;
		-khtml-user-drag: none;
		-moz-user-drag: none;
		-o-user-drag: none;
	}
	body body-sidebar {
		background: var(--bg-color);
		position: fixed;
		height: 6rem;
		width: 5rem;
		min-height: auto;
	}
	body body-sidebar font-awesome[data-action="hamburger"] {
		display: block;
		height: 4rem;
		width: 4rem;
		padding: 0rem;
		margin-left: 1rem;
		margin-top: 0.8rem;
		color: var(--gray-color);
	}
	body body-sidebar font-awesome[data-action="hamburger"][data-active="yes"] {
		color: var(--white-color);
	}
	body body-sidebar sidebar-inner {
		display: none;
		background: var(--bg-color);
		width: 100%;
		top: 5rem;
		padding: 3rem;
		padding-top: 10rem;
		border: none;
	}
	body body-sidebar sidebar-inner inner-dropdown[data-type="userlinks"] {
		top: 16.5rem;
		left: 3rem;
		right: 3rem;
		width: calc(100% - 6rem);
	}
	body body-main {
		width: 100%;
		max-width: 100%;
	}
	body body-main main-banner banner-background {
		border-radius: 0;
	}
	body body-main main-banner banner-socials {
		width: 15rem;
	}
	body body-main main-header {
		width: calc(100% - 5rem);
		margin-left: 5rem;
	}
	body body-main main-header header-nav {
		height: 6rem;
		width: 100%;
		max-width: 100%;
		padding: 0.5rem;
		padding-right: 1rem;
	}
	body body-main main-header header-nav nav-link[data-type="navigation"]{
		width: 50vw;
		width: 50svw;
		width: 50dvw;
	}
	body body-main main-header header-nav nav-link[data-type="search"] {
		display: none;
		position: absolute;
		top: 8rem;
		left: -3rem;
		width: 100%;
	}
	body body-main main-header header-nav nav-link select {
		width: 7rem;
	}
	body body-main main-feed {
		padding: 1rem;
	}
	body body-sidebar sidebar-inner[mobile-display="show"],
	body body-main main-header header-nav nav-link[data-type="search"][mobile-display="show"] {
		display: block;
	}
	body body-sidebar sidebar-inner a,
	body body-sidebar sidebar-inner a[title="Patreon"],
	body body-sidebar sidebar-inner a[title="Subscribestar"],
	body body-sidebar sidebar-inner a[title="Post"] {
		width: 100%;
	}
	body body-main main-post,
	body body-overlay overlay-content content-main main-post {
		min-width: 90%;
		max-width: 90%;
	}
	body body-main main-feed[data-format="notifications"] {
		padding: 0;
	}
	body body-main main-feed[data-format="notifications"] {
		border: none;
	}
	body body-main main-feed feed-post {
		width: calc(100% / 2 - 0.5rem);
		aspect-ratio: 7 / 8;
	}
	body body-main main-feed feed-post post-description {
		min-height: 14rem;
		max-height: 14rem;
	}
	body body-main main-feed feed-post post-locked {
	   margin-top: 5rem;
	}
	body body-main main-feed feed-member {
		width: calc(100% / 2 - 0.5rem);
		aspect-ratio: 2 / 1;
	}
	body body-main main-feed feed-member member-banner banner-image image-member member-panel:nth-of-type(2) panel-item span {
		max-width: 10rem;
	}
	body body-overlay {
		top: 5rem;
		z-index: 100;
	}
	body body-overlay overlay-content {
	  width: 100%;
	}
	body body-overlay button[data-action="close"] {
		top: 6rem;
		right: 2rem;
	}
	body body-overlay overlay-content content-main {
	   max-width: 90vw;
	   max-width: 90svw;
	   max-width: 90dvw;
	}
	body body-sidebar sidebar-inner inner-dropdown[data-type="userlinks"] {
	   overflow: hidden;
	}
	body body-sidebar sidebar-inner inner-dropdown[data-type="userlinks"] {
	   z-index: 150;
	}
	body body-main main-header,
	body body-sidebar {
	   z-index: 100;
	}
	body body-main main-feed feed-post post-footer footer-emoji,
	body body-main main-post post-footer footer-emoji,
	body body-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji,
	body body-overlay overlay-content content-main main-post post-footer footer-emoji,
	body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer footer-emoji {
		position: absolute;
		top: -17rem;
		margin-left: -10rem;
	}
	body body-main main-feed feed-post post-footer footer-emoji emoji-picker,
	body body-main main-post post-footer footer-emoji emoji-picker,
	body body-main main-post post-comments comments-main main-feed feed-comment comment-footer emoji-picker,
	body body-overlay overlay-content content-main main-post post-footer footer-emoji emoji-picker,
	body body-overlay overlay-content content-main main-post post-comments comments-main main-feed feed-comment comment-footer emoji-picker {
		width: 20rem;
		height: 17rem;
		--num-columns: 4;
		--emoji-size: 2rem;
	}
}