/*-------------------------------------------

  PLEASE DO NOT STEAL.

  Credits & Resources used can be found at:
  glencredits.tumblr.com/determination

-------------------------------------------*/

@import url(https://static.tumblr.com/gtjt4bo/jUIstwqol/overlayscrollbars_2.7.3.css);

html {
	box-sizing: border-box
}

*,
*::before,
*::after {
	box-sizing: inherit
}

.plain-list {
	list-style: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");
	padding-left: 0
}

@media(prefers-reduced-motion:reduce) {

	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
		scroll-behavior: auto !important
	}
}

.tmblr-full,
.tmblr-full-img-hug {
	position: relative !important
}

.npf-alt-text-btn {
	position: absolute;
	opacity: var(--NPF-Alt-Text-Button-Visibility);
	padding: var(--NPF-Alt-Text-Button-Padding);
	background: var(--NPF-Alt-Text-Button-Background-Color);
	border-radius: var(--NPF-Alt-Text-Button-Rounded-Corners);
	font-size: var(--NPF-Alt-Text-Button-Font-Size);
	color: var(--NPF-Alt-Text-Button-Text-Color);
	cursor: pointer;
	transition: opacity var(--NPF-Alt-Text-Button-Fade-Speed) ease-in-out;
	line-height: 1
}

.tmblr-full:hover .npf-alt-text-btn {
	opacity: 1
}

[alt-text-btn-position="top left"] {
	top: 0;
	left: 0;
	margin-top: var(--NPF-Alt-Text-Button-Corner-Offset);
	margin-left: var(--NPF-Alt-Text-Button-Corner-Offset)
}

[alt-text-btn-position="top right"] {
	top: 0;
	right: 0;
	margin-top: var(--NPF-Alt-Text-Button-Corner-Offset);
	margin-right: var(--NPF-Alt-Text-Button-Corner-Offset)
}

[alt-text-btn-position="bottom left"] {
	bottom: 0;
	left: 0;
	margin-bottom: var(--NPF-Alt-Text-Button-Corner-Offset);
	margin-left: var(--NPF-Alt-Text-Button-Corner-Offset)
}

[alt-text-btn-position="bottom right"] {
	bottom: 0;
	right: 0;
	margin-bottom: var(--NPF-Alt-Text-Button-Corner-Offset);
	margin-right: var(--NPF-Alt-Text-Button-Corner-Offset)
}

.npf_row .npf_col:has(.tmblr-full .npf-alt-text-btn) {
	position: relative !important
}

.npf_row .npf_col .tmblr-full:has(.npf-alt-text-btn) {
	position: initial !important
}

.npf-alt-text-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9997;
	background: var(--NPF-Alt-Text-Box-Overlay-Background-Color);
	display: none;
	opacity: 0
}

.npf-alt-text-overlay.show {
	opacity: var(--NPF-Alt-Text-Box-Overlay-Background-Strength)
}

.npf-alt-text-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	z-index: 9998;
	backdrop-filter: blur(var(--NPF-Alt-Text-Box-Overlay-Background-Blur));
	display: none;
	opacity: 0
}

.npf-alt-text-container.show {
	opacity: 1
}

.npf-alt-text-overlay,
.npf-alt-text-overlay.show,
.npf-alt-text-container,
.npf-alt-text-container.show {
	transition: opacity var(--NPF-Alt-Text-Box-Fade-Speed) ease-in-out
}

.npf-alt-text-box-outer {
	position: relative;
	width: min(var(--NPF-Alt-Text-Box-Width), 85vw);
	z-index: 0
}

.npf-alt-text-box {
	box-sizing: border-box;
	max-height: 85vh;
	overflow: auto;
	border: var(--NPF-Alt-Text-Box-Border-Thickness) solid var(--NPF-Alt-Text-Box-Border-Color);
	padding: var(--NPF-Alt-Text-Box-Padding);
	background: var(--NPF-Alt-Text-Box-Background-Color);
	border-radius: var(--NPF-Alt-Text-Box-Rounded-Corners);
	color: var(--NPF-Alt-Text-Box-Text-Color);
	line-height: var(--NPF-Alt-Text-Box-Line-Height)
}

.npf-alt-text-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: calc(0px - var(--NPF-Alt-Text-Close-Button-Icon-Padding) - (var(--NPF-Alt-Text-Close-Button-Icon-Size) / 4));
	margin-right: calc(0px - var(--NPF-Alt-Text-Close-Button-Icon-Padding) - (var(--NPF-Alt-Text-Close-Button-Icon-Size) / 4));
	width: calc(var(--NPF-Alt-Text-Close-Button-Icon-Size) + (var(--NPF-Alt-Text-Close-Button-Icon-Padding) * 2));
	height: calc(var(--NPF-Alt-Text-Close-Button-Icon-Size) + (var(--NPF-Alt-Text-Close-Button-Icon-Padding) * 2));
	background: var(--NPF-Alt-Text-Close-Button-Background-Color);
	border-radius: 100%;
	outline: none;
	border: none;
	cursor: pointer;
	z-index: 1
}

.npf-alt-text-close-btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: var(--NPF-Alt-Text-Close-Button-Icon-Padding);
	margin-left: var(--NPF-Alt-Text-Close-Button-Icon-Padding);
	width: var(--NPF-Alt-Text-Close-Button-Icon-Size);
	height: var(--NPF-Alt-Text-Close-Button-Icon-Size);
	mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L19 19M5 19L19 5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L19 19M5 19L19 5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: cover;
	-webkit-mask-size: cover;
	background: var(--NPF-Alt-Text-Close-Button-Icon-Color)
}

.legacy-photo img {
	display: block
}

.legacy-photoset>img {
	display: none
}

.legacy-photoset {
	display: flex;
	flex-flow: column nowrap
}

.legacy-photoset .photoset-row {
	display: grid
}

.legacy-photoset,
.photoset-row {
	gap: var(--Photoset-Spacing)
}

.legacy-photoset .photoset-row[cols="2"] {
	grid-template-columns: auto auto
}

.legacy-photoset .photoset-row[cols="3"] {
	grid-template-columns: auto auto auto
}

.legacy-photoset .photoset-row:not([cols="1"]) .img-cell {
	position: relative;
	min-width: 0;
	height: 0;
	padding-bottom: var(--rowH);
	overflow: hidden
}

.legacy-photoset .photoset-row:not([cols="1"]) .img-cell-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

img[onclick*="Tumblr.Lightbox.init"] {
	cursor: pointer
}

[npf-alt-text] {
	--NPF-Alt-Text-Button-Background-Color: var(--Post-Secondary-Text-Color-2);
	--NPF-Alt-Text-Button-Padding: 8px;
	--NPF-Alt-Text-Button-Text-Color: var(--Post-Secondary-BG);
	--NPF-Alt-Text-Box-Overlay-Background-Color: var(--Lightbox-BG);
	--NPF-Alt-Text-Box-Overlay-Background-Strength: var(--Lightbox-BG-Strength);
	--NPF-Alt-Text-Box-Overlay-Background-Blur: var(--Lightbox-BG-Blur-Amount);
	--NPF-Alt-Text-Box-Width: max(var(--Post-Content-Width), 400px);
	--NPF-Alt-Text-Box-Border-Thickness: var(--Post-Border-Size);
	--NPF-Alt-Text-Box-Border-Color: var(--Post-Border-Color);
	--NPF-Alt-Text-Box-Padding: calc(var(--Post-Padding) - var(--Body-LH-V-Gap)) var(--Post-Padding);
	--NPF-Alt-Text-Box-Background-Color: var(--Post-BG);
	--NPF-Alt-Text-Box-Text-Color: var(--Body-Text-Color);
	--NPF-Alt-Text-Box-Line-Height: calc(var(--Body-Line-Height) * 1.1)
}

.npf-alt-text-btn {
	line-height: 1 !important
}

.npf-alt-text-close-btn {
	display: none !important
}

.npf-alt-text-box-outer {
	position: relative
}

[post-shad="yes"] .npf-alt-text-box-outer {
	margin-left: calc(var(--Post-Shadow-Size) / 2)
}

.npf-alt-text-box::-webkit-scrollbar {
	width: var(--Scrollbar-Total-Size);
	height: var(--Scrollbar-Total-Size);
	background-color: var(--Scrollbar-BG)
}

.npf-alt-text-box::-webkit-scrollbar-thumb {
	background-color: var(--Scrollbar-Thumb);
	border: var(--Scrollbar-Padding) solid var(--Scrollbar-BG)
}

.npf-alt-text-box::-webkit-scrollbar-track {
	background: var(--Scrollbar-BG)
}

.npf-alt-text-box::-webkit-scrollbar-corner {
	background: #fff0
}

@-moz-document url-prefix() {
	.npf-alt-text-box {
		scrollbar-width: thin
	}
}

.tagscont {
	display: grid;
	overflow: hidden;
	font-size: var(--Tags-Font-Size) !important;
	line-height: var(--Tags-Line-Height) !important
}

[index-page][tags-vis="toggle"] .tagscont {
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out
}

[index-page][tags-vis="toggle-fade"] .tagscont {
	grid-template-rows: 0fr;
	opacity: 0;
	transition: grid-template-rows var(--Tags-Slide-Speed) var(--Tags-Fade-Delay) ease-in-out, opacity var(--Tags-Fade-Speed) ease-in-out
}

[index-page][tags-vis*="toggle"] .tc-inner-1 {
	min-height: 0;
	visibility: hidden;
	transition: visibility var(--Tags-Slide-Speed) 0s
}

[index-page][tags-vis*="toggle"] .posts:has(input[id^="tags-"]:checked) .tagscont {
	grid-template-rows: 1fr
}

[index-page][tags-vis="toggle"] .posts:has(input[id^="tags-"]:checked) .tagscont {
	transition: grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out
}

[index-page][tags-vis="toggle-fade"] .posts:has(input[id^="tags-"]:checked) .tagscont {
	opacity: 1;
	transition: grid-template-rows var(--Tags-Slide-Speed) 0s ease-in-out, opacity var(--Tags-Fade-Speed) var(--Tags-Fade-Delay) ease-in-out
}

.posts:has(input[id^="tags-"]:checked) .tagscont .tc-inner-1 {
	visibility: visible;
	transition: visibility 0s 0s
}

.tc-inner-2 {
	display: flex;
	flex-flow: row wrap;
	gap: var(--Tags-Spacing-Y) var(--Tags-Spacing-X);
	margin-top: calc(0px - var(--Tags-LH-V-Gap) + var(--Tags-Top-Gap));
	margin-bottom: calc(0px - var(--Tags-LH-V-Gap));
	margin-left: calc(0px - var(--Tags-Padding-X));
	width: calc(100% + (var(--Tags-Padding-X) * 2))
}

[tags-align="left"] .tc-inner-2 {
	justify-content: flex-start;
	text-align: left
}

[tags-align="right"] .tc-inner-2 {
	justify-content: flex-end;
	text-align: right
}

.comment .comment-body :is(span, b, i, u, s, strong, em, pre, code, small, big, sup, sub, h2, h3, h4, h5, h6)[style*="color:"] * {
	color: inherit
}

.tmblr-iframe-overlay .content-warning-cover {
	top: 0 !important;
	z-index: 2147483647 !important
}

figure.sc-20 {
	max-height: 20px !important;
	overflow: hidden
}

