:root {
	--0-5px-default-value: 0.5px;
	--1px-default-value: 1px;
	--1-5px-default-value: 1.5px;
	--2px-default-value: 2px;
	--3px-default-value: 3px;
	--4px-default-value: 4px;
	--4-5px-default-value: 4.5px;
	--5px-default-value: 5px;
	--6px-default-value: 6px;
	--8px-default-value: 8px;
	--9px-default-value: 9px;
	--11px-default-value: 11px;
	--10px-default-value: 10px;
	--10-5px-default-value: 10.5px;
	--12px-default-value: 12px;
	--13px-default-value: 13px;
	--14px-default-value: 14px;
	--15px-default-value: 15px;
	--16px-default-value: 16px;
	--17px-default-value: 17px;
	--18px-default-value: 18px;
	--20px-default-value: 20px;
	--24px-default-value: 24px;
	--28px-default-value: 28px;
	--29px-default-value: 29px;
	--30px-default-value: 30px;
	--32px-default-value: 32px;
	--35px-default-value: 35px;
	--36px-default-value: 36px;
	--40px-default-value: 40px;
	--41px-default-value: 41px;
	--42px-default-value: 42px;
	--45px-default-value: 45px;
	--48px-default-value: 48px;
	--49px-default-value: 49px;
	--50px-default-value: 50px;
	--58px-default-value: 58px;
	--94px-default-value: 94px;
	--98px-default-value: 98px;
	--100px-default-value: 100px;
	--120px-default-value: 120px;
	--128px-default-value: 128px;
	--140px-default-value: 140px;
	--160px-default-value: 160px;
	--195px-default-value: 195px;
	--196px-default-value: 196px;
	--200px-default-value: 200px;
	--324px-default-value: 324px;
	--330px-default-value: 330px;
	--340px-default-value: 340px;
	--376px-default-value: 376px;
	--378px-default-value: 378px;
	--380px-default-value: 380px;
	--322px-default-value: 322px;
	--324px-default-value: 324px;
	--416px-default-value: 416px;
	--432px-default-value: 432px;
	--444px-default-value: 444px;
	--450px-default-value: 450px;
	--500px-default-value: 500px;
	--504px-default-value: 504px;
	--520px-default-value: 520px;
	--550px-default-value: 550px;
	--552px-default-value: 552px;
	--562px-default-value: 562px;
	--640px-default-value: 640px;
	--744px-default-value: 744px;
	--800px-default-value: 800px;
	--940px-default-value: 940px;
	--942px-default-value: 942px;
	--default-font-value: 11.5px;
}

html, body {
	scroll-behavior: smooth;
}

body {
	font-size:var(--default-font-value);
	font-family:Verdana, Arial, sans-serif;
	margin:0 0;
	background:#EFA158;
	/*background-color:#000;*/
	background-position:top center;
	background-attachment:fixed;
	overflow-y:scroll;
}

li {
	padding:var(--6px-default-value);
}

.theme1 {
	background-color: #30B2FF;
	background-image:url('/assets/img/themes/bg1.png');
	background-repeat:repeat-x;
}

.theme2 {
	background-color: #CB7421;
	background-image: url('/assets/img/themes/bg2.png');
}

.theme3 {
	background-color: #87B5DB;
	background-image: url('/assets/img/themes/bg3.png');
	background-repeat:repeat-x;
}

a {
	text-decoration:none;
	color:#24d;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, p {
	margin:0 0 var(--10px-default-value) 0;
}

.input-error {
	color:#cd1200!important
}

