:root {
	--background-color: #fff;
	--text-color: #333;
	--link-text-color: #333;
	--article-footer-link-text-color: #999;
	--social-media-icon-color: #ddd;
	--header-nav-link-text-color: #666;
	--caption-text-color: #ddd;
	--article-space: 100px;
	--photoblog-article-space: 100px;
	--content-width: 725px;
	--paragraph-spacer: .8rem;
	--marker-color: #999;
	--listitem-indent: 20px;
	--ruler-color: #ddd; 
	--photoblog-headline-text-color: #ddd;
	--code-background-color: #eee;
	--code-text-color: #333;
	--image-background-color: #f5f5f5;
	--image-padding: 10px;
	--image-margin: 0 0 .8rem 0;
	--photoblog-image-margin: 0;
	--now-playing-display: none;
}

@media only screen and (prefers-color-scheme: dark) {
	:root {
		--background-color: #000;
		--text-color: #ccc;
		--link-text-color: #ccc;
		--social-media-icon-color: #666;
		--header-nav-link-text-color: #ccc;
		--marker-color: #999;
		--ruler-color: #333; 
		--code-background-color: #222;
		--code-text-color: #ccc;
		--image-background-color: rgb(19,19,25);
		
	}
}

@media only screen and (prefers-color-scheme: dark) and (max-width: 1024px) {
	:root {
		--image-padding: 0;
		--image-margin: 0 -5% 0.8em -5%;
		--photoblog-image-margin: 0 -5% 0 -5%;
		--photoblog-article-space: 0px;
	}
}


@media only screen and (min-width: 1024px) {
	:root {
		--image-padding: 40px;
		--now-playing-display: block;
	}
}

@media only screen and (prefers-color-scheme: dark) and (min-width: 1024px) {
	:root {
		--background-color: rgb(29,29,35);
		--image-background-color: rgb(39,39,45);
		--social-media-icon-color: rgb(69,69,75);
	}
}

* {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

body {
	font: 1rem/1.6rem "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: var(--background-color);
	text-align: center;
	color: var(--text-color);
}

h2 {
	font-size: 1rem;
	font-weight: 500;
}

a {
	color: var(--link-text-color);
}

.nodeco a, h2 a {
	text-decoration: none;
}

ul, ol, h2, figure, p, blockquote {
	margin-bottom: var(--paragraph-spacer);
}

em {
	font-style: italic;
}

q {
	font-style: italic;
	quotes: "\00bb" "\00ab";
}

blockquote {
	font-style: italic;
	padding-left: 1.2rem;
	border-left: 1px solid var(--ruler-color);
}

code {
	font-family: monospace;
	background: var(--code-background-color);
	color: var(--code-text-color);
}

pre {
	font-family: monospace;
	background: var(--code-background-color);
	padding: 3px 8px;
	border-radius: 3px;
	margin-bottom: var(--paragraph-spacer);
	overflow-x: auto;
}

strong {
	font-weight: 500;
}

small {
	font-size: 90%;
}

p.image_holder,
figure {
	position: relative;
	padding: var(--image-padding);
	background: var(--image-background-color);
	margin: var(--image-margin);
}

figcaption {
	position: absolute;
	text-align: center;
	font-size: .9em;
	line-height: 1.3em;
	color: var(--caption-text-color);
	bottom: 0;
	background: rgba(0,0,0,.7);
	padding: 3px 0;
	transition: opacity 300ms ease-in-out;
	opacity: 0;
	bottom: var(--image-padding);
	left: var(--image-padding);
	right: var(--image-padding);
}

figcaption a {
	color: var(--caption-text-color);
	text-decoration: none;
}

figure:hover figcaption {
	opacity: 0.99;
}

img.border {
	border: var(--image-padding) solid var(--image-background-color);
}

ul {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 var(--paragraph-spacer) var(--listitem-indent);
	padding: 0;
}

ol {
	margin: 0 0 var(--paragraph-spacer) var(--listitem-indent);
	padding: 0;
}

ul li:before {
	content: "–";
	display: inline-block;
	text-indent: calc(var(--listitem-indent) * -1);
	color: var(--marker-color);
}

li::marker {
	color: var(--marker-color);
}

hr {
	border: 0;
	height: 1px;
	background: var(--ruler-color);
	margin: 40px 0;
	clear: both;
	text-overflow: ellipsis;
	text-align: left;
}

table {
	border-spacing: 0;
	width: 100%;
	margin: 20px 0;
}

table tr th {
	border-bottom: 1px solid var(--ruler-color);
	font-style: italic;
}

table tr th, table tr td {
	margin: 0;
	padding: 2px 5px;
}

dl {
	list-style-position: outside;
}

dt {
	display: inline-block;
	margin: .5em 1em 0 0;
	font-weight: 600;
}

dd {
	display: inline-block;
	width: 50px;
	text-align: left;
	margin: 0;
	padding: 0;
}

article dl {
	list-style-position: inherit;
}

article dt {
	display: inherit;
	margin-top: var(--paragraph-spacer);
}

article dd {
	display: inherit;
	width: auto;
}


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}