figure.sc-116 {
	max-height: 116px !important;
	overflow: hidden
}

figure.sc-500 {
	max-height: 500px !important;
	overflow: hidden
}

ol.notes,
ol.notes li {
	margin: 0;
	padding: 0;
	list-style: none
}

ol.notes img {
	display: none
}

ol.notes li {
	position: relative
}

ol.notes>li {
	margin-left: calc(var(--Post-Notes-Type-Icon-Size) + var(--Post-Notes-Type-Icon-Gap-Right)) !important
}

ol.notes li+li {
	margin-top: calc(0px - var(--Body-LH-V-Gap) + var(--Post-Notes-Row-Spacing))
}

ol.notes li.note>span.action>a:first-of-type {
	position: relative
}

ol.notes li>span.action>a:first-of-type:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	margin-left: calc(0px - var(--Post-Notes-Type-Icon-Size) - var(--Post-Notes-Type-Icon-Gap-Right));
	display: flex;
	align-items: center;
	width: var(--Post-Notes-Type-Icon-Size);
	height: var(--Post-Notes-Type-Icon-Size);
	background: var(--Post-Usernames-Color);
	transform-origin: center;
	transform: scale(.42) rotate(45deg);
	font-size: var(--Post-Notes-Type-Icon-Size);
	speak: never
}

ol.notes li.original_post blockquote {
	display: none
}

ol.notes blockquote,
ol.notes .answer_content {
	display: block;
	margin-top: calc(var(--Post-Notes-Row-Spacing) - 1px);
	margin-left: 0;
	padding-left: 0;
	border-left: none
}

ol.notes blockquote:before,
ol.notes .answer_content:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	margin-left: calc(0px - var(--Post-Notes-Type-Icon-Size) + (var(--Blockquote-Border-Size) / 2));
	width: min(var(--Blockquote-Border-Size), var(--Post-Notes-Type-Icon-Size));
	height: calc(100% - var(--Post-Notes-Type-Icon-Size) - 1em);
	background: var(--Blockquote-Border-Color)
}

ol.notes li.more_notes_link_container {
	margin-left: 0 !important
}

ol.notes li.with_commentary:not(.original_post):has(+li) blockquote {
	margin-bottom: 1em
}

ol.notes li[class*="tumblelog_"].original_post:has(~li[class*="tumblelog_"].original_post) {
	display: none
}

@font-face {
	font-family: "Diamonaire";
	src: url(https://static.tumblr.com/gtjt4bo/O9et015aq/diamonaire.ttf)
}

@font-face {
	font-family: "PixelOperator Bold";
	src: url(https://gfonts.gitlab.io/t/PixelOperator-Bold.ttf)
}

@font-face {
	font-family: "Ruler";
	src: url(https://static.tumblr.com/gtjt4bo/iuNt0165z/ruler.ttf)
}

@font-face {
	font-family: "Illusion Book";
	src: url(https://static.tumblr.com/gtjt4bo/uMKt01581/illusionbook-regular.ttf)
}

@font-face {
	font-family: "Home Video";
	src: url(https://static.tumblr.com/gtjt4bo/ESat06chb/homevideo-regular.ttf)
}

@font-face {
	font-family: "Consolas";
	src: url(https://static.tumblr.com/2pnwama/Cyzsxig36/consolas.ttf)
}

:root {
	--Posts-Focused-Item-Z-Index: 9999;
	--Posts-Unfocused-Item-Z-Index: 2;
	--Desc-Focused-Item-Z-Index: 3;
	--Desc-Unfocused-Item-Z-Index: 1
}

.drag-handle {
	cursor: grab
}

.drag-handle.is-dragging,
.drag-parent.is-dragging .drag-handle {
	cursor: grabbing
}

.posts,
.post-notes {
	z-index: var(--Posts-Unfocused-Item-Z-Index)
}

.posts:not(.item-focused)[style*="top:"][style*="left:"],
.post-notes:not(.item-focused)[style*="top:"][style*="left:"] {
	z-index: calc(var(--Posts-Unfocused-Item-Z-Index) + 1)
}

.posts.item-focused,
.post-notes.item-focused {
	z-index: var(--Posts-Focused-Item-Z-Index)
}

.desc-win {
	z-index: var(--Desc-Unfocused-Item-Z-Index)
}

.desc-win.item-focused {
	z-index: var(--Desc-Focused-Item-Z-Index)
}

.sb-head-flex {
	display: flex;
	align-items: center;
	gap: var(--Sidebar-Image-Right-Gap)
}

[sidebar-shad="yes"] .sb-head-flex:not(:last-child) {
	margin-bottom: calc(0px - var(--Sidebar-Shadow-Size))
}

.sb-img {
	flex-shrink: 0;
	width: var(--Sidebar-Image-Area-Width);
	height: var(--Sidebar-Image-Area-Width);
	display: flex;
	align-items: center;
	justify-content: center
}

[sb-img*="assets.tumblr.com/images/x.gif"] {
	display: none
}

.sb-img img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

[sb-img]:not([sb-img*="assets.tumblr.com/images/x.gif"]) img[aria-label]:not([aria-label=""]):not(.drag-handle img[aria-label]) {
	cursor: help
}

.sb-links {
	display: flex;
	flex-direction: column;
	align-items: center
}

.sb-links ul,
.sb-links li {
	margin: 0;
	padding: 0;
	list-style: none
}

.sb-links ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.sb-links,
.sb-links a {
	color: var(--Sidebar-Links-Text-Color)
}

.sb-links a {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	padding: calc(var(--Sidebar-Links-Row-Spacing) / 2) 0;
	gap: var(--Sidebar-Links-Column-Spacing)
}

.sb-links li:not(:first-child) a [sb-heart-icon] {
	opacity: 0
}

[sb-heart-icon] {
	display: flex;
	align-items: center;
	height: calc(var(--Sidebar-Links-Font-Size) * var(--Body-Line-Height));
	transition: opacity var(--Sidebar-Links-Hover-Speed) ease-in-out
}

.sb-links:has(a:hover) [sb-heart-icon]:not(a:hover) {
	opacity: 0
}

.sb-links a:hover [sb-heart-icon] {
	opacity: 1 !important
}

[sb-heart-icon]>span {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Sidebar-Links-Heart-Size, 12);
	background: var(--Sidebar-Links-Heart-Color);
	--w: 12;
	--h: 11;
	--scale: calc(var(--ren-w) / 12);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale));
	clip-path: polygon(0 calc(var(--y) * 2), var(--x) calc(var(--y) * 2), var(--x) var(--y), calc(var(--x) * 2) var(--y), calc(var(--x) * 2) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(var(--y) * 2), calc(var(--x) * 7) calc(var(--y) * 2), calc(var(--x) * 7) var(--y), calc(var(--x) * 8) var(--y), calc(var(--x) * 8) 0, calc(var(--x) * 10) 0, calc(var(--x) * 10) var(--y), calc(var(--x) * 11) var(--y), calc(var(--x) * 11) calc(var(--y) * 2), 100% calc(var(--y) * 2), 100% calc(var(--y) * 6), calc(var(--x) * 11) calc(var(--y) * 6), calc(var(--x) * 11) calc(var(--y) * 7), calc(var(--x) * 10) calc(var(--y) * 7), calc(var(--x) * 10) calc(var(--y) * 8), calc(var(--x) * 9) calc(var(--y) * 8), calc(var(--x) * 9) calc(var(--y) * 9), calc(var(--x) * 8) calc(var(--y) * 9), calc(var(--x) * 8) calc(var(--y) * 10), calc(var(--x) * 7) calc(var(--y) * 10), calc(var(--x) * 7) 100%, calc(var(--x) * 5) 100%, calc(var(--x) * 5) calc(var(--y) * 10), calc(var(--x) * 4) calc(var(--y) * 10), calc(var(--x) * 4) calc(var(--y) * 9), calc(var(--x) * 3) calc(var(--y) * 9), calc(var(--x) * 3) calc(var(--y) * 8), calc(var(--x) * 2) calc(var(--y) * 8), calc(var(--x) * 2) calc(var(--y) * 7), var(--x) calc(var(--y) * 7), var(--x) calc(var(--y) * 6), 0 calc(var(--y) * 6))
}

[sb-asterisk] {
	display: flex;
	align-items: center;
	height: calc(var(--Sidebar-Links-Font-Size) * var(--Body-Line-Height))
}

[sb-asterisk]>span {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Sidebar-Links-Asterisk-Size, 5);
	--w: 5;
	--h: 5;
	--scale: calc(var(--ren-w) / 5);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[sb-asterisk]>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

[sb-asterisk]>span>span:before,
[sb-asterisk]>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Sidebar-Links-Asterisk-Color)
}

[sb-asterisk]>span>span:first-child:before {
	clip-path: polygon(calc(var(--x) * 2) 0, calc(var(--x) * 2) calc(var(--y) * 2), var(--x) calc(var(--y) * 2), var(--x) calc(var(--y) * 3), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 2) 100%, calc(var(--x) * 3) 100%, calc(var(--x) * 3) calc(var(--y) * 3), calc(100% - var(--x)) calc(var(--y) * 3), calc(100% - var(--x)) calc(var(--y) * 2), calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 3) 0)
}

[sb-asterisk]>span>span:first-child:after {
	display: none
}

[sb-asterisk]>span>span:nth-child(2):before,
[sb-asterisk]>span>span:nth-child(2):after {
	clip-path: polygon(var(--x) var(--y), 0 var(--y), 0 calc(var(--y) * 2), var(--x) calc(var(--y) * 2), var(--x) var(--y), calc(100% - var(--x)) var(--y), calc(100% - var(--x)) calc(var(--y) * 2), 100% calc(var(--y) * 2), 100% var(--y))
}

[sb-asterisk]>span>span:nth-child(2):after {
	transform: scaleY(-1)
}

[sb-asterisk]>span>span:nth-child(n+3) {
	display: none
}

.sb-links a>[sb-heart-icon]~[sbl-text]:last-child {
	flex: 1
}

[sbl-text] {
	min-height: calc(var(--Sidebar-Links-Font-Size) * var(--Body-Line-Height));
	display: flex;
	flex-direction: column;
	justify-content: center;
	font: var(--Sidebar-Links-Font-Weight, normal) var(--Sidebar-Links-Font-Size, inherit) var(--Sidebar-Links-Font-Family), sans-serif;
	text-transform: uppercase;
	letter-spacing: var(--Sidebar-Links-Letter-Spacing);
	word-spacing: var(--Sidebar-Links-Word-Spacing)
}

:root {
	--Desc-Title-Bar-Buttons-Total-Size: calc((var(--Desc-Title-Bar-Buttons-Pixel-Size) * 9) + (var(--Desc-Title-Bar-Buttons-Padding) * 2) + (var(--Desc-Title-Bar-Buttons-Border-Size) * 2))
}

.desc-win {
	position: relative
}

.desc-win.minimize-desc .desc-main {
	display: none !important
}

.desc-winner {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--Desc-Window-Row-Spacing);
	width: 100%;
	border: var(--Desc-Window-Outer-Border-Size) solid var(--Desc-Window-Outer-Border-Color);
	padding: var(--Desc-Window-Outer-Border-Padding);
	background: var(--Desc-Window-Outer-BG)
}