.masthead {
	background:linear-gradient(to bottom, #ffffff, #cdcdcd);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1;
	height:var(--29px-default-value);
	box-shadow:#0008 0 calc(var(--2px-default-value) * -1) var(--8px-default-value), #fff 0 calc(var(--1px-default-value) * -1) 0 inset;
	border-bottom:var(--1px-default-value) solid #000;
}

.masthead > .inner {
	width:var(--940px-default-value);
	height:var(--29px-default-value);
	margin:0 auto;
	background:linear-gradient(to bottom, #234, #048);
	border-left:var(--1px-default-value) solid #028;
	border-right:var(--1px-default-value) solid #028;
	overflow:hidden;
}

.masthead.inline {
	position:relative!important;
	box-shadow:#000d 0 var(--1px-default-value) var(--2px-default-value);
	overflow:hidden;
	border-radius:var(--4px-default-value);
	border-bottom:none;
	margin:var(--10px-default-value) 0;
	z-index:0;
}

.masthead.inline > .inner {
	width:auto;
	border:var(--1px-default-value) solid #028;
}

.masthead.inline .header {
	border-radius:var(--3px-default-value)!important;
	padding:0 0;
	width:auto;
	position:relative;
	border-top:none;
}

.header {
	background:#fff4;
	height:var(--28px-default-value);
	border-top:var(--28px-default-value) solid #444b;
	box-shadow:#fffb var(--1px-default-value) 0 0 inset, #fffb 0 var(--1px-default-value) 0 inset, #fffb calc(var(--1px-default-value) * -1) 0 0 inset, #fffb 0 calc(var(--1px-default-value) * -1) 0 inset;
	position:absolute;
	width:var(--940px-default-value);
	bottom:0;
}

.header .inner {
	padding:var(--10px-default-value);
	margin:0 auto;
	position:relative;
	padding-top:var(10px-default-value);
}

.brand-name {
	font-size:var(--14px-default-value);
	line-height:var(--24px-default-value);
	color:#fff;
	font-weight:bold;
	font-style:italic;
	text-shadow:#000d var(--1px-default-value) var(--1px-default-value) var(--1-5px-default-value);
	margin-right:var(--10px-default-value);
	position:absolute;
	bottom:calc(var(--6px-default-value) * -1);
	padding-left:var(--58px-default-value);
}

.brand-name .logo {
	filter:drop-shadow(var(--1px-default-value) var(--1px-default-value) var(--1-5px-default-value) #000d);
	position:absolute;
	top:0;
	left:calc(var(--2px-default-value) * -1);
}

.brand-name:hover {
	text-decoration:none;
}

h1.brand-name {
	position:static;
	font-size:var(--48px-default-value);
	margin-top:10px;
}

h1.brand-name .small {
	color:#fff;
	position:relative;
	left:calc(var(--58px-default-value) * -1);
	font-size:var(--13px-default-value);
	top:var(--4px-default-value);
}

.header .right-items {
	position:absolute;
	right:var(--9px-default-value);
	top:var(--9px-default-value);
	font-size:var(--11px-default-value);
	border:var(--1px-default-value) solid #444b;
	border-radius: var(--4px-default-value) var(--4px-default-value) 0 0;
	box-shadow:#fff8 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0, #fff8 var(--1px-default-value) calc(var(--1px-default-value) * -1) 0;
}

.header .header-item {
	line-height:var(--18px-default-value);
	display:inline-block;
	padding:0 var(--12px-default-value);
	color:#f8f8f8;
	text-shadow:#0008 0 var(--1px-default-value) 0, #0008 var(--1px-default-value) 0 0, #0008 calc(var(--1px-default-value) * -1) 0 0, #0008 0 calc(var(--1px-default-value) * -1) 0;
	font-weight:bold;
	box-shadow:#fffa var(--1px-default-value) var(--1px-default-value) 0 inset, #fffa calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;
	border-right:var(--1px-default-value) solid #444b;
	background-image:linear-gradient(to bottom, #fffc 0%, #fff8 48%, #fff0 50%, #fff6 100%);
}

.header .header-item.left {
	border-radius: var(--3px-default-value) 0 0 0;
}

.header .header-item.right {
	border-radius: 0 var(--3px-default-value) 0 0;
	border-right:none;
}

.header .header-item:hover {
	text-decoration:none;
	background-color:#48d;
	box-shadow:#8df 0 0 var(--8px-default-value), #ffff calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset, #fff var(--1px-default-value) var(--1px-default-value) 0 inset;
}

.header .header-item.selected {
	box-shadow:#000 0 var(--1px-default-value) var(--4px-default-value) inset;
	background-color:#2348;
}

.content-positioner {
	top: var(--49px-default-value);
}

/* Page Layout */

.page-positioner {
	width:var(--942px-default-value);
	margin:0 auto;
	padding:var(--10px-default-value) 0;
	position:relative;
	top:var(--30px-default-value);
}

.page-positioner.popover {
	display:flex;
	height:100%;
	width:100%;
	position:fixed;
	z-index:10000;
	top:0;
	left:0;
	background:#0008;
	align-items:center;
	justify-content:center;
}

.left-pane {
	width:var(--550px-default-value);
	position:relative;
	top:0;
	left:0;
}

.left-pane.centered {
	margin:0 auto;
}

.footer {
	margin-top:var(--10px-default-value);
}

.footer select {
	width:100%;
	margin-top:var(--10px-default-value);
}

.right-pane {
	position:fixed;
	float:right;
	top:var(--40px-default-value);
	margin-left:var(--562px-default-value);
	width:var(--380px-default-value);
}

/* Comments */

.right-pane .comments {
	margin-top:10px;
	margin-bottom:var(--4px-default-value)!important;
}

.right-pane .comments .inner {
	padding:0!important;
	overflow-y:scroll;
	max-height:var(--140px-default-value);
}

.right-pane .comments .comment {
	padding:var(--10px-default-value);
	border-top:var(--1px-default-value) solid #cbcbcb;
	width:auto;
}

.right-pane .element h4, .right-pane .element .counter-right {
	padding:var(--10px-default-value);
	margin-bottom:0;
}

.right-pane .comment .post-text {
	min-width:var(--324px-default-value)!important;
	max-width:var(--324px-default-value)!important;
}

.right-pane .load-more {
	margin-top:0!important;
}

/* Open Tack Styles */

.right-pane .open-tack {
	overflow:hidden;
	height:var(--1px-default-value);
}

.right-pane .open-tack > * {
	border-width:0;
	width:0;
	overflow:hidden;
	margin:0 auto var(--10px-default-value);
}

.right-pane .open-tack.open {
	border-width:var(--1px-default-value);
	height:var(--800px-default-value);
	transition:0.5s;
	transition-delay:0.5s;
	transition-timing-function:linear;
}

.right-pane .open-tack .button {
	left:0;
}

.right-pane .open-tack.open > * {
	border-width:var(--1px-default-value);
	transition:0.5s;
	width:var(--378px-default-value);
	transition-timing-function:linear;
}

.right-pane .open-tack .main-tack .post-text {
	max-height:var(--100px-default-value)!important;
	overflow-y:scroll;
}

/* Cows (Very Important.) */

.cows {
	padding:var(--10px-default-value);
}

.cows img {
	width:100%;
	image-rendering:pixelated;
}

/* Settings FUCK AAHHH NOOOO */

.page-positioner.settings {
	padding-bottom:0;
}

.page-positioner.settings > .inner {
	border:var(--1px-default-value) solid #000;
	position:relative;
	border-radius:var(--4-5px-default-value);
	box-shadow:#000 0 var(--1px-default-value) var(--1px-default-value);
}

.settings .left-pane {
	left:0;
	top:0;
	min-height:100%;
	width:var(--195px-default-value);
	background:#5A6472;
	border-right:var(--1px-default-value) solid #000;
	border-radius:var(--3px-default-value) 0 0 var(--3px-default-value);
	box-shadow:#fffd var(--1px-default-value) var(--1px-default-value) 0 inset, #4282f2 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;
	position:absolute;
	background-image:linear-gradient(to bottom, #fff8, #0000);
	background-repeat:repeat-x;
	background-size:100% var(--40px-default-value);
}

.settings .left-pane .inner {
	padding:var(--10px-default-value) 0;
}

.settings .left-pane h3 {
	padding:var(--6px-default-value) var(--20px-default-value);
	color:#fff;
	text-shadow:#000b 0 var(--1px-default-value) 0;
	font-size:var(--13px-default-value);
	font-style:italic;
}

.settings .left-pane .page-option  {
	display:block;
	padding:var(--6px-default-value) var(--20px-default-value);
	color:#dedede;
	text-shadow:#0008 0 calc(var(--1px-default-value) * -1) 0;
	position:relative;
	line-height:var(--16px-default-value);
	border-top:var(--1px-default-value) solid transparent;
	border-bottom:var(--1px-default-value) solid transparent;
}

.settings .left-pane .page-option.with-icon {
	padding-left:var(--42px-default-value);
}

.settings .left-pane .page-option .icon {
	top:var(--6px-default-value);
	left:var(--20px-default-value);
	position:absolute;
	filter:drop-shadow(0 calc(var(--1px-default-value) * -1) 0 #000d);
}

.settings .left-pane .page-option:hover {
	text-decoration:none;
	background-color:#7C8A9E;
	background-image:linear-gradient(to bottom, #fff8, #0004);
	color:#fff;
	border-color:#444;
	box-shadow:#fffd var(--1px-default-value) var(--1px-default-value) 0 inset, #4282f288 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset, #fff4 var(--1px-default-value) var(--1px-default-value) 0, #4282f2ff 0 calc(var(--1px-default-value) * -1) 0;
	z-index:1;
}

.settings .left-pane .page-option.selected {
	background-color:#424954!important;
	background-image:linear-gradient(to bottom, #0004, transparent);
	color:#dfdfdf!important;
	box-shadow:#0004 var(--1px-default-value) var(--1px-default-value) 0 inset, #fff8 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset, #fff8 var(--1px-default-value) var(--1px-default-value) 0, #4282f288 0 calc(var(--1px-default-value) * -1) 0;
	border-color:#000!important;
}

.settings .right-pane {
	background:#ddd;
	min-height:var(--520px-default-value);
	position:relative;
	top:0;
	margin-left:var(--196px-default-value);
	width:var(--744px-default-value);
	border-radius:0 var(--3px-default-value) var(--3px-default-value) 0;
	float:none;
	box-shadow:#0004 var(--1px-default-value) var(--1px-default-value) 0 inset, #fff8 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;
	border:none;
}

.settings .right-pane .section-heading * {
	color:#aaa;
	text-shadow:#000b calc(var(--1px-default-value) * -1) 0 0, #000b 0 calc(var(--1px-default-value) * -1) 0, #fff var(--1px-default-value) 0 0, #fff 0 var(--1px-default-value) 0;
	padding:var(--10px-default-value);
	margin-bottom:0;
	margin-top:0;
}

.settings .right-pane .section-heading.experiments * {
	color:#3463FF;
	font-weight:normal;
	font-size:var(--42px-default-value);
	margin-bottom:var(--10px-default-value);
}

.settings .right-pane h2 {
	padding:0 var(--20px-default-value);
	margin-top:var(--10px-default-value);
}

.settings .right-pane .element {
	padding:var(--10px-default-value);
	border-bottom:var(--1px-default-value) solid #000;
	background-color:#d8d8d8;
	background-image:linear-gradient(to bottom, #fff, transparent);
	background-repeat:repeat-x;
	background-size:100% var(--40px-default-value);
	box-shadow:#eee 0 var(--1px-default-value) 0 inset, #fffb var(--1px-default-value) 0 0 inset, #70A4FF calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;	
}

.settings .right-pane .inner .setting-groups .setting-group > .element:first-child {
	border-top:var(--1px-default-value) solid #000;
}

.settings .right-pane .inner .setting-groups .setting-group > .element:last-child {
	box-shadow:#eee 0 var(--1px-default-value) 0 inset, #fffb var(--1px-default-value) 0 0 inset, #70A4FF calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset, #0004 0 var(--3px-default-value) var(--3px-default-value);
}

.settings .right-pane .element .inner {
	display:flex;
	padding:var(--10px-default-value) var(--20px-default-value);
	align-items:center;
}

.settings .right-pane .element .title {
	width:var(--120px-default-value);
	margin-right:var(--10px-default-value);
	font-weight:bold;
	text-shadow:#fff 0 var(--1px-default-value) 0;
}

.settings .right-pane .element .inputs {
	flex:1;
	display:flex;
	align-items:center;
	gap:var(--8px-default-value);
}

.settings .right-pane .element .inputs input.full-width {
	flex:1;
}

.settings .right-pane .element .char-count {
	color:#24f;
	text-shadow:#000 0 calc(var(--1px-default-value) * -1) 0, #fff 0 var(--1px-default-value) 0;
	margin-left:var(--10px-default-value);
	text-align:right;
	width:var(--160px-default-value);
}

.button.setting-update {
	width:var(--160px-default-value);
	margin-left:var(--16px-default-value);
}

/* Help Center and Documents */

.help-center .document {
	width:var(--640px-default-value);
	margin:0 auto;
	padding:var(--10px-default-value) 0;
	overflow:hidden;
}

.document .page {
	position:relative;
	padding:var(--35px-default-value) var(--40px-default-value);
	background:#f8f8f8;
	border:var(--1px-default-value) solid #aaa;
	margin-bottom:var(--20px-default-value);
	box-shadow:#fff var(--1px-default-value) var(--1px-default-value) 0 inset, #0002 var(--1px-default-value) var(--2px-default-value) var(--1px-default-value);
}

.document .page:before {
	display:block;
	content:"";
	position:absolute;
	border-left:var(--45px-default-value) solid #f8f8f8;
	border-top:var(--45px-default-value) solid transparent;
	filter:drop-shadow(calc(var(--1px-default-value) * -1) var(--1px-default-value) 0 #aaa) drop-shadow(var(--0-5px-default-value) var(--0-5px-default-value) 0 #888) drop-shadow(1px 2px 1px #0002);
	z-index:var(--10px-default-value);
	top:calc(var(--1px-default-value) * -1);
	right:calc(var(--1px-default-value) * -1);
}

.document .page:after {
	display:block;
	content:"";
	position:absolute;
	border-right:var(--45px-default-value) solid #ddd;
	border-bottom:var(--45px-default-value) solid transparent;
	top:calc(var(--1px-default-value) * -1);
	right:calc(var(--1px-default-value) * -1);
	z-index:0;
}

.document .page .foot-note {
	color:#888;
}

.document .text {
	width:auto;
}

/* Feed stuff */

.feed {
	position:relative;
	background:transparent;
	backdrop-filter:blur(3px);
	border:1px solid #000;
	box-shadow:#0008 0 var(--1px-default-value) var(--2px-default-value);
	border-radius:var(--4-5px-default-value);
	overflow:hidden;
}

.feed .element:first-child {
	border-radius:var(--3px-default-value) var(--3px-default-value) 0 0!important;
}

.feed .element:last-child {
	border-radius:0 0 var(--3px-default-value) var(--3px-default-value)!important;
	border-bottom-width:0!important;
}

.feed .element {
	border-bottom:var(--1px-default-value) solid #000;
	padding:var(--8px-default-value);
	box-shadow:#fffd var(--1px-default-value) var(--1px-default-value) 0 inset, #4282f2 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;
	background-image:linear-gradient(to bottom, #fff8, #0000);
	background-repeat:repeat-x;
	background-size:100% var(--40px-default-value);
	display:flex;
	align-items:begin;
	gap:var(--10px-default-value);
	margin-left:0;
	position:relative;
	transition:0.15s;
	background-color:#0488;
}

.feed .element::before {
	display:block;
	content:"";
	opacity:0;
	transition-delay:0s;
	position:absolute;
	top:0;
	right:var(--552px-default-value);
}

.feed .element.open {
	transition:0.5s;
	margin-left:var(--450px-default-value);
	position:relative;
	border-left:var(--1px-default-value) solid #000;
}

.feed .element.open::before {
	transform:translate-x(0);
	opacity:1;
	transition:0.5s;
	display:block;
	background:linear-gradient(to right, #0000 0%, #0008 99.9%, #000d 100%);
	padding-left:var(--200px-default-value);
	height:100%;
	line-height:var(--36px-default-value);
	right:var(--98px-default-value);
	width:var(--376px-default-value);
	color:#fff;
	text-shadow:#000 0 var(--1px-default-value) var(--1px-default-value);
	content:"Tack and comments in right-hand pane.";
	font-size:var(--18px-default-value);
	font-family:Arial;
}

.feed .element > .user-image {
	border:var(--1px-default-value) solid #343434;
	box-shadow:#fff4 0 var(--2px-default-value) var(--1px-default-value) inset, #fff8 0 calc(var(--1px-default-value) * -1) 0, #fff8 0 var(--1px-default-value) 0, #fff8 var(--1px-default-value) 0 0, #fff8 calc(var(--1px-default-value) * -1) 0 0;
	position:relative;
	border-radius:0;
}

.feed .element > .user-image.logo {
	border:none;
	box-shadow:none;
	filter:drop-shadow(#fff8 0 calc(var(--1px-default-value) * -1) 0) drop-shadow(#000b 0 var(--1px-default-value) var(--2px-default-value));
}

.feed .element > .user-image::after {
	display:block;
	content:"";
	border-top:var(--6px-default-value) solid transparent;
	border-bottom:var(--6px-default-value) solid transparent;
	border-right:var(--8px-default-value) solid #fff;
	filter:drop-shadow(calc(var(--1px-default-value) * -1) 0 0 #000d) drop-shadow(calc(var(--2px-default-value) * -1) 0 0 #fff8);
	position:absolute;
	right:calc(var(--12px-default-value) * -1);
	top:var(--17px-default-value);
}

.feed .element > .inner {
	padding:var(--10px-default-value);
	background:#fff;
	border:var(--1px-default-value) solid #343434;
	box-shadow:#fff8 0 calc(var(--1px-default-value) * -1) 0, #fff8 0 var(--1px-default-value) 0, #fff8 var(--1px-default-value) 0 0, #fff8 calc(var(--1px-default-value) * -1) 0 0;
	flex:1;
}

.feed .element .post-controls {
	position:relative;
	height:var(--42px-default-value);
}

.feed .element .post-controls .inner {
	display:flex;
	position:absolute;
	gap:var(--6px-default-value);
	height:var(--41px-default-value);
	border-top:var(--1px-default-value) solid #bbc8ee;
	align-items:center;
	justify-content:right;
	bottom:calc(var(--10px-default-value) * -1);
	width:100%;
	padding:0 var(--10px-default-value);
	background:#d4d8ff;
	left:calc(var(--10px-default-value) * -1);
	box-shadow:#fff8 0 var(--1px-default-value) 0 inset;
}

.feed .element .post-controls.with-text {
	height:auto;
}

.feed .element .post-controls.with-text .above-text {
	padding-bottom:10px;
}

.feed .element .post-controls.with-text .inner {
	display:block;
	position:relative;
	height:auto;
	padding:var(--10px-default-value);
}

.feed .element .post-contrls.with-text .under-shoot {
}

.feed .element .post-controls.with-text .inner .buttons {
	display:flex;
	width:100%;
	margin-bottom:var(--10px-default-value);
	gap:var(--6px-default-value);
}

.feed .element .post-controls.with-text .under-shoot {
}

.element > .inner > .post-text {
	min-width:var(--450px-default-value);
	max-width:var(--450px-default-value);
}

.feed .element .post-text {
	display:inline-block;
	word-wrap:break-word;
	line-height:1.4;
	font-family:Arial;
	font-size:var(--13px-default-value);
}

.feed-loading {
	background-color:#fff;
	height:32px;
	color:transparent;
	background-image:url('/assets/img/brand/working.gif');
	background-repeat:no-repeat;
	background-position:center;
	box-shadow:#0138 0 1px 2px inset;
	border-radius:0 0 3px 3px;
	filter:brightness(98%);
}

.text {
	font-family:Arial;
	width:var(--500px-default-value);
	word-wrap:break-word;
	line-height:var(--18px-default-value);
}

.right-pane .post-text {
	min-width:var(--340px-default-value)!important;
	max-width:var(--340px-default-value)!important;
}

.feed .element .inner > a {
	display:inline-block;
	margin-bottom:var(--10px-default-value);
}

.feed .element.top {
	border-radius:var(--3px-default-value) var(--3px-default-value) 0 0;
}

.feed .element.bottom {
	border-bottom:none;
	border-radius:0 0 var(--3px-default-value) var(--3px-default-value);
}

.feed .element.top.bottom {
	border-radius:var(--3px-default-value)!important;
}

.small {
	font-size:var(--10px-default-value);
	color:#686868;
}

.load-more.button {
	flex:1;
	text-align:center;
	margin-top:var(--10px-default-value);
	width:100%;
	padding:var(--8px-default-value) 0;
	position:relative;
	left:calc(var(--1px-default-value) * -1);
}

/* Doubled Tack Styles */
.doubled-tack {
	border:var(--1px-default-value) solid #cdcdcd;
	border-radius:var(--2px-default-value);
	padding:var(--8px-default-value);
	width:var(--432px-default-value);
	margin-top:var(--8px-default-value);
	box-shadow:#0004 0 var(--1px-default-value) var(--3px-default-value);
	position:relative;
	margin-bottom:var(--2px-default-value);
	display:block;
}

.doubled-tack[hidden] {
	display:none;
}

.doubled-tack #tack-box-double-close-button {
	position:absolute;
	top:var(--8px-default-value);
	right:var(--8px-default-value);
	color:transparent;
	user-select:none;
	overflow:hidden;
	cursor:pointer;
	width:var(--16px-default-value);
}

.doubled-tack a.small {
	position:absolute;
	top:var(--8px-default-value);
	right:var(--12px-default-value);
	color:#24d;
}

.doubled-tack .post-text {
	min-width:var(--416px-default-value)!important;
	max-width:var(--416px-default-value)!important;
}

.right-pane .doubled-tack {
	min-width:var(--322px-default-value);
	max-width:var(--322px-default-value);
}

.right-pane .doubled-tack .post-text {
	min-width:var(--330px-default-value)!important;
	max-width:var(--330px-default-value)!important;
}

/* Right Pane Account Stats */

.feed.account-stats {
	margin-bottom:var(--10px-default-value);
}

.feed.account-stats a.with-userimg {
	line-height:var(--48px-default-value);
	font-size:var(--18px-default-value);
	color:#333;
}

.stats {
	border:var(--1px-default-value) solid #cdcdcd;
	display:flex;
	border-radius:var(--4px-default-value);
	justify-content:center;
}

.stats .part {
	border-right:var(--1px-default-value) solid #cdcdcd;
	padding:var(--4px-default-value) var(--8px-default-value) var(--6px-default-value);
	color:#777;
	display:block;
	text-align:center;
	flex:1;
}

.stats .part p {
	margin:var(--2px-default-value);
	font-weight:bold;
	color:#24d;
}

.stats .part.right {
	border-right:none;
}

.stats a.part:hover {
	color:#222;
	text-decoration:none;
}

.feed.profile .stats {
	margin-top:var(--20px-default-value);
}

.feed.profile .post-controls .buttons .icon.flag {
	position:relative;
	top:var(--3px-default-value);
}

/* Upload Stuff */

.upload-form input[type=text], .upload-form input[type=password], .upload-form textarea, .upload-form input[type=number] {
	width:var(--504px-default-value);
	margin-bottom:var(--10px-default-value);
}

/* Composition Stuff*/

.tack-box {
	margin-bottom:var(--10px-default-value);
	overflow:visible;
}

.tack-box .element {
	background-color:#0128;
}

.tack-box textarea, .tack-box input[type=text], .tack-box input[type=password], .tack-box input[type=number] {
	width:var(--444px-default-value);
	resize:vertical;
}

.counter-right {
	text-align:right;
	position:relative;
	margin-bottom:var(--10px-default-value);
}

.counter-right h4 {
	position:absolute;
	top:0;
	left:0;
}

/* User Image/Icon Stuff */

.user-image {
	display:block;
	background:url("/assets/img/brand/default-avatar.png");
	background-position:center;
	background-size:cover;
	border-radius:var(--3px-default-value);
	box-shadow:#fff4 0 var(--2px-default-value) var(--1px-default-value) inset;
}

.icon {
	display:inline-block;
	color:transparent;
	overflow:hidden;
	user-select:none;
	cursor:pointer;
}

.size-16 {
	min-width:var(--16px-default-value);
	max-width:var(--16px-default-value);
	height:var(--16px-default-value);
}

.size-24 {
	min-width:var(--24px-default-value);
	max-width:var(--24px-default-value);
	height:var(--24px-default-value);
}

.size-48 {
	min-width:var(--48px-default-value);
	max-width:var(--48px-default-value);
	height:var(--48px-default-value);
}

.size-128 {
	min-width:var(--128px-default-value);
	max-width:var(--128px-default-value);
	height:var(--128px-default-value);
}

.icon.index {
	background:url('/assets/img/icons/index.png');
}

.icon.star {
	background:url('/assets/img/icons/star.png');
}

.icon.add {
	background:url('/assets/img/icons/add.png');
}

.icon.block {
	background:url('/assets/img/icons/block.png');
}

.icon.double {
	background:url('/assets/img/icons/double.png');
}

.icon.open {
	background:url('/assets/img/icons/open.png');
}

.icon.upload {
	background:url('/assets/img/icons/upload.png');
}

.icon.edit {
	background:url('/assets/img/icons/edit.png');
}

.icon.tack {
	background:url('/assets/img/icons/tack.png');
}

.icon.media {
	background:url('/assets/img/icons/media.png');
}

.icon.trash {
	background:url('/assets/img/icons/trash.png');
}

.icon.cog {
	background:url('/assets/img/icons/cog.png');
}

.icon.attach {
	background:url('/assets/img/icons/attach.png');
}

.icon.close {
	background:url('/assets/img/icons/close.png');
}

.icon.flag {
	background:url('/assets/img/icons/flag.png');
}

.icon.ponder {
	background:url('/assets/img/icons/ponder.png');
}

.icon.access {
	background:url('/assets/img/icons/access.png');
}

.icon.tip {
	background:url('/assets/img/icons/tip.png');
}

.icon.user {
	background:url('/assets/img/icons/user.png');
}

.icon.id {
	background:url('/assets/img/icons/id.png');
}

.icon.spy {
	background:url('/assets/img/icons/spy.png');
}

.icon.logo {
	min-width:var(--50px-default-value);
	height:var(--50px-default-value);
	background:url('/assets/img/brand/logo.png');
}

a.with-userimg .user-image {
	width:var(--24px-default-value);
	float:left;
	margin-right:var(--8px-default-value);
}

a.with-userimg {
	line-height:var(--24px-default-value);
}

/* Profile SHIT */

.profile-avatar-frame {
	min-width:var(--128px-default-value);
	max-width:var(--128px-default-value);
	height:var(--128px-default-value);
	position:relative;
	margin-right:calc(var(--6px-default-value) * -1);
}

.profile-avatar-frame .frame {
	min-width:var(--128px-default-value);
	max-width:var(--128px-default-value);
	height:var(--128px-default-value);
	background-image:url('/assets/img/brand/default-avatar-frame.png');
	position:absolute;
}

.profile-avatar-frame .user-image {
	position:absolute;
	width:var(--94px-default-value)!important;
	max-width:var(--94px-default-value)!important;
	height:var(--94px-default-value);
	left:var(--15px-default-value);
	top:var(--15px-default-value);
	border-radius:var(--2px-default-value);
	box-shadow:none!important;
}

.user-display-name {
	color:#999;
	font-size:var(--30px-default-value);
	font-family:Georgia, Times, serif;
}

.text.profile-bio, .text.profile-pronouns {
	display:block;
	width:var(--378px-default-value);
}

.profile-pronouns {
	margin-bottom:var(--10px-default-value);
	margin-top:calc(var(--10px-default-value) * -1);
}

/* Controls Shit */

.row {
	display:block;
	width:100%;
}

input[type="checkbox"] {
	position:relative;
	top:2px;
	margin-right:8px;
	left:0px;
}

select {
	min-width:var(--94px-default-value);
}

.post-controls .left, .controls .left {
	flex:1;
	justify-content:left;
}

.controls {
	gap:var(--8px-default-value);
}

.button {
	display:inline-block;
	padding:var(--4px-default-value) var(--12px-default-value);
	background:linear-gradient(to bottom, #f0f0f0 0%, #eeeeee 48%, #c8c8c8 49%, #dddddd 50%, #dfdfdf 100%);
	border:var(--1px-default-value) solid #828282;
	border-radius:var(--3px-default-value);
	font-size:var(--10-5px-default-value);
	cursor:pointer;
	user-select:none;
	box-shadow:#fffd var(--1px-default-value) var(--1px-default-value) 0 inset, #fffd calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;
	text-shadow:#fff 0 var(--1px-default-value) 0;
	color:#424242;
	font-family:Verdana, Arial, sans-serif;
}

a.button {
	position:relative;
	top:var(--5px-default-value);
}

.button[disabled], .button.toggled {
	background:#cdcdcd!important;
	box-shadow:#0002 var(--1px-default-value) var(--1px-default-value) 0 inset, #fff6 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset!important;
	color:#686868!important;
}

.button:hover {
	background:linear-gradient(to bottom, #e8f0ff 0%, #dfeeff 48%, #aadde0 49%, #bfe8f8 50%, #80c8f0 100%);
	box-shadow:#ffff var(--1px-default-value) var(--1px-default-value) 0 inset, #fff8 calc(var(--1px-default-value) * -1) calc(var(--1px-default-value) * -1) 0 inset;
	color:#000;
	text-decoration:none;
}

.button:active {
	box-shadow:#000a 0 var(--1px-default-value) var(--2px-default-value) inset, #fffd 0 var(--1px-default-value) 0;
	background:linear-gradient(to bottom, #e8f0ff 0%, #dfeeff 48%, #aadde0 49%, #bfe8f8 50%, #80c8f0 100%);
	color:#000;
}

.button.with-icon {
	padding-left:var(--32px-default-value);
	position:relative;
}

.button .icon {
	position:absolute;
	left:var(--10px-default-value);
	top:var(--2px-default-value);
}

textarea, input[type=text], input[type=password], input[type=number] {
	border:var(--1px-default-value) solid #d4d8ff;
	border-top-color:#848484;
	border-radius:var(--2px-default-value);
	outline:none;
	font-family:Arial, sans-serif;
	font-size:var(--default-font-value);
	padding:var(--2px-default-value);
}

input[type=text], input[type=password], input[type=number] {
	padding:var(--3px-default-value) var(--2px-default-value);
}

textarea:hover, textarea:focus, input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus,  input[type=number]:hover,  input[type=number]:focus {
	border-color:#6688ee;
	border-top-color:#484848;
}