input#webmentionSource, 
input[type="search"], 
input[type="submit"] {
	-webkit-appearance: none;
	border: 1px solid var(--ruler-color);
	background-color: var(--background-color);
	height: 33px;
	margin: 0;
	-webkit-decoration: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	display: inline-block;
	color: var(--text-color);
	font-size: .8rem;
	padding: 0 8px;
}

input#webmentionSource,
input[type="search"] {
	width: calc(100% - 110px);
}

input[type="submit"] {
	width: 100px;
	cursor: pointer;
}

/*
@media only screen and (min-width: 1024px) {
	input[type="search"] {
		width: calc(100% - 110px);
	}
	input[type="submit"] {
		width: 100px;
	}
}
*/

header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 10;
}

header nav {
	margin: 10px 0 0 20px;
	text-align: left;
	float: left;
}

header nav a {
	color: var(--header-nav-link-text-color);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
}

header nav a svg {
	width: 1rem;
	color: var(--header-nav-link-text-color);
	vertical-align: baseline;
}

header nav a span {
	font-size: .8rem;
	opacity: 0;
	transition: all .3s ease-in-out;
}

header nav a:hover span {
	opacity: .9;
}

header h1 {
	font-size: 1em;
	line-height: 1.5rem;
	font-weight: 200;
	letter-spacing: 1px;
	text-transform: lowercase;
	margin-bottom: var(--article-space);
}

header h1 em {
	font-style: normal;
	font-weight: 500;
}

header p {
	font-size: 90%;
	margin-bottom: 10px;
	font-style: italic;
}

main {
	width: 100%;
	margin: 0;
	padding-top: 150px;
	padding-bottom: 100px;
	text-align: center;
	height: auto;
}

.frontpage main {
	padding-bottom: 150px;
}

main nav a {
	text-decoration: none;
	font-size: .8rem;
}

main header {
	position: inherit;
	max-width: var(--content-width);
	width: 90%;
	margin: 0 auto var(--article-space) auto;	
	text-align: left;
}

main aside {
	max-width: var(--content-width);
	width: 90%;
	margin: 0 auto var(--article-space) auto;
	clear: both;
	text-overflow: ellipsis;
	text-align: left;
	font-size: 90%;
	font-style: italic;
}

main article aside {
	width: 90%;
	padding: var(--paragraph-spacer);
	margin: var(--paragraph-spacer) 0;
	border: 1px solid var(--code-background-color);
	border-radius: var(--paragraph-spacer);
}

main article aside p {
	margin: 0;
}

article {
	max-width: var(--content-width);
	width: 90%;
	margin: 0 auto var(--article-space) auto;
	clear: both;
	text-overflow: ellipsis;
	text-align: left;
}

article header {
	width: 100%;
	margin-bottom: 0;
}

article header h1 {
	font-style: normal;
	font-weight: 500;
	margin-bottom: var(--paragraph-spacer);
	text-transform: none;
}

@media only screen and (min-width: 1024px) {
	article header h1 { 
		margin-bottom: var(--article-space);
	}
}

article section {
	width: 100%;
	margin: 0 0 var(--paragraph-spacer) 0;
}

article section p {
	display: inline;
}

section img, 
article img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	margin: 0 auto;
}

section img.inline, 
article img.inline {
	width: auto;
}


article .noshadow img {
	box-shadow: none;
}

article footer {
	position: inherit;
	text-align: left;
	height: auto;
	margin: 0 0 var(--article-space) 0;
}

article.photoblog {
	position: relative;
	margin: 0 auto var(--photoblog-article-space) auto;
	line-height: 1em;
}