.desc-tbar {
	border: var(--Desc-Title-Bar-Border-Size) solid var(--Desc-Title-Bar-Border-Color);
	padding: var(--Desc-Title-Bar-Padding);
	background: var(--Desc-Title-Bar-BG);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: min(10px, var(--Desc-Title-Bar-Padding))
}

.desc-t {
	display: flex;
	height: var(--Desc-Title-Bar-Buttons-Total-Size);
	align-items: center;
	flex: 1;
	color: var(--Desc-Title-Color);
	font: var(--Desc-Title-Font-Weight, normal) var(--Desc-Title-Font-Size, inherit)/var(--Desc-Title-Line-Height, 1.65) var(--Desc-Title-Font-Family), sans-serif !important;
	letter-spacing: var(--Desc-Title-Letter-Spacing) !important;
	word-spacing: var(--Desc-Title-Word-Spacing) !important;
	line-height: 1
}

.desc-t-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.desc-t-inner>[class^="desc-t-"] {
	margin-left: 1px
}

.desc-t-marq {
	position: absolute;
	display: block;
	white-space: nowrap;
	left: 100%;
	right: initial;
	animation: desc_mqee calc(var(--chara-count) * var(--Desc-Title-Marquee-Chara-Speed)) linear infinite
}

@keyframes desc_mqee {
	from {
		left: 100%
	}

	to {
		left: 0;
		transform: translateX(-100%)
	}
}

.desc-t-right {
	flex-shrink: 0
}

ul.desc-btns,
li.desc-btn,
li.desc-btn button {
	all: initial;
	box-sizing: border-box
}

ul.desc-btns {
	display: flex;
	align-items: center;
	gap: var(--Desc-Title-Bar-Buttons-Spacing)
}

li.desc-btn {
	position: relative;
	display: block;
	width: var(--Desc-Title-Bar-Buttons-Total-Size);
	height: var(--Desc-Title-Bar-Buttons-Total-Size);
	border: var(--Desc-Title-Bar-Buttons-Border-Size) solid var(--Desc-Title-Bar-Buttons-Border-Color);
	background: var(--Desc-Title-Bar-Buttons-BG)
}

li.desc-btn button {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	cursor: help
}

li.desc-btn button>span {
	pointer-events: none
}

:root {
	--Desc-Title-Bar-Buttons-Pixel-Size: 1px;
	--Desc-Title-Bar-Buttons-Pixel-Color: var(--Desc-Title-Bar-Buttons-Icon-Color)
}

li.desc-btn .btn-min>span {
	position: absolute;
	display: block;
	bottom: 0;
	margin-bottom: var(--Desc-Title-Bar-Buttons-Padding);
	left: 50%;
	transform: translateX(-50%) perspective(0);
	width: calc((var(--Desc-Title-Bar-Buttons-Pixel-Size) * 9) - 1px);
	height: var(--Desc-Title-Bar-Buttons-Pixel-Size);
	background: var(--Desc-Title-Bar-Buttons-Pixel-Color);
	opacity: .75
}

li.desc-btn .btn-min>*:nth-child(n+2) {
	display: none
}

li.desc-btn .btn-max>span {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) perspective(0);
	width: calc((var(--Desc-Title-Bar-Buttons-Pixel-Size) * 9) - 1px);
	height: calc((var(--Desc-Title-Bar-Buttons-Pixel-Size) * 9) - 1px);
	border: var(--Desc-Title-Bar-Buttons-Pixel-Size) solid var(--Desc-Title-Bar-Buttons-Pixel-Color);
	opacity: .75
}

li.desc-btn .btn-max>*:nth-child(n+2) {
	display: none
}

li.desc-btn .btn-close>span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) perspective(0);
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Desc-Title-Bar-Buttons-Icon-Size, 9);
	--w: 9;
	--h: 9;
	--scale: calc(var(--ren-w) / 9);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

li.desc-btn .btn-close>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

li.desc-btn .btn-close>span>span:before,
li.desc-btn .btn-close>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Desc-Title-Bar-Buttons-Icon-Color)
}

li.desc-btn .btn-close>span>span:after {
	transform: scaleY(-1)
}

li.desc-btn .btn-close>span>span:first-child:before,
li.desc-btn .btn-close>span>span:first-child:after {
	clip-path: polygon(var(--x) 0, 0 0, 0% var(--y), var(--x) var(--y), var(--x) 0, calc(100% - var(--x)) 0, calc(100% - var(--x)) var(--y), 100% var(--y), 100% 0)
}

li.desc-btn .btn-close>span>span:nth-child(2):before,
li.desc-btn .btn-close>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 2) var(--y), var(--x) var(--y), var(--x) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) var(--y), calc(100% - (var(--x) * 2)) var(--y), calc(100% - (var(--x) * 2)) calc(var(--y) * 2), calc(100% - var(--x)) calc(var(--y) * 2), calc(100% - var(--x)) var(--y))
}

li.desc-btn .btn-close>span>span:nth-child(3):before,
li.desc-btn .btn-close>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 2))
}

li.desc-btn .btn-close>span>span:nth-child(4):before,
li.desc-btn .btn-close>span>span:nth-child(4):after {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 3), calc(var(--x) * 5) calc(var(--y) * 3), calc(var(--x) * 5) calc(var(--y) * 4), calc(var(--x) * 6) calc(var(--y) * 4), calc(var(--x) * 6) calc(var(--y) * 3))
}

li.desc-btn .btn-close>span>span:nth-child(5):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 4))
}

li.desc-btn .btn-close>span>span:nth-child(5):after,
li.desc-btn .btn-close>span>span:nth-child(n+6) {
	display: none
}

[sidebar-shad="yes"] .desc-win:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	--base-margin: calc(0px - var(--Desc-Window-Outer-Border-Size));
	--base-dims: calc(100% + var(--Desc-Window-Outer-Border-Size) * 2);
	margin-top: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	margin-left: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	width: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	height: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	background: var(--Sidebar-Shadow-Color);
	z-index: -2
}

.custom-links ul,
.custom-links li {
	margin: 0;
	padding: 0;
	list-style: none
}

.custom-links ul {
	display: grid;
	grid-template-columns: repeat(var(--Custom-Links-Columns, 1), 1fr);
	gap: var(--Custom-Links-Spacing)
}

[sidebar-shad="yes"] .custom-links ul {
	gap: calc(var(--Custom-Links-Spacing) + var(--Sidebar-Shadow-Size))
}

.custom-links li {
	display: flex;
	align-items: stretch
}

.custom-links a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: var(--Custom-Links-Border-Size) solid var(--Custom-Links-Border-Color);
	padding: var(--Custom-Links-Padding-Y) var(--Custom-Links-Padding-X);
	background: var(--Custom-Links-BG);
	font: var(--Custom-Links-Font-Weight, normal) var(--Custom-Links-Font-Size, inherit)/var(--Custom-Links-Line-Height, 1.65) var(--Custom-Links-Font-Family), sans-serif;
	text-transform: uppercase;
	letter-spacing: var(--Custom-Links-Letter-Spacing);
	word-spacing: var(--Custom-Links-Word-Spacing);
	color: var(--Custom-Links-Text-Color);
	transition: border-color var(--Custom-Links-Hover-Speed) ease-in-out, background-color var(--Custom-Links-Hover-Speed) ease-in-out, color var(--Custom-Links-Hover-Speed) ease-in-out;
	flex: 1
}

.custom-links a:hover {
	border-color: var(--Custom-Links-HOVER-Border-Color);
	background: var(--Custom-Links-HOVER-BG);
	color: var(--Custom-Links-HOVER-Text-Color)
}

[sidebar-shad="yes"] .custom-links a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	--base-margin: calc(0px - var(--Custom-Links-Border-Size));
	--base-dims: calc(100% + var(--Custom-Links-Border-Size) * 2);
	margin-top: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	margin-left: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	width: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	height: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	background: var(--Sidebar-Shadow-Color);
	z-index: -1
}

.sb-mp.mp-hide {
	display: none !important
}

.sb-mp {
	--Music-Player-Btns-Total-Size: calc(var(--Music-Player-Btns-Icon-Size) + (var(--Music-Player-Btns-Icon-Padding) * 2) + (var(--Music-Player-Btns-Border-Size) * 2));
	--Music-Player-Name-Total-Height: calc(var(--Music-Player-Name-Font-Size) + (var(--Music-Player-Name-Border-Size) * 2) + (var(--Music-Player-Name-Side-Padding) * 2));
	--Music-Player-Tallest-Col: max(var(--Music-Player-Btns-Total-Size), var(--Music-Player-Name-Total-Height));
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: var(--Music-Player-Center-Gap);
	display: none
}

.sb-mp.mp-ready {
	display: grid
}

.sb-mp.mp-hide {
	display: none !important
}

[sidebar-shad="yes"] .sb-mp {
	gap: calc(var(--Sidebar-Shadow-Offset) + var(--Music-Player-Center-Gap))
}

.sb-mp .d-mp-btns {
	position: relative;
	width: var(--Music-Player-Tallest-Col);
	height: var(--Music-Player-Tallest-Col);
	flex-shrink: 0
}

[sidebar-shad="yes"] .sb-mp .d-mp-btns:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	--base-margin: 0px;
	--base-dims: 100%;
	margin-top: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	margin-left: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	width: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	height: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	background: var(--Sidebar-Shadow-Color);
	z-index: -1
}

.sb-mp .mp-btns-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	border: var(--Music-Player-Btns-Border-Size) solid var(--Music-Player-Btns-Border-Color);
	background: var(--Music-Player-Btns-BG);
	overflow: hidden
}

.sb-mp button {
	all: unset;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform-origin: center
}

.sb-mp .mp-btns-wrap:has(button:active) button {
	transform: scale(var(--Music-Player-Btns-Pressed-Zoom-Factor, 1), var(--Music-Player-Btns-Pressed-Zoom-Factor, 1))
}

.sb-mp .mp-pause {
	display: none
}

.sb-mp .mp-play>span {
	position: relative;
	transform: translateX(1px);
	pointer-events: none;
	--ren-w: calc(var(--Music-Player-Btns-Icon-Size-RAW, 7) / 2);
	--w: 7;
	--h: 14;
	--scale: calc(var(--ren-w) / 7);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * 1.55 * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.sb-mp .mp-play>span>span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.sb-mp .mp-play>span>span:before,
.sb-mp .mp-play>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Music-Player-Btns-Icon-Color);
	transform: perspective(0) translateZ(0)
}

.sb-mp .mp-play>span>span:first-child:before {
	clip-path: polygon(0 0, 0 100%, var(--x) 100%, var(--x) 0)
}

.sb-mp .mp-play>span>span:first-child:after {
	clip-path: polygon(var(--x) var(--y), var(--x) calc(100% - var(--y)), calc(var(--x) * 2) calc(100% - var(--y)), calc(var(--x) * 2) var(--y))
}

.sb-mp .mp-play>span>span:nth-child(2):before {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(var(--y) * 2))
}

.sb-mp .mp-play>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(var(--y) * 3))
}

.sb-mp .mp-play>span>span:nth-child(3):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(var(--y) * 4))
}

.sb-mp .mp-play>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(var(--y) * 5))
}

.sb-mp .mp-play>span>span:nth-child(4):before {
	clip-path: polygon(calc(var(--x) * 6) calc(var(--y) * 6), calc(var(--x) * 6) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(var(--y) * 6))
}

.sb-mp .mp-play>span>span:nth-child(4):after,
.sb-mp .mp-play>span>span:nth-child(n+5) {
	display: none
}

.sb-mp .mp-pause>span {
	position: relative;
	display: block;
	pointer-events: none;
	--ren-w: calc(var(--Music-Player-Btns-Icon-Size-RAW, 13) - 2);
	--w: 13;
	--h: 15;
	--scale: calc(var(--ren-w) / 13);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.sb-mp .mp-pause>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.sb-mp .mp-pause>span>span:before,
.sb-mp .mp-pause>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Music-Player-Btns-Icon-Color)
}

.sb-mp .mp-pause>span>span:first-child:before,
.sb-mp .mp-pause>span>span:first-child:after {
	clip-path: polygon(0 var(--y), var(--x) var(--y), var(--x) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(100% - var(--y)), calc(var(--x) * 4) calc(100% - var(--y)), calc(var(--x) * 4) 100%, var(--x) 100%, var(--x) calc(100% - var(--y)), 0 calc(100% - var(--y)))
}

.sb-mp .mp-pause>span>span:first-child:after {
	transform: scaleX(-1)
}

.mp-name-wrap {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: var(--Music-Player-Tallest-Col);
	border: var(--Music-Player-Name-Border-Size) solid var(--Music-Player-Name-Border-Color);
	padding: 0 var(--Music-Player-Name-Side-Padding);
	background: var(--Music-Player-Name-BG);
	font: var(--Music-Player-Name-Font-Weight, normal) var(--Music-Player-Name-Font-Size, inherit)/var(--Music-Player-Name-Line-Height, 1.65) var(--Music-Player-Name-Font-Family), sans-serif !important;
	color: var(--Music-Player-Name-Text-Color)
}

[sidebar-shad="yes"] .sb-mp .mp-name-wrap:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	--base-margin: calc(0px - var(--Music-Player-Name-Border-Size));
	--base-dims: calc(100% + var(--Music-Player-Name-Border-Size) * 2);
	margin-top: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	margin-left: calc(var(--base-margin) + var(--Sidebar-Shadow-Offset));
	width: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	height: calc(var(--base-dims) - var(--Sidebar-Shadow-Offset) + var(--Sidebar-Shadow-Size));
	background: var(--Sidebar-Shadow-Color);
	z-index: -1
}

.mp-name-wrap-inner {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.mp-name-wrap,
.mp-name {
	line-height: initial
}

.mpn-plain {
	display: block;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.mpn-marq {
	position: absolute;
	display: block;
	white-space: nowrap;
	left: 100%;
	right: initial;
	animation: songNameMarq calc(var(--chara-count) * var(--Music-Player-Name-Marquee-Chara-Speed)) linear infinite
}

@keyframes songNameMarq {
	from {
		left: 100%
	}

	to {
		left: 0;
		transform: translateX(-100%)
	}
}

[post-shad="yes"] .posts:after,
[post-shad="yes"] .post-notes:after,
[post-shad="yes"] .page-numbers:after,
[post-shad="yes"] .npf-alt-text-box-outer:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	--base-margin: calc(0px - var(--Post-Border-Size));
	--base-dims: calc(100% + var(--Post-Border-Size) * 2);
	margin-top: calc(var(--base-margin) + var(--Post-Shadow-Offset));
	margin-left: calc(var(--base-margin) + var(--Post-Shadow-Offset));
	width: calc(var(--base-dims) - var(--Post-Shadow-Offset) + var(--Post-Shadow-Size));
	height: calc(var(--base-dims) - var(--Post-Shadow-Offset) + var(--Post-Shadow-Size));
	background: var(--Post-Shadow-Color);
	z-index: -1
}

.post-window-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: min(var(--Post-Window-Bar-Padding), 10px);
	border: var(--Post-Window-Bar-Border-Size) solid var(--Post-Window-Bar-Border-Color);
	padding: var(--Post-Window-Bar-Padding);
	background: var(--Post-Window-Bar-BG);
	white-space: nowrap;
	color: var(--Post-Window-Bar-Text-Color)
}

.post-window-bar:not(.posts.minimize-post .post-window-bar, .post-notes.minimize-post .post-window-bar):not(:last-child) {
	margin-bottom: var(--Post-Padding)
}

.winbar-left {
	display: flex;
	align-items: center;
	gap: var(--Post-Window-Bar-Left-Items-Spacing);
	overflow: hidden
}

.winbar-pinned~.winbar-post-type {
	display: none
}

.winbar-arr {
	position: relative;
	margin-right: 1px;
	pointer-events: none;
	--ren-w: var(--Post-Window-Bar-Arrow-Size, 5);
	--w: 5;
	--h: 9;
	--scale: calc(var(--ren-w) / 5);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.winbar-arr>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.winbar-arr>span:before,
.winbar-arr>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Post-Window-Bar-Arrow-Color)
}

.winbar-arr>span:after {
	transform: scaleY(-1)
}

.winbar-arr>span:first-child:before,
.winbar-arr>span:first-child:after {
	clip-path: polygon(0 0, 0 var(--y), var(--x) var(--y), var(--x) 0)
}

.winbar-arr>span:nth-child(2):before,
.winbar-arr>span:nth-child(2):after {
	clip-path: polygon(var(--x) var(--y), var(--x) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) var(--y))
}

.winbar-arr>span:nth-child(3):before,
.winbar-arr>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 2))
}

.winbar-arr>span:nth-child(4):before,
.winbar-arr>span:nth-child(4):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 3))
}

.winbar-arr>span:nth-child(5):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 5), 100% calc(var(--y) * 5), 100% calc(var(--y) * 4))
}

.winbar-arr>span:nth-child(5):after,
.winbar-arr>span:nth-child(n+6) {
	display: none
}

.winbar-title,
.wbt-piece {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}

.winbar-title>.wbt-piece:not(:first-child) {
	display: none
}

.winbar-right {
	flex-shrink: 0
}

ul.winbar-btns,
li.winbar-btn,
li.winbar-btn button {
	all: initial;
	box-sizing: border-box
}

ul.winbar-btns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--Post-Window-Bar-Buttons-Spacing)
}

li.winbar-btn button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((var(--Post-Window-Bar-Buttons-Pixel-Size) * 9) + (var(--Post-Window-Bar-Buttons-Padding) * 2) + (var(--Post-Window-Bar-Buttons-Border-Size) * 2));
	height: calc((var(--Post-Window-Bar-Buttons-Pixel-Size) * 9) + (var(--Post-Window-Bar-Buttons-Padding) * 2) + (var(--Post-Window-Bar-Buttons-Border-Size) * 2));
	border: var(--Post-Window-Bar-Buttons-Border-Size) solid var(--Post-Window-Bar-Buttons-Border-Color);
	background: var(--Post-Window-Bar-Buttons-BG);
	cursor: help
}

li.winbar-btn button>* {
	pointer-events: none
}

li.winbar-btn button>span {
	position: relative;
	width: calc(var(--Post-Window-Bar-Buttons-Pixel-Size) * 9);
	height: calc(var(--Post-Window-Bar-Buttons-Pixel-Size) * 9)
}

:root {
	--Post-Window-Bar-Buttons-Pixel-Size: 1px;
	--Post-Window-Bar-Buttons-Pixel-Color: var(--Post-Window-Bar-Buttons-Icon-Color)
}

li.winbar-btn button.btn-min>span {
	opacity: .75
}

li.winbar-btn button.btn-min>span>span:first-child {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) perspective(0);
	width: calc(100% - 1px);
	height: var(--Post-Window-Bar-Buttons-Pixel-Size);
	background: var(--Post-Window-Bar-Buttons-Pixel-Color)
}

li.winbar-btn button.btn-min>span>*:nth-child(n+2) {
	display: none
}

li.winbar-btn button.btn-max>span {
	opacity: .75
}

li.winbar-btn button.btn-max>span {
	display: flex;
	align-items: center
}

li.winbar-btn button.btn-max>span>span:first-child {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) perspective(0);
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	border: var(--Post-Window-Bar-Buttons-Pixel-Size) solid var(--Post-Window-Bar-Buttons-Pixel-Color)
}

li.winbar-btn button.btn-max>span>*:nth-child(n+2) {
	display: none
}

li.winbar-btn .btn-close>span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) perspective(0);
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Post-Window-Bar-Buttons-Icon-Size, 9);
	--w: 9;
	--h: 9;
	--scale: calc(var(--ren-w) / 9);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

li.winbar-btn .btn-close>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

li.winbar-btn .btn-close>span>span:before,
li.winbar-btn .btn-close>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Post-Window-Bar-Buttons-Icon-Color)
}

li.winbar-btn .btn-close>span>span:after {
	transform: scaleY(-1)
}

li.winbar-btn .btn-close>span>span:first-child:before,
li.winbar-btn .btn-close>span>span:first-child:after {
	clip-path: polygon(var(--x) 0, 0 0, 0% var(--y), var(--x) var(--y), var(--x) 0, calc(100% - var(--x)) 0, calc(100% - var(--x)) var(--y), 100% var(--y), 100% 0)
}

li.winbar-btn .btn-close>span>span:nth-child(2):before,
li.winbar-btn .btn-close>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 2) var(--y), var(--x) var(--y), var(--x) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) var(--y), calc(100% - (var(--x) * 2)) var(--y), calc(100% - (var(--x) * 2)) calc(var(--y) * 2), calc(100% - var(--x)) calc(var(--y) * 2), calc(100% - var(--x)) var(--y))
}

li.winbar-btn .btn-close>span>span:nth-child(3):before,
li.winbar-btn .btn-close>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 2))
}

li.winbar-btn .btn-close>span>span:nth-child(4):before,
li.winbar-btn .btn-close>span>span:nth-child(4):after {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 3), calc(var(--x) * 5) calc(var(--y) * 3), calc(var(--x) * 5) calc(var(--y) * 4), calc(var(--x) * 6) calc(var(--y) * 4), calc(var(--x) * 6) calc(var(--y) * 3))
}

li.winbar-btn .btn-close>span>span:nth-child(5):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 4))
}

li.winbar-btn .btn-close>span>span:nth-child(5):after,
li.winbar-btn .btn-close>span>span:nth-child(n+6) {
	display: none
}

.btns-wrap button>span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--Audio-Post-Buttons-Icons-Size);
	height: var(--Audio-Post-Buttons-Icons-Size);
	pointer-events: none
}

.audio-wrap .play-btn>span {
	position: relative;
	transform: translateX(1px);
	pointer-events: none;
	--ren-w: var(--Play-Button-Icon-Size, 7);
	--w: 7;
	--h: 14;
	--scale: calc(var(--ren-w) / 7);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * 1.55 * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.audio-wrap .play-btn>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.audio-wrap .play-btn>span>span:before,
.audio-wrap .play-btn>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Play-Button-Icon-Color);
	transform: perspective(0) translateZ(0)
}

.audio-wrap .play-btn>span>span:first-child:before {
	clip-path: polygon(0 0, 0 100%, var(--x) 100%, var(--x) 0)
}

.audio-wrap .play-btn>span>span:first-child:after {
	clip-path: polygon(var(--x) var(--y), var(--x) calc(100% - var(--y)), calc(var(--x) * 2) calc(100% - var(--y)), calc(var(--x) * 2) var(--y))
}

.audio-wrap .play-btn>span>span:nth-child(2):before {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(var(--y) * 2))
}

.audio-wrap .play-btn>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(var(--y) * 3))
}