article.photoblog a {
	padding: var(--image-padding);
	margin: var(--photoblog-image-margin);
	background: var(--image-background-color);
	display: inline-block;
}

article.photoblog h2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	background: rgba(0,0,0,.6);
	margin: 0;
	padding: 0;
	color: var(--photoblog-headline-text-color);
	font-weight: 200;
	font-size: 1.5rem;
	text-align: center;
	line-height: 2rem;
	letter-spacing: 1px;
	opacity: 0;
	transition: all 300ms ease-in-out;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}

article.photoblog h2 a {
	display: inline-block;
	color: var(--photoblog-headline-text-color);
	background: transparent;
	padding: 10px 20px;
}

article.photoblog:hover h2 {
	opacity: 1;
}

article .invisible {
	display: none;
}

article .ellipsis:after {
	content: '…';
}

footer a {
	text-decoration: none;
	color: var(--article-footer-link-text-color);
}

section {
	max-width: var(--content-width);
	width: 90%;
	margin: 0 auto;
	clear: both;
	text-overflow: ellipsis;
	text-align: left;
}

section#all-now-updates ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 2em;
}

section#all-now-updates ul li {
	display: inline;
}

section#all-now-updates li::before {
	content: ''; 
	display: inline-block;
	text-indent: inherit;
}

section#all-now-updates a, section#all-now-updates em {
	white-space: nowrap;
	display: inline-block;
	margin-right: 20px;
	transition: all 0.2s ease-in-out;
}

section#lastfm-topalbums ul {
	list-style-type: none;
	margin-left: 0;
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}


section#imgbox .imgholder img {
	max-width: 100%;
}

@media only screen and (min-width: 1024px) {
	section#lastfm-topalbums ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
}

section#lastfm-topalbums ul li {
	height: 3.5rem;
	clear: both;
}

section#lastfm-topalbums ul li::before {
	content: ''; 
	display: inline-block;
	text-indent: inherit;
}

section#lastfm-topalbums ul li .note {
	display: block; 
	float: left;
	width: 3rem;
	height: 2rem;
	color: var(--social-media-icon-color);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23DDDDDD' d='M470.38 1.51L150.41 96A32 32 0 0 0 128 126.51v261.41A139 139 0 0 0 96 384c-53 0-96 28.66-96 64s43 64 96 64 96-28.66 96-64V214.32l256-75v184.61a138.4 138.4 0 0 0-32-3.93c-53 0-96 28.66-96 64s43 64 96 64 96-28.65 96-64V32a32 32 0 0 0-41.62-30.49z'/></svg>");
	background-repeat: no-repeat;
	background-size: fill;
	background-position: center center;
}

section#lastfm-topalbums ul li .info {
	display: block; 
	float: left;
	line-height: 1.2rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 260px;
}

section#lastfm-topalbums ul .artist, section#lastfm-topalbums ul .album {
	text-decoration: none;
	color: var(--link-text-color);
	border-bottom: none;
}

section#lastfm-topalbums ul .artist {
	font-size: .9rem;
	color: var(--article-footer-link-text-color);
	border-bottom: none;
}

section.replies ul {
	list-style-type: none;
	margin-bottom: 40px;
}

section.replies ul ul {
	margin-left: 20px;
}

section.replies a {
	text-decoration: none;
	font-size: 1rem;
}

section.replies blockquote {
	border-left: none;
	font-style: normal;
	padding-left: 0;
}

section.replies li {
	margin: 5px 0 20px 0;
}

section.replies li::before {
	content: ''; 
	display: inline-block;
	text-indent: inherit;
}

.replies li header {
	font-size: .8rem;
	width: inherit;
	margin: 0;
}

.replies li img.profile-image {
	float: left;
	margin-right: 10px;
}

section.replies svg.twitter-icon {
	height: 16px; 
	vertical-align: middle; 
	color: rgb(29,155,240);
	margin-right: 5px;
}

.replies {
	margin-bottom: 100px;
}

footer {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	font-size: .8rem;
}

footer ul {
	list-style-type: none;
	margin: 0;
	width: 100%;
}

footer ul li {
	display: inline-block;
	width: auto;
}

footer ul li::before {
	content: ''; 
	display: inline-block;
	text-indent: inherit;
}

footer ul li a {
	padding: 0 10px;
}

footer .webring {
	margin: 10px 0 15px 0;
}

#wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	min-height: 100vh;
}

svg.rss {
	width: .8rem;
	vertical-align: text-bottom;
}

.center { text-align: center; }

.right { text-align: right; }

.left { text-align: left; }

.inline { display: inline-block; }

.latest ul { list-style: none; }

.latest li::before {
	display: inline-block;
	margin-left: -16px;
	text-indent: -3px;
	width: 12px;
} 

.highlight {
	color: red;
	font-weight: 600;
}

.latest.media li.book::before { 
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ddd' d='M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z'/></svg>"); 
}
.latest.media li.audiobook::before { 
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ddd' d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm-64 268c0 10.7-12.9 16-20.5 8.5L104 376H76c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h28l35.5-36.5c7.6-7.6 20.5-2.2 20.5 8.5v136zm33.2-47.6c9.1-9.3 9.1-24.1 0-33.4-22.1-22.8 12.2-56.2 34.4-33.5 27.2 27.9 27.2 72.4 0 100.4-21.8 22.3-56.9-10.4-34.4-33.5zm86-117.1c54.4 55.9 54.4 144.8 0 200.8-21.8 22.4-57-10.3-34.4-33.5 36.2-37.2 36.3-96.5 0-133.8-22.1-22.8 12.3-56.3 34.4-33.5zM384 121.9v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z'/></svg>");
}
.latest.media li.movie::before { 
	content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ddd' d='M488 64h-8v20c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V64H96v20c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12V64h-8C10.7 64 0 74.7 0 88v336c0 13.3 10.7 24 24 24h8v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h320v-20c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v20h8c13.3 0 24-10.7 24-24V88c0-13.3-10.7-24-24-24zM96 372c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12H44c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm272 208c0 6.6-5.4 12-12 12H156c-6.6 0-12-5.4-12-12v-96c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v96zm0-168c0 6.6-5.4 12-12 12H156c-6.6 0-12-5.4-12-12v-96c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v96zm112 152c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40zm0-96c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40z'/></svg>"); 
}
.latest.tea li.yellow::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ddb' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.white::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ddd' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.green::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23bdb' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.matcha::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23dbd' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.oolong::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23bbd' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.black::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23333' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.puerh::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='brown' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }
.latest.tea li.various::before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23bbb' d='M546.2 9.7c-5.6-12.5-21.6-13-28.3-1.2C486.9 62.4 431.4 96 368 96h-80C182 96 96 182 96 288c0 7 .8 13.7 1.5 20.5C161.3 262.8 253.4 224 384 224c8.8 0 16 7.2 16 16s-7.2 16-16 16C132.6 256 26 410.1 2.4 468c-6.6 16.3 1.2 34.9 17.5 41.6 16.4 6.8 35-1.1 41.8-17.3 1.5-3.6 20.9-47.9 71.9-90.6 32.4 43.9 94 85.8 174.9 77.2C465.5 467.5 576 326.7 576 154.3c0-50.2-10.8-102.2-29.8-144.6z'/></svg>"); }

.rating {
	margin: 10px 0;
	white-space: nowrap;
}

.svg.star {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-size: fill;
	background-position: center center;
	background-repeat: no-repeat;
}

.rating.rating-1  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ff0000' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-1  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ff0000' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-2  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23fd4400' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-2  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23fd4400' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-3  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23f76500' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-3  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23f76500' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-4  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ed8100' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-4  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23ed8100' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-5  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23df9900' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-5  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23df9900' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-6  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23cdb000' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-6  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23cdb000' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-7  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23b7c400' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-7  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%23b7c400' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-8  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%239cd800' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-8  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%239cd800' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-9  .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%2377ea00' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-9  .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%2377ea00' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.rating.rating-10 .svg.star.open {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%2333fb03' d='M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z'/></svg>");}
.rating.rating-10 .svg.star.filled {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><path fill='%2333fb03' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/></svg>");}

.tag-cloud { 
	text-align: center; 
}
a.tag { 
	display: inline-block; 
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none; 
	margin: 5px;
	padding: 0px 8px;
	background: var(--code-background-color);
	border-radius: 5px;
	white-space: nowrap;
}


.nav-previous, .nav-next {
	display: inline-block;
	margin: 0 10px;
}

.image-gallery li:before, .blocks-gallery-item::before, .image-gallery li:before {
	content: ''; 
	display: inline-block;
	text-indent: inherit;	
}

#now-playing {
	display: var(--now-playing-display);
	float: right;
	margin: 10px 20px 0 0;
	color: #666;
	text-align: right;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 15px;
	font-weight: 300;
	width: calc(100% - 150px);
}

#now-playing svg {
	height: 25px;
	margin: 0;
}