.audio-wrap .play-btn>span>span:nth-child(3):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(var(--y) * 4))
}

.audio-wrap .play-btn>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(var(--y) * 5))
}

.audio-wrap .play-btn>span>span:nth-child(4):before {
	clip-path: polygon(calc(var(--x) * 6) calc(var(--y) * 6), calc(var(--x) * 6) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(var(--y) * 6))
}

.audio-wrap .play-btn>span>span:nth-child(4):after,
.audio-wrap .play-btn>span>span:nth-child(n+5) {
	display: none
}

.audio-wrap .pause-btn>span {
	position: relative;
	display: block;
	pointer-events: none;
	--ren-w: var(--Pause-Button-Icon-Size, 13);
	--w: 13;
	--h: 15;
	--scale: calc(var(--ren-w) / 13);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.audio-wrap .pause-btn>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.audio-wrap .pause-btn>span>span:before,
.audio-wrap .pause-btn>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Pause-Button-Icon-Color)
}

.audio-wrap .pause-btn>span>span:first-child:before,
.audio-wrap .pause-btn>span>span:first-child:after {
	clip-path: polygon(0 var(--y), var(--x) var(--y), var(--x) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(100% - var(--y)), calc(var(--x) * 4) calc(100% - var(--y)), calc(var(--x) * 4) 100%, var(--x) 100%, var(--x) calc(100% - var(--y)), 0 calc(100% - var(--y)))
}

.audio-wrap .pause-btn>span>span:first-child:after {
	transform: scaleX(-1)
}

.audio-dl>span {
	position: relative;
	display: block;
	pointer-events: none;
	--ren-w: var(--Audio-Post-Download-Btn-Size, 13);
	--w: 13;
	--h: 14;
	--scale: calc(var(--ren-w) / 13);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.audio-dl>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.audio-dl>span>span:before,
.audio-dl>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Audio-Post-Download-Btn-Color)
}

.audio-dl>span>span:first-child:before {
	clip-path: polygon(calc(var(--x) * 6) 0, calc(var(--x) * 7) 0, calc(var(--x) * 7) calc(100% - (var(--y) * 4)), calc(var(--x) * 6) calc(100% - (var(--y) * 4)))
}

.audio-dl>span>span:first-child:after {
	clip-path: polygon(calc(var(--x) * 5) calc(100% - (var(--y) * 4)), calc(100% - (var(--x) * 5)) calc(100% - (var(--y) * 4)), calc(100% - (var(--x) * 5)) calc(100% - (var(--y) * 5)), calc(var(--x) * 5) calc(100% - (var(--y) * 5)))
}

.audio-dl>span>span:nth-child(2):before,
.audio-dl>span>span:nth-child(2):after {
	clip-path: polygon(0 calc(100% - (var(--y) * 4)), var(--x) calc(100% - (var(--y) * 4)), var(--x) calc(100% - (var(--y) * 2)), 0 calc(100% - (var(--y) * 2)))
}

.audio-dl>span>span:nth-child(2):after {
	transform: scaleX(-1)
}

.audio-dl>span>span:nth-child(3):before,
.audio-dl>span>span:nth-child(3):after {
	clip-path: polygon(var(--x) calc(100% - (var(--y) * 2)), var(--x) calc(100% - var(--y)), calc(var(--x) * 2) calc(100% - var(--y)), calc(var(--x) * 2) calc(100% - (var(--y) * 2)))
}

.audio-dl>span>span:nth-child(3):after {
	transform: scaleX(-1)
}

.audio-dl>span>span:nth-child(4):before {
	clip-path: polygon(calc(var(--x) * 2) calc(100% - var(--y)), calc(var(--x) * 2) 100%, calc(100% - (var(--x) * 2)) 100%, calc(100% - (var(--x) * 2)) calc(100% - var(--y)))
}

.audio-dl>span>span:nth-child(4):after {
	display: none
}

.audio-dl>span>span:nth-child(5):before,
.audio-dl>span>span:nth-child(5):after {
	clip-path: polygon(calc(var(--x) * 4) calc(100% - (var(--y) * 6)), calc(var(--x) * 4) calc(100% - (var(--y) * 5)), calc(var(--x) * 5) calc(100% - (var(--y) * 5)), calc(var(--x) * 5) calc(100% - (var(--y) * 6)))
}

.audio-dl>span>span:nth-child(5):after {
	transform: scaleX(-1)
}

.audio-dl>span>span:nth-child(6):before,
.audio-dl>span>span:nth-child(6):after {
	clip-path: polygon(calc(var(--x) * 3) calc(100% - (var(--y) * 7)), calc(var(--x) * 3) calc(100% - (var(--y) * 6)), calc(var(--x) * 4) calc(100% - (var(--y) * 6)), calc(var(--x) * 4) calc(100% - (var(--y) * 7)))
}

.audio-dl>span>span:nth-child(6):after {
	transform: scaleX(-1)
}

.audio-dl>span>span:nth-child(7):before,
.audio-dl>span>span:nth-child(7):after {
	clip-path: polygon(calc(var(--x) * 2) calc(100% - (var(--y) * 8)), calc(var(--x) * 2) calc(100% - (var(--y) * 7)), calc(var(--x) * 3) calc(100% - (var(--y) * 7)), calc(var(--x) * 3) calc(100% - (var(--y) * 8)))
}

.audio-dl>span>span:nth-child(7):after {
	transform: scaleX(-1)
}

.link-arr-wrap>span {
	--ren-w: var(--Link-Post-Title-Arrow-Size, 6);
	--w: 6;
	--h: 5;
	--scale: calc(var(--ren-w) / 6);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.link-arr-wrap>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.link-arr-wrap>span>span:before,
.link-arr-wrap>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Link-Post-Title-Arrow-Color)
}

.link-arr-wrap>span>span:after {
	transform: scaleY(-1)
}

.link-arr-wrap>span>span:first-child:before,
.link-arr-wrap>span>span:first-child:after {
	clip-path: polygon(var(--x) 0, 0 0, 0 var(--y), var(--x) var(--y), var(--x) 0, calc(var(--x) * 3) 0, calc(var(--x) * 3) var(--y), calc(var(--x) * 4) var(--y), calc(var(--x) * 4) 0)
}

.link-arr-wrap>span>span:nth-child(2):before,
.link-arr-wrap>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 2) var(--y), var(--x) var(--y), var(--x) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) var(--y), calc(var(--x) * 4) var(--y), calc(var(--x) * 4) calc(var(--y) * 2), calc(var(--x) * 5) calc(var(--y) * 2), calc(var(--x) * 5) var(--y))
}

.link-arr-wrap>span>span:nth-child(3):before,
.link-arr-wrap>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 2), calc(100% - var(--x)) calc(var(--y) * 2), calc(100% - var(--x)) calc(var(--y) * 3), 100% calc(var(--y) * 3), 100% calc(var(--y) * 2))
}

.quote-post .quote-set {
	position: relative;
	--Quote-Heart-Box-Total-Size: calc((1px * var(--Quote-Heart-Icon-Size)) + (var(--Quote-Heart-Padding) * 2) + (var(--Quote-Heart-Border-Size) * 2));
	--Quote-Heart-Icon-Color: var(--Post-Secondary-Text-Color-2)
}

.quote-post .quote-heart-cont {
	position: relative;
	display: flex;
	justify-content: center;
	margin-left: calc(0px - var(--Post-Padding));
	width: calc(100% + (var(--Post-Padding) * 2));
	z-index: 0
}

.quote-post .quote-heart-cont:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: var(--Post-Secondary-Border-Size);
	background: var(--Post-Secondary-Border-Color);
	z-index: -1
}

.quote-post .quote-heart-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--Quote-Heart-Box-Total-Size);
	height: var(--Quote-Heart-Box-Total-Size);
	border: var(--Quote-Heart-Border-Size) solid var(--Quote-Heart-Border-Color);
	background: var(--Post-Secondary-BG)
}

.quote-post .quote-heart-hug {
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Quote-Heart-Icon-Size, 12);
	background: var(--Quote-Heart-Icon-Color);
	--w: 12;
	--h: 11;
	--scale: calc(var(--ren-w) / 12);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale));
	clip-path: polygon(0 calc(var(--y) * 2), var(--x) calc(var(--y) * 2), var(--x) var(--y), calc(var(--x) * 2) var(--y), calc(var(--x) * 2) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(var(--y) * 2), calc(var(--x) * 7) calc(var(--y) * 2), calc(var(--x) * 7) var(--y), calc(var(--x) * 8) var(--y), calc(var(--x) * 8) 0, calc(var(--x) * 10) 0, calc(var(--x) * 10) var(--y), calc(var(--x) * 11) var(--y), calc(var(--x) * 11) calc(var(--y) * 2), 100% calc(var(--y) * 2), 100% calc(var(--y) * 6), calc(var(--x) * 11) calc(var(--y) * 6), calc(var(--x) * 11) calc(var(--y) * 7), calc(var(--x) * 10) calc(var(--y) * 7), calc(var(--x) * 10) calc(var(--y) * 8), calc(var(--x) * 9) calc(var(--y) * 8), calc(var(--x) * 9) calc(var(--y) * 9), calc(var(--x) * 8) calc(var(--y) * 9), calc(var(--x) * 8) calc(var(--y) * 10), calc(var(--x) * 7) calc(var(--y) * 10), calc(var(--x) * 7) 100%, calc(var(--x) * 5) 100%, calc(var(--x) * 5) calc(var(--y) * 10), calc(var(--x) * 4) calc(var(--y) * 10), calc(var(--x) * 4) calc(var(--y) * 9), calc(var(--x) * 3) calc(var(--y) * 9), calc(var(--x) * 3) calc(var(--y) * 8), calc(var(--x) * 2) calc(var(--y) * 8), calc(var(--x) * 2) calc(var(--y) * 7), var(--x) calc(var(--y) * 7), var(--x) calc(var(--y) * 6), 0 calc(var(--y) * 6))
}

[date-icon-wrap] {
	display: flex;
	min-height: var(--Post-Footer-LH-Full);
	align-items: center
}

[date-icon] {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	margin-top: -1px;
	margin-right: 6px;
	--ren-w: var(--Post-Footer-Date-Icon-Size, 16);
	--w: 16;
	--h: 16;
	--scale: calc(var(--ren-w) / 16);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[date-icon]>span:first-child,
[date-icon]>span:nth-child(2),
[date-icon]>span:nth-child(3) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Post-Footer-Date-Icon-Color)
}

[date-icon]>span:first-child {
	clip-path: polygon(0 0, 0 calc(100% - (var(--y) * 3)), var(--x) calc(100% - (var(--y) * 3)), var(--x) var(--y), calc(100% - (var(--x) * 4)) var(--y), calc(100% - (var(--x) * 4)) calc(100% - (var(--y) * 4)), var(--x) calc(100% - (var(--y) * 4)), var(--x) calc(100% - (var(--y) * 3)), calc(100% - (var(--x) * 3)) calc(100% - (var(--y) * 3)), calc(100% - (var(--x) * 3)) 0)
}

[date-icon]>span:nth-child(2) {
	clip-path: polygon(calc(100% - (var(--x) * 3)) calc(var(--y) * 3), 100% calc(var(--y) * 3), 100% 100%, calc(var(--x) * 3) 100%, calc(var(--x) * 3) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(100% - var(--y)), calc(100% - var(--x)) calc(100% - var(--y)), calc(100% - var(--x)) calc(var(--y) * 4), calc(100% - (var(--x) * 3)) calc(var(--y) * 4))
}

[date-icon]>span:nth-child(3) {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 4), calc(100% - (var(--x) * 6)) calc(var(--y) * 4), calc(100% - (var(--x) * 6)) calc(var(--y) * 5), calc(var(--x) * 3) calc(var(--y) * 5), calc(var(--x) * 3) calc(var(--y) * 6), calc(100% - (var(--x) * 6)) calc(var(--y) * 6), calc(100% - (var(--x) * 6)) calc(var(--y) * 7), calc(var(--x) * 3) calc(var(--y) * 7), calc(var(--x) * 3) calc(100% - (var(--y) * 8)), calc(100% - (var(--x) * 6)) calc(100% - (var(--y) * 8)), calc(100% - (var(--x) * 6)) calc(100% - (var(--y) * 7)), calc(var(--x) * 3) calc(100% - (var(--y) * 7)))
}

[sticky-icon-wrap] {
	display: flex;
	min-height: var(--Post-Footer-LH-Full);
	align-items: center
}

[sticky-icon] {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	margin-left: 1px;
	margin-right: 6px;
	--ren-w: var(--Post-Footer-Sticky-Note-Icon-Size, 16);
	--w: 16;
	--h: 16;
	--scale: calc(var(--ren-w) / 16);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[sticky-icon]>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Post-Footer-Sticky-Note-Icon-Color)
}

[sticky-icon]>span:first-child {
	clip-path: polygon(0 0, 100% 0, 100% var(--y), var(--x) var(--y), var(--x) 100%, 0 100%)
}

[sticky-icon]>span:nth-child(2) {
	clip-path: polygon(0 calc(100% - var(--y)), calc(100% - (var(--x) * 5)) calc(100% - var(--y)), calc(100% - (var(--x) * 5)) 100%, 0% 100%)
}

[sticky-icon]>span:nth-child(3) {
	clip-path: polygon(calc(100% - var(--x)) 0, 100% 0, 100% calc(100% - (var(--y) * 5)), calc(100% - var(--x)) calc(100% - (var(--y) * 5)))
}

[sticky-icon]>span:nth-child(4) {
	clip-path: polygon(calc(100% - (var(--x) * 7)) calc(100% - (var(--y) * 7)), calc(100% - (var(--x) * 6)) calc(100% - (var(--y) * 7)), calc(100% - (var(--x) * 6)) calc(100% - var(--y)), calc(100% - (var(--x) * 7)) calc(100% - var(--y)))
}

[sticky-icon]>span:nth-child(5) {
	clip-path: polygon(calc(100% - (var(--x) * 7)) calc(100% - (var(--y) * 7)), calc(100% - var(--x)) calc(100% - (var(--y) * 7)), calc(100% - var(--x)) calc(100% - (var(--y) * 6)), calc(100% - (var(--x) * 7)) calc(100% - (var(--y) * 6)))
}

[sticky-icon]>span:nth-child(6) {
	clip-path: polygon(calc(100% - (var(--x) * 6)) calc(100% - (var(--y) * 2)), calc(100% - (var(--x) * 4)) calc(100% - (var(--y) * 2)), calc(100% - (var(--x) * 4)) calc(100% - var(--y)), calc(100% - (var(--x) * 6)) calc(100% - var(--y)))
}

[sticky-icon]>span:nth-child(7) {
	clip-path: polygon(calc(100% - (var(--x) * 5)) calc(100% - (var(--y) * 3)), calc(100% - (var(--x) * 3)) calc(100% - (var(--y) * 3)), calc(100% - (var(--x) * 3)) calc(100% - (var(--y) * 2)), calc(100% - (var(--x) * 5)) calc(100% - (var(--y) * 2)))
}

[sticky-icon]>span:nth-child(8) {
	clip-path: polygon(calc(100% - (var(--x) * 4)) calc(100% - (var(--y) * 4)), calc(100% - (var(--x) * 2)) calc(100% - (var(--y) * 4)), calc(100% - (var(--x) * 2)) calc(100% - (var(--y) * 3)), calc(100% - (var(--x) * 4)) calc(100% - (var(--y) * 3)))
}

[sticky-icon]>span:nth-child(9) {
	clip-path: polygon(calc(100% - (var(--x) * 2)) calc(100% - (var(--y) * 5)), calc(100% - (var(--x) * 2)) calc(100% - (var(--y) * 6)), calc(100% - var(--x)) calc(100% - (var(--y) * 6)), calc(100% - var(--x)) calc(100% - (var(--y) * 4)), calc(100% - (var(--x) * 3)) calc(100% - (var(--y) * 4)), calc(100% - (var(--x) * 3)) calc(100% - (var(--y) * 5)))
}

[tags-icon] {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Post-Controls-Tags-Icon-Size, 12);
	--w: 12;
	--h: 12;
	--scale: calc(var(--ren-w) / 12);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[tags-icon]>span:first-child,
[tags-icon]>span:nth-child(2),
[tags-icon]>span:nth-child(3) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

[tags-icon]>span:first-child:before,
[tags-icon]>span:first-child:after,
[tags-icon]>span:nth-child(2):before,
[tags-icon]>span:nth-child(2):after,
[tags-icon]>span:nth-child(3):before,
[tags-icon]>span:nth-child(3):after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Post-Controls-Tags-Icon-Color)
}

[tags-icon]>span:first-child:after,
[tags-icon]>span:nth-child(2):after,
[tags-icon]>span:nth-child(3):after {
	transform: scale(-1)
}

[tags-icon]>span:first-child:before,
[tags-icon]>span:first-child:after {
	clip-path: polygon(100% calc(var(--y) * 3), var(--x) calc(var(--y) * 3), var(--x) calc(var(--y) * 4), 100% calc(var(--y) * 4))
}

[tags-icon]>span:nth-child(2):before,
[tags-icon]>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 5) 0, calc(var(--x) * 5) calc(var(--y) * 2), calc(var(--x) * 6) calc(var(--y) * 2), calc(var(--x) * 6) 0, calc(100% - (var(--x) * 3)) 0%, calc(100% - (var(--x) * 3)) calc(var(--y) * 2), calc(100% - (var(--x) * 2)) calc(var(--y) * 2), calc(100% - (var(--x) * 2)) 0)
}

[tags-icon]>span:nth-child(3):before,
[tags-icon]>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 2), calc(var(--x) * 4) calc(var(--y) * 6), calc(var(--x) * 5) calc(var(--y) * 6), calc(var(--x) * 5) calc(var(--y) * 2), calc(100% - (var(--x) * 4)) calc(var(--y) * 2), calc(100% - (var(--x) * 4)) calc(var(--y) * 6), calc(100% - (var(--x) * 3)) calc(var(--y) * 6), calc(100% - (var(--x) * 3)) calc(var(--y) * 2))
}

[reblog-icon] {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Post-Controls-Reblog-Icon-Size, 12);
	--w: 12;
	--h: 12;
	--scale: calc(var(--ren-w) / 12);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[reblog-icon]>span:first-child,
[reblog-icon]>span:nth-child(2):last-child {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: var(--Post-Controls-Reblog-Icon-Color);
	clip-path: polygon(calc(var(--x) * 9) 0, calc(var(--x) * 10) 0, calc(var(--x) * 10) var(--y), calc(100% - var(--x)) var(--y), calc(100% - var(--x)) calc(var(--y) * 2), 100% calc(var(--y) * 2), 100% calc(var(--y) * 3), calc(100% - var(--x)) calc(var(--y) * 3), calc(100% - var(--x)) calc(var(--y) * 4), calc(100% - (var(--x) * 2)) calc(var(--y) * 4), calc(100% - (var(--x) * 2)) calc(var(--y) * 5), calc(100% - (var(--x) * 3)) calc(var(--y) * 5), calc(100% - (var(--x) * 3)) calc(var(--y) * 3), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 2) calc(var(--y) * 4), var(--x) calc(var(--y) * 4), var(--x) calc(var(--y) * 6), 0 calc(var(--y) * 6), 0 calc(var(--y) * 3), var(--x) calc(var(--y) * 3), var(--x) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 2))
}

[reblog-icon]>span:first-child {
	top: 0
}

[reblog-icon]>span:nth-child(2):last-child {
	bottom: 0;
	transform: scale(-1)
}

[heart-icon]:not(:has(>span)) {
	opacity: 0
}

[heart-icon] {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--Post-Controls-Heart-Icon-Size, 12);
	background: var(--Post-Controls-Heart-Color);
	--w: 12;
	--h: 11;
	--scale: calc(var(--ren-w) / 12);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale));
	clip-path: polygon(0 calc(var(--y) * 2), var(--x) calc(var(--y) * 2), var(--x) var(--y), calc(var(--x) * 2) var(--y), calc(var(--x) * 2) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(var(--y) * 2), calc(var(--x) * 7) calc(var(--y) * 2), calc(var(--x) * 7) var(--y), calc(var(--x) * 8) var(--y), calc(var(--x) * 8) 0, calc(var(--x) * 10) 0, calc(var(--x) * 10) var(--y), calc(var(--x) * 11) var(--y), calc(var(--x) * 11) calc(var(--y) * 2), 100% calc(var(--y) * 2), 100% calc(var(--y) * 6), calc(var(--x) * 11) calc(var(--y) * 6), calc(var(--x) * 11) calc(var(--y) * 7), calc(var(--x) * 10) calc(var(--y) * 7), calc(var(--x) * 10) calc(var(--y) * 8), calc(var(--x) * 9) calc(var(--y) * 8), calc(var(--x) * 9) calc(var(--y) * 9), calc(var(--x) * 8) calc(var(--y) * 9), calc(var(--x) * 8) calc(var(--y) * 10), calc(var(--x) * 7) calc(var(--y) * 10), calc(var(--x) * 7) 100%, calc(var(--x) * 5) 100%, calc(var(--x) * 5) calc(var(--y) * 10), calc(var(--x) * 4) calc(var(--y) * 10), calc(var(--x) * 4) calc(var(--y) * 9), calc(var(--x) * 3) calc(var(--y) * 9), calc(var(--x) * 3) calc(var(--y) * 8), calc(var(--x) * 2) calc(var(--y) * 8), calc(var(--x) * 2) calc(var(--y) * 7), var(--x) calc(var(--y) * 7), var(--x) calc(var(--y) * 6), 0 calc(var(--y) * 6))
}