#now-playing svg path {
	fill: var(--article-footer-link-text-color);
}

#now-playing span {
	display: inline-block;
	line-height: 32px;
	margin: 0 10px 0 0;
	height: 32px;
}

#now-playing a {
	display: inline-block;
	text-decoration: none;
	text-align: left;
}

@media only screen and (min-width: 1024px) {
	.single-post .image_holder {
		margin: 50px -150px;
		text-align: center;
	}
	.single-post .image_holder img {
		text-align: center;
		margin: 0 auto;
	}
}

@keyframes imgbox-fadein {
  from {
	opacity: 0;
  }

  to {
	opacity: 1;
  }
}

.imgbox-container {
	height: 100%;
	left: 0;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	z-index: 99992;
	background: rgb(0,0,0);
	animation: 1s linear imgbox-fadein;
}

.imgbox-stage {
	margin: 0;
	height: 100%;
	width: auto;
}

@media only screen and (min-width: 1024px) {
	.imgbox-stage {
		margin: 50px;
		height: calc(100% - 100px);
	}	
}

.imgbox-content {
	width: 100%;
	height: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
}

img.imgbox-image {
	max-height: 100%;  
	max-width: 100%; 
	position: absolute;	 
	top: 0;	 
	bottom: 0;	
	left: 0;  
	right: 0;  
	margin: auto;
	cursor: pointer;
	animation: 1s linear imgbox-fadein;
}

.wp-block-image figcaption {
	margin: 0;
}

.image-gallery-wrapper {
	background: var(--image-background-color);
	padding: var(--image-padding);
	margin: var(--image-margin);
}

.image-gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.image-gallery li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.image-gallery li:before {
	display: none;
}

.image-gallery li div {
	margin: 0 5px;
}

.article-spacer {
	margin: 0 auto var(--article-space) auto;
}

.image-gallery-columns-1 li { display: block; margin-bottom: var(--paragraph-spacer); width: 100%; }
.image-gallery-columns-2 li { display: block; margin-bottom: var(--paragraph-spacer); width: 100%; }
.image-gallery-columns-3 li { display: block; margin-bottom: var(--paragraph-spacer); width: 100%; }
.image-gallery-columns-4 li { display: block; margin-bottom: var(--paragraph-spacer); width: 100%; }
.image-gallery-columns-5 li { display: block; margin-bottom: var(--paragraph-spacer); width: 100%; }

#social-media a {
	font-size: 2rem;
	color: var(--social-media-icon-color);
	margin: var(--paragraph-spacer);
}

.io-gallery {
	display: grid;
	row-gap: 10px;
	align-items: center;
	justify-items: center;
}

.io-gallery-image {
	background: var(--image-background-color);
	padding: 10px;
	align-self: stretch;
	overflow: hidden;
}

@media only screen and (min-width: 1024px) {
	.io-gallery {
		grid-template-columns: repeat(3, 1fr);
		column-gap: 10px;
		padding: 10px;
	}
	.single-post .io-gallery {
		margin: 30px -150px;;
	}
} 

@media only screen and (prefers-color-scheme: dark) and (max-width: 1024px) {
	.io-gallery-image {
		padding: 0;
		margin: var(--image-margin);
	}
}

.io {
	display: none;
}

.io.fresh {
	display: block;
	position: fixed;
	top: 5px;
	right: 5px;
	width: 2px;
	height: 2px;
	background-color: var(--text-color);
}

svg.socialicon {
	width: 40px;
}

svg.contacticon {
	width: 14px;
	margin-right: 3px;
}

@media only screen and (min-width: 1024px) {
	.image-gallery-columns-1 li { display: inline-block; margin-bottom: 0; width: 100%; }
	.image-gallery-columns-2 li { display: inline-block; margin-bottom: 0; width: 50%; }
	.image-gallery-columns-3 li { display: inline-block; margin-bottom: 0; width: 33.3%; }
	.image-gallery-columns-4 li { display: inline-block; margin-bottom: 0; width: 25%; }
	.image-gallery-columns-5 li { display: inline-block; margin-bottom: 0; width: 20%; }
}