[heart-icon]>span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Post-Footer-BG);
	clip-path: polygon(var(--x) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) var(--y), calc(var(--x) * 4) var(--y), calc(var(--x) * 4) calc(var(--y) * 2), calc(var(--x) * 5) calc(var(--y) * 2), calc(var(--x) * 5) calc(var(--y) * 3), calc(var(--x) * 7) calc(var(--y) * 3), calc(var(--x) * 7) calc(var(--y) * 2), calc(var(--x) * 8) calc(var(--y) * 2), calc(var(--x) * 8) var(--y), calc(var(--x) * 10) var(--y), calc(var(--x) * 10) calc(var(--y) * 2), calc(var(--x) * 11) calc(var(--y) * 2), calc(var(--x) * 11) calc(var(--y) * 6), calc(var(--x) * 10) calc(var(--y) * 6), calc(var(--x) * 10) calc(var(--y) * 7), calc(var(--x) * 9) calc(var(--y) * 7), calc(var(--x) * 9) calc(var(--y) * 8), calc(var(--x) * 8) calc(var(--y) * 8), calc(var(--x) * 8) calc(var(--y) * 9), calc(var(--x) * 7) calc(var(--y) * 9), calc(var(--x) * 7) calc(var(--y) * 10), calc(var(--x) * 5) calc(var(--y) * 10), calc(var(--x) * 5) calc(var(--y) * 9), calc(var(--x) * 4) calc(var(--y) * 9), calc(var(--x) * 4) calc(var(--y) * 8), calc(var(--x) * 3) calc(var(--y) * 8), calc(var(--x) * 3) calc(var(--y) * 7), calc(var(--x) * 2) calc(var(--y) * 7), calc(var(--x) * 2) calc(var(--y) * 6), var(--x) calc(var(--y) * 6))
}

.liked+[heart-icon],
.liked+[heart-icon]>span {
	background: var(--Liked-Button-Color)
}

[pagi-chevs] {
	position: relative;
	display: block;
	pointer-events: none;
	margin: 1px 4px 0 4px;
	--ren-w: var(--Page-Numbers-Arrow-Size, 12);
	--w: 12;
	--h: 11;
	--scale: calc(var(--ren-w) / 12);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[pagi-chevs]>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

[pagi-chevs]>span:before,
[pagi-chevs]>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Page-Numbers-Arrow-Color)
}

[pagi-chevs]>span:after {
	transform: scaleY(-1)
}

[pagi-chevs]>span:first-child:before,
[pagi-chevs]>span:first-child:after {
	clip-path: polygon(var(--x) 0, 0 0, 0 var(--y), var(--x) var(--y), var(--x) 0, calc(var(--x) * 6) 0, calc(var(--x) * 6) var(--y), calc(var(--x) * 7) var(--y), calc(var(--x) * 7) 0)
}

[pagi-chevs]>span:nth-child(2):before,
[pagi-chevs]>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 2) var(--y), var(--x) var(--y), var(--x) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) var(--y), calc(var(--x) * 7) var(--y), calc(var(--x) * 7) calc(var(--y) * 2), calc(var(--x) * 8) calc(var(--y) * 2), calc(var(--x) * 8) var(--y))
}

[pagi-chevs]>span:nth-child(3):before,
[pagi-chevs]>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 8) calc(var(--y) * 2), calc(var(--x) * 8) calc(var(--y) * 3), calc(var(--x) * 9) calc(var(--y) * 3), calc(var(--x) * 9) calc(var(--y) * 2))
}

[pagi-chevs]>span:nth-child(4):before,
[pagi-chevs]>span:nth-child(4):after {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 3), calc(100% - (var(--x) * 3)) calc(var(--y) * 3), calc(100% - (var(--x) * 3)) calc(var(--y) * 4), calc(100% - (var(--x) * 2)) calc(var(--y) * 4), calc(100% - (var(--x) * 2)) calc(var(--y) * 3))
}

[pagi-chevs]>span:nth-child(5):before,
[pagi-chevs]>span:nth-child(5):after {
	clip-path: polygon(calc(var(--x) * 5) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 4), calc(100% - (var(--x) * 2)) calc(var(--y) * 4), calc(100% - (var(--x) * 2)) calc(var(--y) * 5), calc(100% - var(--x)) calc(var(--y) * 5), calc(100% - var(--x)) calc(var(--y) * 4))
}

[pagi-chevs]>span:nth-child(6):before {
	clip-path: polygon(calc(var(--x) * 6) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 6), calc(var(--x) * 6) calc(var(--y) * 6), calc(var(--x) * 6) calc(var(--y) * 5), calc(100% - var(--x)) calc(var(--y) * 5), calc(100% - var(--x)) calc(var(--y) * 6), 100% calc(var(--y) * 6), 100% calc(var(--y) * 5))
}

[pagi-chevs]>span:nth-child(6):after,
[pagi-chevs]>span:nth-child(n+7) {
	display: none
}

.prev-page [pagi-chevs] {
	transform: scaleX(-1)
}

[map-x-icon] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	pointer-events: none;
	margin: 1px 4px 0 4px
}

[map-x-icon]>span {
	display: block;
	--ren-w: var(--Page-Numbers-Map-X-Size, 7);
	--w: 7;
	--h: 11;
	--scale: calc(var(--ren-w) / 7);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

[map-x-icon]>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

[map-x-icon]>span>span:before,
[map-x-icon]>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Page-Numbers-Map-X-Color)
}

[map-x-icon]>span>span:first-child:before,
[map-x-icon]>span>span:first-child:after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 4), calc(var(--x) * 2) calc(var(--y) * 4), calc(var(--x) * 2) calc(var(--y) * 5), calc(var(--x) * 3) calc(var(--y) * 5), calc(var(--x) * 3) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(var(--y) * 4))
}

[map-x-icon]>span>span:first-child:after {
	transform: scaleY(-1)
}

[map-x-icon]>span>span:nth-child(2):before {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 5), calc(var(--x) * 3) calc(var(--y) * 6), calc(var(--x) * 4) calc(var(--y) * 6), calc(var(--x) * 4) calc(var(--y) * 5))
}

[map-x-icon]>span>span:nth-child(2):after {
	display: none
}

[map-x-icon]>span>span:nth-child(3):before,
[map-x-icon]>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 3), var(--x) calc(var(--y) * 3), var(--x) calc(var(--y) * 4), calc(var(--x) * 2) calc(var(--y) * 4), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 5) calc(var(--y) * 3), calc(var(--x) * 5) calc(var(--y) * 4), calc(var(--x) * 6) calc(var(--y) * 4), calc(var(--x) * 6) calc(var(--y) * 3))
}

[map-x-icon]>span>span:nth-child(3):after {
	transform: scaleY(-1)
}

[map-x-icon]>span>span:nth-child(4):before,
[map-x-icon]>span>span:nth-child(4):after {
	clip-path: polygon(var(--x) var(--y), 0 var(--y), 0 calc(var(--y) * 2), var(--x) calc(var(--y) * 2), var(--x) var(--y), calc(100% - var(--x)) var(--y), calc(100% - var(--x)) calc(var(--y) * 2), 100% calc(var(--y) * 2), 100% var(--y))
}

[map-x-icon]>span>span:nth-child(4):after {
	transform: scaleY(-1)
}

[map-x-icon]>span>span:nth-child(5):before,
[map-x-icon]>span>span:nth-child(5):after {
	clip-path: polygon(calc(100% - var(--x)) 0, calc(100% - var(--x)) var(--y), 100% var(--y), 100% 0)
}

[map-x-icon]>span>span:nth-child(5):after {
	transform: scale(-1)
}

[map-x-icon]>span>span:nth-child(6):before {
	clip-path: polygon(var(--x) calc(var(--y) * 2), 0 calc(var(--y) * 2), 0 calc(var(--y) * 3), var(--x) calc(var(--y) * 3), var(--x) calc(var(--y) * 2), calc(100% - var(--x)) calc(var(--y) * 2), calc(100% - var(--x)) calc(var(--y) * 3), 100% calc(var(--y) * 3), 100% calc(var(--y) * 2))
}

[map-x-icon]>span>span:nth-child(6):after {
	display: none
}

[map-x-icon]>span>span:nth-child(7):before {
	clip-path: polygon(calc(var(--x) * 2) calc(100% - (var(--y) * 3)), var(--x) calc(100% - (var(--y) * 3)), var(--x) calc(100% - (var(--y) * 2)), calc(var(--x) * 2) calc(100% - (var(--y) * 2)), calc(var(--x) * 2) calc(100% - (var(--y) * 3)), calc(100% - var(--x)) calc(100% - (var(--y) * 3)), calc(100% - var(--x)) calc(100% - (var(--y) * 2)), 100% calc(100% - (var(--y) * 2)), 100% calc(100% - (var(--y) * 3)))
}

[map-x-icon]>span>span:nth-child(7):after {
	display: none
}

:root {
	--BackToTop-Btn-Total-Size: calc((1px * var(--BackToTop-Btn-Icon-Size)) + (var(--BackToTop-Btn-Border-Size) * 2) + (var(--BackToTop-Btn-Padding) * 2))
}

.btt-cont {
	position: fixed;
	bottom: 0;
	right: 0;
	margin-bottom: calc(var(--BackToTop-Btn-Corner-Offset) + var(--BackToTop-Btn-Shadow-Offset));
	margin-right: calc(var(--BackToTop-Btn-Corner-Offset) + var(--BackToTop-Btn-Shadow-Offset));
	transform-origin: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity var(--BackToTop-Btn-Fade-Speed) ease-in-out, visibility 0s var(--BackToTop-Btn-Fade-Speed) ease-in-out;
	z-index: 9
}

body:has(>.os-scrollbar-vertical.os-scrollbar-visible) .btt-cont {
	margin-right: calc(var(--Scrollbar-Total-Size) + var(--BackToTop-Btn-Corner-Offset) + var(--BackToTop-Btn-Shadow-Offset) - var(--Scrollbar-Gutter))
}

body:has(>.os-scrollbar-horizontal.os-scrollbar-visible) .btt-cont {
	margin-bottom: calc(var(--Scrollbar-Total-Size) + var(--BackToTop-Btn-Corner-Offset) + var(--BackToTop-Btn-Shadow-Offset) - var(--Scrollbar-Gutter))
}

.btt-cont.vis {
	visibility: visible;
	opacity: 1;
	transition: opacity var(--BackToTop-Btn-Fade-Speed) ease-in-out, visibility 0s 0s ease-in-out
}

.btt-cont>button {
	all: unset;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--BackToTop-Btn-Total-Size);
	height: var(--BackToTop-Btn-Total-Size);
	border: var(--BackToTop-Btn-Border-Size) solid var(--BackToTop-Btn-Border-Color);
	background: var(--BackToTop-Btn-BG);
	cursor: pointer
}

.btt-cont:has(>button:active) {
	transform: scale(var(--BackToTop-Btn-Pressed-Zoom-Factor, 1), var(--BackToTop-Btn-Pressed-Zoom-Factor, 1))
}

.btt-cont>button:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	--base-margin: calc(0px - var(--BackToTop-Btn-Border-Size));
	--base-dims: calc(100% + var(--BackToTop-Btn-Border-Size) * 2);
	margin-top: calc(var(--base-margin) + var(--BackToTop-Btn-Shadow-Offset));
	margin-left: calc(var(--base-margin) + var(--BackToTop-Btn-Shadow-Offset));
	width: calc(var(--base-dims) - var(--BackToTop-Btn-Shadow-Offset) + var(--BackToTop-Btn-Shadow-Size));
	height: calc(var(--base-dims) - var(--BackToTop-Btn-Shadow-Offset) + var(--BackToTop-Btn-Shadow-Size));
	background: var(--BackToTop-Btn-Shadow-Color);
	z-index: -1
}

.btt-cont>button>span {
	position: relative;
	display: block;
	flex-shrink: 0;
	pointer-events: none;
	--ren-w: var(--BackToTop-Btn-Icon-Size, 9);
	--w: 9;
	--h: 5;
	--scale: calc(var(--ren-w) / 9);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.btt-cont>button>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.btt-cont>button>span>span:before,
.btt-cont>button>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--BackToTop-Btn-Icon-Color)
}

.btt-cont>button>span>span:first-child:before {
	clip-path: polygon(var(--x) calc(var(--y) * 4), 0 calc(var(--y) * 4), 0 100%, var(--x) 100%, var(--x) calc(var(--y) * 4), calc(100% - var(--x)) calc(100% - var(--y)), calc(100% - var(--x)) 100%, 100% 100%, 100% calc(100% - var(--y)))
}

.btt-cont>button>span>span:first-child:after {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 3), var(--x) calc(var(--y) * 3), var(--x) calc(var(--y) * 4), calc(var(--x) * 2) calc(var(--y) * 4), calc(var(--x) * 2) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 4), calc(100% - var(--x)) calc(100% - var(--y)), calc(100% - var(--x)) calc(var(--y) * 3))
}

.btt-cont>button>span>span:nth-child(2):before {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 3), calc(100% - (var(--x) * 2)) calc(var(--y) * 2))
}

.btt-cont>button>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 4) var(--y), calc(var(--x) * 3) var(--y), calc(var(--x) * 3) calc(var(--y) * 2), calc(var(--x) * 4) calc(var(--y) * 2), calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) calc(var(--y) * 2), calc(100% - (var(--x) * 3)) var(--y))
}

.btt-cont>button>span>span:nth-child(3):before {
	clip-path: polygon(calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) 0)
}

.btt-cont>button>span>span:nth-child(3):after,
.btt-cont>button>span>span:nth-child(n+4) {
	display: none
}

[tt-shad="yes"] .tippy-box:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: calc(var(--Tooltips-Shadow-Offset) + var(--Tooltips-Border-Size)) 0 0 calc(var(--Tooltips-Shadow-Offset) + var(--Tooltips-Border-Size));
	width: calc(100% - var(--Tooltips-Shadow-Offset) - var(--Tooltips-Border-Size) + var(--Tooltips-Shadow-Size));
	height: calc(100% - var(--Tooltips-Shadow-Offset) - var(--Tooltips-Border-Size) + var(--Tooltips-Shadow-Size));
	background: var(--Tooltips-Shadow-Color);
	z-index: -1
}

.vidyo-video-play.pixel-play {
	width: calc(1px * var(--Video-Player-Play-Btn-Size));
	height: calc(1px * var(--Video-Player-Play-Btn-Size))
}

.vidyo-video-play.pixel-play>span {
	position: relative;
	display: block;
	transform: translateX(1px);
	pointer-events: none;
	--ren-w: calc(var(--Video-Player-Play-Btn-Size, 7) / 2);
	--w: 7;
	--h: 14;
	--scale: calc(var(--ren-w) / 7);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * 1.55 * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.vidyo-video-play.pixel-play>span>span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.vidyo-video-play.pixel-play>span>span:before,
.vidyo-video-play.pixel-play>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Video-Player-Btns-Color);
	transform: perspective(0) translateZ(0)
}

.vidyo-video-play.pixel-play>span>span:first-child:before {
	clip-path: polygon(0 0, 0 100%, var(--x) 100%, var(--x) 0)
}

.vidyo-video-play.pixel-play>span>span:first-child:after {
	clip-path: polygon(var(--x) var(--y), var(--x) calc(100% - var(--y)), calc(var(--x) * 2) calc(100% - var(--y)), calc(var(--x) * 2) var(--y))
}

.vidyo-video-play.pixel-play>span>span:nth-child(2):before {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(var(--y) * 2))
}

.vidyo-video-play.pixel-play>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(var(--y) * 3))
}

.vidyo-video-play.pixel-play>span>span:nth-child(3):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(var(--y) * 4))
}

.vidyo-video-play.pixel-play>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(var(--y) * 5))
}

.vidyo-video-play.pixel-play>span>span:nth-child(4):before {
	clip-path: polygon(calc(var(--x) * 6) calc(var(--y) * 6), calc(var(--x) * 6) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(var(--y) * 6))
}

.vidyo-video-play.pixel-play>span>span:nth-child(4):after,
.vidyo-video-play.pixel-play>span>span:nth-child(n+5) {
	display: none
}

.vidyo-video-play.pixel-pause {
	width: calc(1px * var(--Video-Player-Pause-Btn-Size));
	height: calc(1px * var(--Video-Player-Pause-Btn-Size))
}

.vidyo-video-pause.pixel-pause>span {
	position: relative;
	display: block;
	pointer-events: none;
	--ren-w: var(--Video-Player-Pause-Btn-Size, 13);
	--w: 13;
	--h: 15;
	--scale: calc(var(--ren-w) / 13);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.vidyo-video-pause.pixel-pause>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.vidyo-video-pause.pixel-pause>span>span:before,
.vidyo-video-pause.pixel-pause>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Video-Player-Btns-Color)
}

.vidyo-video-pause.pixel-pause>span>span:first-child:before,
.vidyo-video-pause.pixel-pause>span>span:first-child:after {
	clip-path: polygon(0 var(--y), var(--x) var(--y), var(--x) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(100% - var(--y)), calc(var(--x) * 4) calc(100% - var(--y)), calc(var(--x) * 4) 100%, var(--x) 100%, var(--x) calc(100% - var(--y)), 0 calc(100% - var(--y)))
}

.vidyo-video-pause.pixel-pause>span>span:first-child:after {
	transform: scaleX(-1)
}

:root {
	--Video-Player-Small-Btn-Min-Size: min(calc(1px * var(--Video-Player-Small-Play-Btn-Size)), calc(1px * var(--Video-Player-Small-Pause-Btn-Size)))
}

.vidyo-tiny-play.pixel-play {
	width: var(--Video-Player-Small-Btn-Min-Size);
	height: var(--Video-Player-Small-Btn-Min-Size)
}

.vidyo-tiny-play.pixel-play>span {
	position: relative;
	display: block;
	transform: translateX(1px);
	pointer-events: none;
	--ren-w: calc(var(--Video-Player-Small-Play-Btn-Size, 7) / 2);
	--w: 7;
	--h: 14;
	--scale: calc(var(--ren-w) / 7);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * 1.55 * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.vidyo-tiny-play.pixel-play>span>span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none
}

.vidyo-tiny-play.pixel-play>span>span:before,
.vidyo-tiny-play.pixel-play>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Video-Player-Small-Btns-Color);
	transform: perspective(0) translateZ(0)
}

.vidyo-tiny-play.pixel-play>span>span:first-child:before {
	clip-path: polygon(0 0, 0 100%, var(--x) 100%, var(--x) 0)
}

.vidyo-tiny-play.pixel-play>span>span:first-child:after {
	clip-path: polygon(var(--x) var(--y), var(--x) calc(100% - var(--y)), calc(var(--x) * 2) calc(100% - var(--y)), calc(var(--x) * 2) var(--y))
}

.vidyo-tiny-play.pixel-play>span>span:nth-child(2):before {
	clip-path: polygon(calc(var(--x) * 2) calc(var(--y) * 2), calc(var(--x) * 2) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(100% - (var(--y) * 2)), calc(var(--x) * 3) calc(var(--y) * 2))
}

.vidyo-tiny-play.pixel-play>span>span:nth-child(2):after {
	clip-path: polygon(calc(var(--x) * 3) calc(var(--y) * 3), calc(var(--x) * 3) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(100% - (var(--y) * 3)), calc(var(--x) * 4) calc(var(--y) * 3))
}

.vidyo-tiny-play.pixel-play>span>span:nth-child(3):before {
	clip-path: polygon(calc(var(--x) * 4) calc(var(--y) * 4), calc(var(--x) * 4) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(100% - (var(--y) * 4)), calc(var(--x) * 5) calc(var(--y) * 4))
}

.vidyo-tiny-play.pixel-play>span>span:nth-child(3):after {
	clip-path: polygon(calc(var(--x) * 5) calc(var(--y) * 5), calc(var(--x) * 5) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(100% - (var(--y) * 5)), calc(var(--x) * 6) calc(var(--y) * 5))
}

.vidyo-tiny-play.pixel-play>span>span:nth-child(4):before {
	clip-path: polygon(calc(var(--x) * 6) calc(var(--y) * 6), calc(var(--x) * 6) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(100% - (var(--y) * 6)), calc(var(--x) * 7) calc(var(--y) * 6))
}

.vidyo-tiny-play.pixel-play>span>span:nth-child(4):after,
.vidyo-tiny-play.pixel-play>span>span:nth-child(n+5) {
	display: none
}

.vidyo-video-play.pixel-pause {
	width: var(--Video-Player-Small-Btn-Min-Size);
	height: var(--Video-Player-Small-Btn-Min-Size)
}

.vidyo-tiny-pause.pixel-pause>span {
	position: relative;
	display: block;
	pointer-events: none;
	--ren-w: var(--Video-Player-Small-Pause-Btn-Size, 13);
	--w: 13;
	--h: 15;
	--scale: calc(var(--ren-w) / 13);
	--x: calc(100% / var(--w));
	--y: calc(100% / var(--h));
	width: calc(1px * var(--w) * var(--scale));
	height: calc(1px * var(--h) * var(--scale))
}

.vidyo-tiny-pause.pixel-pause>span>span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.vidyo-tiny-pause.pixel-pause>span>span:before,
.vidyo-tiny-pause.pixel-pause>span>span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--Video-Player-Small-Btns-Color)
}

.vidyo-tiny-pause.pixel-pause>span>span:first-child:before,
.vidyo-tiny-pause.pixel-pause>span>span:first-child:after {
	clip-path: polygon(0 var(--y), var(--x) var(--y), var(--x) 0, calc(var(--x) * 4) 0, calc(var(--x) * 4) var(--y), calc(var(--x) * 5) var(--y), calc(var(--x) * 5) calc(100% - var(--y)), calc(var(--x) * 4) calc(100% - var(--y)), calc(var(--x) * 4) 100%, var(--x) 100%, var(--x) calc(100% - var(--y)), 0 calc(100% - var(--y)))
}

.vidyo-tiny-pause.pixel-pause>span>span:first-child:after {
	transform: scaleX(-1)
}

body:has(script[src*="assets.tumblr.com/assets/scripts/customize"]) .vmerjc2lwjvw5hz {
	display: block
}

.vmerjc2lwjvw5hz {
	position: fixed;
	top: 0;
	left: 0;
	margin: 22px 0 0 22px;
	z-index: 9
}

.vmerjc2lwjvw5hz>a {
	display: flex;
	align-items: center;
	line-height: 1;
	padding: 7px 13px;
	border: 1px solid var(--Post-Secondary-Text-Color-2);
	background: var(--Post-Secondary-Text-Color-2);
	color: var(--Post-Secondary-BG);
	box-shadow: 6px 6px 0 0 var(--Post-Shadow-Color);
	transition: border-color 0.25s, background-color 0.25s, color 0.25s
}

.vmerjc2lwjvw5hz>a>span.ttnxh {
	font: var(--SmallCaps-Font-Weight, normal) var(--SmallCaps-Font-Size, inherit) var(--SmallCaps-Font-Family), sans-serif;
	text-transform: uppercase;
	letter-spacing: var(--SmallCaps-Letter-Spacing);
	word-spacing: var(--SmallCaps-Word-Spacing)
}

.vmerjc2lwjvw5hz>a:hover {
	border-color: var(--Post-Border-Color);
	background: var(--Post-BG);
	color: var(--Post-Secondary-Text-Color)
}