:root{
	/* background */
	--1d2021: #1d2021;
	--282828: #282828;
	--3c3836: #3c3836;
	--504945: #504945;
	
	/* font */
	--928374: #928374;
	--a89984: #a89984;
	--bdae93: #bdae93;
	--8ec07c: #8ec07c;
	--ebdbb2: #ebdbb2;
	
	/* code highlighter */
	--comment: #9e8e73;
	--default: #d4be98;
	--keyword: #d8a657;
	--string: #7daea7;
	
	/* color codes for instance list */
	--green: #b8bb26;
	--yellow: #d8a657;
	--red: #fb4934;
}

/* @font-face {
    font-family: 'Proxonova Regular';
    src: url('proxonovafont/ProximaNova-Regular.ttf');
    font-weight: normal;
  font-style: normal;
    
} */

@font-face {
    font-family: 'ProximaNova';
    src: url('proxonovafont/ProximaNova-Regular.ttf');
      font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('proxonovafont/ProximaNova-Bold.ttf');
       font-weight: bolder;
  font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('proxonovafont/ProximaNova-Semibold.ttf');
       font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'ProximaNova';
    src: url('proxonovafont/ProximaNova-Light.ttf');
       font-weight: lighter;
  font-style: normal;
}




audio{
	max-width:100%;
	display:block;
}

.left audio{
	margin-top:7px;
}

.right-wrapper audio{
	margin-bottom:17px;
}

body,html{
	padding:0;
	margin:0;
}

body{
	background:var(--1d2021);
	color:var(--a89984);
	font-size:16px;
	box-sizing:border-box;
	font-family:'ProximaNova', sans-serif;
	margin:15px 7% 45px;
	word-wrap:anywhere;
	line-height:22px;
	max-width:2000px;
	position:relative;
}

.navigation{
	position:absolute;
	top:0;
	right:0;
	font-size:14px;
	line-height:40px;
	z-index:20;
}

.navigation a{
	color:var(--bdae93);
	text-decoration:none;
}

.navigation a:hover{
	text-decoration:underline;
}

.navigation .settings-link{
	align-items:center;
	box-sizing:border-box;
	color:#aaa;
	display:inline-flex;
	height:28px;
	justify-content:center;
	line-height:normal;
	padding:0 8px;
	vertical-align:middle;
}

.navigation .settings-link:hover{
	color:#777;
	text-decoration:none;
}

.navigation .settings-link:focus-visible{
	border-radius:4px;
	outline:2px solid currentColor;
	outline-offset:2px;
}

.settings-icon{
	display:block;
	flex:0 0 16px;
	height:16px;
	width:16px;
}

.navigation a:not(:last-child)::after{
	content:"|";
	padding:0 7px;
	display:inline-block;
	color:var(--504945);
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0 0 7px 0;
	line-height:initial;
	color:var(--bdae93);
}

h3,h4,h5,h6{
	margin-bottom:14px;
}

/*
	Web styles
*/
#overflow{
	overflow:hidden;
}

/* Searchbox */
.serp-search-header{
	display:block;
	position:relative;
}

.serp-logo{
	width:48px;
	height:48px;
	display:block;
	left:-70px;
	position:absolute;
	text-decoration:none;
	top:0;
}

.serp-logo img{
	display:block;
	width:48px;
	height:42px;
	object-fit:contain;
}

.serp-search-content{
	min-width:0;
}

.searchbox{
	width:min(42%, 930px);
	height:36px;
	border:1px solid var(--504945);
	background:var(--282828);
	border-radius:999px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}

.searchbox .wrapper{
	overflow:hidden;
}

.searchbox input[type="text"]{
	width:100%;
	padding-left:10px;
}

.searchbox input[type="text"]::placeholder{
	color:var(--928374);
}

.searchbox .search-submit{
	all:unset;
	align-items:center;
	box-sizing:border-box;
	color:var(--bdae93);
	cursor:pointer;
	display:flex;
	float:right;
	height:36px;
	justify-content:center;
	width:46px;
}

.searchbox .search-submit:hover{
	color:var(--ebdbb2);
}

.search-submit-icon{
	display:block;
	height:20px;
	width:20px;
}

.searchbox input{
	all:unset;
	line-height:36px;
	box-sizing:border-box;
	height:36px;
	color:var(--bdae93);
}

.searchbox:focus-within{
	border:1px solid var(--928374);
}

.autocomplete{
	display:none;
	position:absolute;
	top:35px;
	left:-1px;
	right:-1px;
	background:var(--282828);
	border:1px solid var(--928374);
	border-top:none;
	border-radius:0 0 2px 2px;
	z-index:10;
	overflow:hidden;
}

.autocomplete .entry{
	overflow:hidden;
	padding:4px 10px;
	cursor:pointer;
	outline:none;
	user-select:none;
}

.autocomplete .entry:hover{
	background:var(--3c3836);
}

.autocomplete .entry:focus{
	background:var(--3c3836);
}

.autocomplete .entry.active{
	background:var(--3c3836);
}

.searchbox.autocomplete-open{
	overflow:visible;
}

.autocomplete.is-open{
	display:block;
}

/* Match the home page's separate, rounded suggestions panel. */
.serp-search-content .autocomplete{
 top:calc(100% + 8px);
 left:-1px;
 right:-1px;
 padding:6px 0;
 border:1px solid var(--504945);
 border-radius:16px;
 box-shadow:0 8px 24px rgba(45,49,82,.16);
 z-index:20;
}

.serp-search-content .autocomplete .entry{
 padding:10px;
 line-height:22px;
}

/* Tabs */
.tabs-row{
	display:flex;
	align-items:flex-start;
	gap:4px;
	overflow:hidden;
	overflow-x:auto;
	white-space:nowrap;
}

.filters{
	overflow:hidden;
	overflow-x:auto;
	display:flex;
	white-space:nowrap;
}

.tabs{
	flex:0 0 auto;
	padding-bottom:10px;
}

.tabs .tab{
	text-decoration:none;
	color:var(--bdae93);
	padding:4px 10px;
	display:inline-block;
}

.tabs .tab:hover{
	text-decoration:underline;
}

.tabs .tab.selected{
	border-bottom:2px solid var(--bdae93);
}

.filter-toggle{
	all:unset;
	box-sizing:border-box;
	color:var(--bdae93);
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
	font-size:14px;
	line-height:22px;
	padding:4px 8px;
}

.filter-toggle:hover .filter-toggle-label{
	text-decoration:underline;
}

.filter-toggle-label{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

.filter-toggle-icon{
	width:24px;
	height:24px;
	display:block;
	object-fit:contain;
}

.filter-toggle[aria-expanded="true"]{
	font-weight:bold;
}

/* Filters */
.filters{
	margin-bottom:7px;
}

.filters[hidden]{
	display:none;
}

.filters .filter{
	display:inline-block;
	margin-right:7px;
	vertical-align:bottom;
}

.filters .filter .title{
	font-size:13px;
	margin:0 4px;
}

.filters .filter input,
.filters .filter select{
	all:unset;
	user-select:none;
	display:block;
	border:1px solid var(--504945);
	border-radius:2px;
	font-size:14px;
	padding:0 4px;
	width:127px;
	height:24px;
}

.timetaken{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.tor-search-complete{
	display:inline-flex;
	align-items:center;
	gap:6px;
	border:1px solid rgba(123,74,150,.28);
	border-radius:999px;
	background:rgba(123,74,150,.08);
	color:#7b4a96;
	font-size:12px;
	font-weight:700;
	line-height:1;
	padding:5px 9px;
}

.tor-search-complete-dot{
	width:7px;
	height:7px;
	border-radius:50%;
	background:#7b4a96;
	box-shadow:0 0 0 3px rgba(123,74,150,.14);
}

.open-onion-results-wrap{
	margin:0 0 18px 0;
}

.open-onion-results-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:4px;
	padding:10px 16px;
	border:1px solid color-mix(in srgb, var(--a89984) 8%, var(--1d2021));
	border-radius:9999px;
	background:var(--282828);
	color:var(--a89984);
	box-shadow:0 1px 2px rgba(0,0,0,.08);
	font-family:inherit;
	font-size:16px;
	font-weight:400;
	line-height:22px;
	text-decoration:none;
}

.open-onion-results-button:hover{
	border-color:var(--bdae93);
	text-decoration:none;
}

.open-onion-results-button img{
	display:block;
	width:16.309px;
	height:24px;
	max-width:16.309px;
	max-height:24px;
	min-width:16.309px;
	min-height:24px;
	object-fit:contain;
	flex:0 0 16.309px;
	transform:translateY(-1px);
}

/*
	HOME
*/
.home{
	min-height:100vh;
	margin:0 auto;
	display:table;
	text-align:center;
}

.home .logo{
	max-width:500px;
	height:100px;
	margin:0 auto 17px auto;
}



.home img{
	line-height:100px;
	font-size:60px;
	text-align:center;
	font-family:Times;
	width:90%;
	height:50%;
	background:transparent;
	display:block;
	object-fit:contain;
}

.home #center{
	display:table-cell;
	vertical-align:middle;
	width:730px;
}

.home .searchbox{
	width:100%;
	text-align:left;
	margin-bottom:20px;
}

.home a{
	color:inherit;
	text-decoration: none;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.home a h2{
    font-family: 'Proxonova Regular', sans-serif;
}

.home .logo-container{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.home .logo-container span img{
	width: 100%;
}

.home .subtext{
	margin-top:17px;
	line-height:16px;
	font-size:12px;
}


/*
	WEB
*/

/* Captcha */
.captcha-wrapper{
	position:relative;
	max-width:400px;
	margin:17px auto 0;
	border:1px solid var(--928374);
}

.captcha{
	padding-bottom:100%;
	padding-top:6.2%;
}

.captcha-wrapper img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.captcha-controls{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	top:6.3%;
}

.captcha-wrapper img{
	display:block;
	background:#282828;
}

.captcha-wrapper input{
	display:none;
}

.captcha-wrapper label{
	float:left;
	width:25%;
	height:25%;
	position:relative;
	cursor:pointer;
}

.captcha-wrapper label:hover{
	background:rgba(255,255,255,0.2);
}

.captcha-wrapper input:checked + label{
	background:rgba(0,0,0,0.5);
}

.captcha-wrapper input:checked + label:after{
	content:"";
	position:absolute;
	left:39%;
	top:29%;
	width:20%;
	height:30%;
	transform:rotate(45deg);
	border-right:7px solid var(--ebdbb2);
	border-bottom:7px solid var(--ebdbb2);
	box-sizing:border-box;
}

.captcha-submit{
	float:right;
	margin:12px 0 4px;
}

.web .left{
	width:40%;
	float:left;
}

/* infobox */
.infobox{
	border:1px dashed var(--504945);
	padding:10px;
	margin-bottom:17px;
	overflow:hidden;
}

.infobox .code{
	white-space:initial;
}

.infobox ul{
	padding-left:27px;
	margin-bottom:0;
}

.infobox a{
	color:var(--bdae93);
}

.infobox a:hover{
	text-decoration:underline;
}

/* text-result */
.web .text-result{
	margin-bottom:30px;
}

.web .description{
	white-space:pre-line;
}

.web .text-result .description{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	line-clamp:3;
}

.web .proxy-btn-wrap{
	margin-top:8px;
}

.web .proxy-btn-wrap a{
	display:inline-flex;
	align-items:center;
	text-decoration:none;
}

.web .proxy-btn-wrap img{
	display:block;
	max-width:100%;
	height:auto;
}

.web .type{
	border:1px solid var(--928374);
	background:var(--282828);
	padding:0 4px;
	border-radius:2px;
	font-size:14px;
	line-height:16px;
	float:left;
	margin:2px 7px 0 0;
}

.web .url{
	position:relative;
}

.web .text-result .url .part{
	font-size:12.375px;
}

.web .text-result .url-text{
	display:block;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.web .url .part{
	font-size:15px;
	text-decoration:none;
	color:var(--928374);
}

.web .separator::before{
	content:"/";
	padding:0 4px;
	color:var(--504945);
	font-size:12px;
}

.web .part:hover{
	text-decoration:underline;
}

.web .hover{
	display:block;
	text-decoration:none;
	color:var(--a89984);
	overflow:hidden;
	clear:left;
	padding-top:7px;
}

.web .text-result .title{
	font-size:21px;
	color:#1d4ed8;
	color:color-mix(in srgb, #1d4ed8 72%, var(--bdae93));
	margin-bottom:6px;
}

.web .onion-result .onion-title-link{
	padding-top:0;
}

.web .onion-result .title{
	margin-bottom:4px;
}

.web .onion-result .url{
	margin-bottom:7px;
}

.web .onion-availability{
	display:inline-block;
	max-width:100%;
	margin:0 0 7px 0;
	padding:3px 7px;
	border-radius:3px;
	border:1px solid transparent;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	overflow-wrap:anywhere;
}

.web .onion-availability.active{
	background:#e6f4ea;
	border-color:#b7dfc2;
	color:#0b5132;
}

.web .onion-availability.inactive{
	background:#fff3e8;
	border-color:#f3c99d;
	color:#8a4300;
}

.web .onion-availability.checking{
	background:#f1f3f7;
	border-color:#d6d9e3;
	color:var(--928374);
}

.web .onion-availability.unknown{
	background:#f1f3f7;
	border-color:#d6d9e3;
	color:var(--928374);
}

.web .onion-result .onion-meta-link{
	padding-top:0;
}

.web .onion-loading{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-top:18px;
}

.web .onion-loading-copy{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0;
	min-width:0;
}

.web .onion-loading h1{
	margin:0;
	font-size:22px;
	line-height:30px;
	color:var(--bdae93);
}

.web .onion-loading-dog{
	display:block;
	width:256px;
	height:auto;
	margin-top:6px;
}

.web .onion-load-more-wrap{
	margin:18px 0 34px 0;
}

.web .onion-load-more{
	padding:9px 18px;
	border:1px solid var(--565970);
	border-radius:999px;
	background:var(--ffffff);
	color:var(--text);
	font:inherit;
	font-weight:bold;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);
	cursor:pointer;
}

.web .onion-load-more:hover{
	border-color:var(--text);
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.12);
}

.web .onion-load-more:disabled{
	cursor:default;
	opacity:0.65;
}

.web .text-result a:visited .title{
	color:#1d4ed8 !important;
	color:color-mix(in srgb, #1d4ed8 72%, var(--bdae93)) !important;
}

.theme-white .web .text-result a:visited .title{
	color:#1d4ed8 !important;
	color:color-mix(in srgb, #1d4ed8 72%, var(--bdae93)) !important;
}

.web .text-result .hover:hover .title{
	text-decoration:underline;
}

.web .text-result .author{
	font-style:italic;
}

.web .text-result .greentext{
	font-size:14px;
	color:var(--8ec07c);
}

.web .right-right .text-result:last-child,
.web .right-left .text-result:last-child{
	margin-bottom:0;
}

/* favicon */
.favicon{
	all:unset;
	float:left;
	cursor:pointer;
}

.favicon-dropdown{
	display:none;
	position:absolute;
	top:25px;
	background:var(--282828);
	border:1px solid var(--504945);
	border-radius:2px;
	z-index:3;
	word-wrap:normal;
}

.favicon-dropdown::before{
	content:"";
	position:absolute;
	top:-10px;
	left:2px;
	border:5px solid transparent;
	border-bottom:5px solid var(--504945);
}

.favicon-dropdown a{
	text-decoration:none;
	color:var(--bdae93);
	display:block;
	padding:2px 7px 2px 5px;
	font-size:13px;
}

.favicon-dropdown a:hover{
	text-decoration:underline;
}

.favicon-dropdown:hover,
.favicon:focus + .favicon-dropdown,
.favicon-dropdown:focus-within{
	display:block;
}

.web .favicon img,
.favicon-dropdown img{
	margin:3px 7px 0 0;
	width:16px;
	height:16px;
	font-size:12px;
	line-height:16px;
	text-align:center;
	display:block;
	text-align:left;
	white-space:nowrap;
}

.favicon-dropdown img{
	float:left;
	margin:2px 7px 0 0;
}

/* thumbnails */
.thumb-wrap{
	position:relative;
	float:right;
	width:160px;
	height:90px;
	background:var(--282828);
	border:1px solid var(--504945);
	margin-left:7px;
}

.duration{
	position:absolute;
	right:0;
	bottom:0;
	padding:1px 2px;
	line-height:14px;
	background:var(--3c3836);
	font-size:12px;
	border-left:1px solid var(--504945);
	border-top:1px solid var(--504945);
	font-family:monospace;
}

.thumb-wrap .thumb{
	display:block;
	object-fit:contain;
	width:100%;
	height:100%;
}

.thumb-wrap.portrait{
	width:50px;
}

.thumb-wrap.square{
	width:90px;
}

.web .result-with-thumb{
	display:grid;
	grid-template-columns:180px minmax(0, 1fr);
	gap:12px;
	align-items:start;
}

.web .result-with-thumb .thumb-wrap,
.web .result-with-thumb .thumb-wrap.portrait,
.web .result-with-thumb .thumb-wrap.square{
	float:none;
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
	margin:0;
	overflow:hidden;
	border:0;
	border-radius:10px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.16);
}

.web .result-with-thumb .thumb{
	object-fit:cover;
}

.web .result-with-thumb-copy{
	min-width:0;
	padding-top:2px;
}

.web .text-result.thumbnail-failed .result-with-thumb{
	display:block;
}

.web .text-result.thumbnail-failed .thumb-wrap{
	display:none;
}

.web .text-result.thumbnail-failed .result-with-thumb-copy{
	padding-top:0;
}

.web .result-with-thumb-copy .greentext,
.web .result-with-thumb-copy .description{
	dis:inline;
	font-size:16px;
	line-height:1.55;
}

.web .result-with-thumb-copy .greentext{
	margin-right:5px;
	color:var(--928374);
}

.web .result-with-thumb-copy .greentext:not(:empty)::after{
	content:" ·";
}

.web .result-with-thumb-copy .description{
	white-space:normal;
}

.web .result-with-thumb .duration{
	right:8px;
	bottom:8px;
	padding:4px 7px;
	border:0;
	border-radius:7px;
	background:rgba(30, 27, 25, 0.86);
	color:#fff;
	font-family:inherit;
	font-size:13px;
	line-height:18px;
}

.web .thumb-play{
	position:absolute;
	top:50%;
	left:50%;
	width:48px;
	height:48px;
	transform:translate(-50%, -50%);
	border-radius:50%;
	background:rgba(30, 27, 25, 0.78);
}

.web .thumb-play::after{
	position:absolute;
	top:50%;
	left:53%;
	width:0;
	height:0;
	content:"";
	transform:translate(-50%, -50%);
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
	border-left:15px solid #fff;
}

@media only screen and (max-width: 700px){
	.web .web-serp-images,
	.web .web-serp-videos,
	.web .web-serp-news,
	.web .web-serp-answer{
		display:none;
	}

	.web .text-result{
		overflow:hidden;
		margin-bottom:12px;
		padding:14px;
		border:1px solid var(--3c3836);
		border-radius:8px;
		background:var(--282828);
		box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
	}

	.web .text-result .proxy-btn-wrap{
		display:flex;
		justify-content:center;
		margin:12px -14px -14px;
		padding:10px 14px;
		border-top:1px solid var(--3c3836);
	}

	.web .result-with-thumb{
		display:block;
	}

	.web .result-with-thumb .thumb-wrap{
		display:none;
	}

	.web .result-with-thumb-copy{
		padding-top:0;
	}

	.web .result-with-thumb-copy .greentext,
	.web .result-with-thumb-copy .description{
		font-size:14px;
		line-height:1.45;
	}

	.web .thumb-play{
		width:38px;
		height:38px;
	}

	.web .thumb-play::after{
		border-top-width:8px;
		border-bottom-width:8px;
		border-left-width:12px;
	}

	.web .result-with-thumb .duration{
		right:5px;
		bottom:5px;
		padding:2px 5px;
		font-size:11px;
		line-height:16px;
	}
}

/* Video results */
.web.video-results .left{
	float:none;
	width:100%;
}

.web.video-results .right-wrapper{
	display:none;
}

.video-results-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
	gap:34px 28px;
	align-items:start;
	max-width:100%;
}

.web-video-results-grid{
	grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
	gap:28px 22px;
}

.video-card{
	min-width:0;
}

.video-card-thumb{
	position:relative;
	display:block;
	aspect-ratio:16 / 9;
	overflow:hidden;
	border-radius:10px;
	background:var(--282828);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.14);
	text-decoration:none;
}

.video-card-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 180ms ease;
}

.video-card:hover .video-card-thumb img{
	transform:scale(1.04);
}

.video-card-thumb-fallback{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	color:var(--bdae93);
	font-size:42px;
	font-weight:bold;
	background:var(--3c3836);
}

.video-card-duration{
	position:absolute;
	right:8px;
	bottom:8px;
	z-index:2;
	padding:2px 6px;
	border-radius:3px;
	background:rgba(0, 0, 0, 0.78);
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

.video-card-play{
	position:absolute;
	right:10px;
	bottom:10px;
	z-index:1;
	width:0;
	height:0;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	border-left:10px solid #fff;
	filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.8));
}

.video-card-duration + .video-card-play{
	right:auto;
	left:10px;
}

.video-card-title{
	display:-webkit-box;
	margin-top:10px;
	color:var(--bdae93);
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.video-card-title:hover{
	text-decoration:underline;
}

.video-card-meta{
	margin-top:8px;
	color:var(--928374);
	font-size:13px;
	line-height:18px;
}

.video-card-anonymous{
	display:inline-flex;
	margin-top:8px;
	line-height:1;
}

.video-card-anonymous img{
	display:block;
	width:124px;
	height:auto;
}

@media(max-width:600px){
	.video-results-grid{
		grid-template-columns:1fr;
		gap:28px;
	}
}

/* News results */
.news-card{
	display:flex;
	gap:28px;
	align-items:center;
	max-width:760px;
	margin:0 0 40px;
}

.news-card-main{
	flex:1 1 auto;
	min-width:0;
}

.news-card-source{
	display:inline-flex;
	align-items:center;
	gap:7px;
	margin-bottom:14px;
	color:var(--bdae93);
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.news-card-source img{
	width:16px;
	height:16px;
	border-radius:4px;
	object-fit:cover;
}

.news-card-title{
	display:block;
	margin-bottom:10px;
	color:#8aadff;
	font-size:20px;
	font-weight:bold;
	line-height:26px;
	text-decoration:none;
}

.news-card-title:hover{
	text-decoration:underline;
}

.news-card-description{
	color:var(--bdae93);
	font-size:15px;
	line-height:24px;
}

.news-card-meta{
	color:var(--a89984);
	font-weight:bold;
}

.news-card-thumb{
	flex:0 0 196px;
	display:block;
	aspect-ratio:16 / 9;
	overflow:hidden;
	border-radius:10px;
	background:var(--282828);
	text-decoration:none;
}

.news-card-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform 180ms ease;
}

.news-card.thumbnail-failed .news-card-thumb{
	display:none;
}

.news-card:hover .news-card-thumb img{
	transform:scale(1.035);
}

.news-card-anonymous{
	margin-top:10px;
}

.news-card-anonymous img{
	width:170px;
}

@media(max-width:700px){
	.news-card{
		gap:16px;
	}
	
	.news-card-thumb{
		flex-basis:132px;
	}
}

@media(max-width:520px){
	.news-card{
		display:block;
	}
	
	.news-card-thumb{
		margin-top:12px;
		width:100%;
	}
}

/* Next page */
.nextpage{
	margin:0 0 30px;
	text-align:center;
	display:block;
	padding:10px;
	border:1px solid var(--504945);
	border-radius:2px;
	text-decoration:none;
	color:var(--bdae93);
}

.nextpage:hover{
	text-decoration:underline;
}

/* Right wrapper */
.web .right-wrapper{
	width:60%;
	float:right;
	overflow:hidden;
	padding-left:15px;
	box-sizing:border-box;
}

.web .right-right,
.web .right-left{
	float:right;
	width:50%;
	padding:0 15px;
	box-sizing:border-box;
	overflow:hidden;
	min-height:1px;
}

.web .right-right{
	padding-right:0;
}

/*
	Tables
*/
table{
	width:100%;
	text-align:left;
	border-collapse:collapse;
}

table td{
	width:50%;
	padding:0;
	vertical-align:top;
}

table tr td:first-child{
	padding-right:7px;
}

table a{
	display:block;
	text-decoration:none;
	color:var(--a89984);
	padding:0 10px 0 0;
}

table tr a:last-child{
	padding-right:0;
}

/* Related */
.related{
	margin-bottom:20px;
}

.related a{
	padding-bottom:10px;
	color:var(--bdae93);
}

.related a:hover{
	text-decoration:underline;
}

/*
	Answers
*/
.web .answer{
	max-height:600px;
	overflow:hidden;
	padding-bottom:17px;
	position:relative;
}

.web .answer::after{
	content:"";
	position:absolute;
	bottom:0;
	width:100%;
	height:17px;
	background:linear-gradient(transparent, var(--1d2021));
	pointer-events:none;
}

.web .answer-title{
	text-decoration:none;
	color:var(--a89984);
}

.web .answer-title a:hover{
	text-decoration:underline;
}

.web .spoiler:checked + .answer{
	overflow:initial;
	max-height:initial;
}

.web .spoiler{
	display:none;
}

.web .spoiler-button{
	display:block;
	border:1px solid var(--504945);
	border-radius:2px;
	line-height:30px;
	padding:0 7px;
	text-align:center;
	cursor:pointer;
}

.web .answer-wrapper{
	margin-bottom:27px;
}

.web .spoiler-button:hover{
	text-decoration:underline;
}

.web .spoiler-button::before{
	content:"Show more";
}

.web .spoiler:checked + .answer + .spoiler-button::before{
	content:"Show less";
}

/* Compact Wikipedia knowledge panel */
.web .wikipedia-answer{
	overflow:hidden;
	border:1px solid color-mix(in srgb, var(--a89984) 8%, var(--1d2021));
	border-radius:8px;
	background:var(--1d2021);
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.06);
}

.web .wikipedia-answer .answer{
	max-height:none;
	overflow:visible;
	padding:20px;
}

.web .wikipedia-answer .answer::after{
	display:none;
}

.web .wikipedia-answer .wiki-head .wikipedia-summary{
	display:block;
	overflow:visible;
}

.web .wikipedia-answer .wikipedia-summary-copy{
	min-width:0;
	line-height:1.45;
}

.web .wikipedia-answer .wikipedia-summary-text{
	display:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	line-clamp:4;
}

.web .wikipedia-answer .wikipedia-summary-photo{
	float:right;
	width:120px;
	margin:0 0 10px 20px;
}

.web .wikipedia-answer .wiki-head .wikipedia-summary-photo img{
	display:block;
	background:transparent;
	border:0;
	box-shadow:none;
	filter:var(--wikipedia-artwork-filter, none);
	width:100%;
	height:auto;
	max-width:none;
	max-height:none;
	object-fit:contain;
}

.web .wikipedia-answer .spoiler:not(:checked) + .answer table,
.web .wikipedia-answer .spoiler:not(:checked) + .answer .socials{
	display:none;
}

.web .wikipedia-answer .spoiler:checked + .answer .wikipedia-summary-copy{
	line-height:inherit;
}

.web .wikipedia-answer .spoiler:checked + .answer .wikipedia-summary-text{
	display:block;
	overflow:visible;
}

.web .wikipedia-answer > .spoiler-button{
	height:40px;
	padding:0;
	border:0;
	border-top:1px solid color-mix(in srgb, var(--a89984) 8%, var(--1d2021));
	border-radius:0;
	background:color-mix(in srgb, var(--a89984) 3%, var(--1d2021));
	font-size:0;
	line-height:40px;
}

.web .wikipedia-answer > .spoiler-button::before{
	content:"";
	display:inline-block;
	width:9px;
	height:9px;
	border-right:2px solid var(--a89984);
	border-bottom:2px solid var(--a89984);
	transform:rotate(45deg) translate(-2px, -2px);
}

.web .wikipedia-answer > .spoiler:checked + .answer + .spoiler-button::before{
	content:"";
	transform:rotate(225deg) translate(-2px, -2px);
}

@media(max-width:1000px){
	.web .wikipedia-answer .wikipedia-summary-photo{
		width:120px;
		margin-left:14px;
	}
}

/* Tables on left handside */
.web .info-table{
	margin:10px 0;
	font-size:15px;
	color:var(--928374);
	background:var(--282828);
	border:1px dashed var(--504945);
}

.web .info-table td{
	padding:4px 10px;
}

.web .info-table tr td:first-child{
	width:1%;
	white-space:nowrap;
	padding-right:17px;
	color:var(--a89984);
}

.web .info-table tr:nth-child(even){
	background:var(--1d2021);
}

/* Wikipedia head */
.web .wiki-head .photo{
	float:right;
	margin:0 1px 10px 10px;
}
.web .wiki-head .photo img{
	display:block;
	max-width:200px;
	max-height:200px;
	filter:drop-shadow(1px 0 0 var(--504945)) drop-shadow(-1px 0 0 var(--504945)) drop-shadow(0 -1px 0 var(--504945)) drop-shadow(0 1px 0 var(--504945));
}

.web .wiki-head .description{
	clear:left;
	padding-top:7px;
	overflow:hidden;
}

.web .wiki-head table, .about table{
	margin-top:17px;
	border:1px dashed var(--504945);
	background:var(--1d2021);
}

.web .wiki-head table td{
	white-space:pre-line;
}

.web .wiki-head td, .about table td{
	padding:4px 7px;
	vertical-align:middle;
}

.web .wiki-head tr td:first-child, .about table tr td:first-child{
	width:30%;
	min-width:150px;
}

.web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd){
	background:var(--282828);
}

.web .wiki-head .socials{
	overflow:hidden;
	margin-top:17px;
}

.web .wiki-head .socials a{
	width:74px;
	height:80px;
	padding-right:4px;
	float:left;
	color:var(--bdae93);
	text-decoration:none;
	display:table;
}

.web .wiki-head .socials a:hover .title{
	text-decoration:underline;
}

.web .wiki-head .socials .center{
	display:table-cell;
	vertical-align:middle;
}

.web .wiki-head .socials img{
	margin:0 auto;
	display:block;
	text-align:center;
	width:28px;
	height:28px;
	line-height:28px;
}

.web .wiki-head .socials .title{
	margin-top:7px;
	text-align:center;
	font-size:13px;
	line-height:13px;
}

.web .fullimg{
	display:block;
	max-width:100%;
	max-height:150px;
	margin:7px 0 17px;
	box-sizing:border-box;
	border:1px solid var(--504945);
}

/*
	Code tags
*/
.code{
	white-space:pre;
	font-family:monospace;
	background:var(--3c3836);
	color:var(--bdae93);
	padding:7px;
	margin:4px 0 13px 0;
	overflow-x:auto;
	border-radius:2px;
	border:1px solid var(--504945);
}

.code-inline{
	display:inline;
	font-family:monospace;
	background:var(--282828);
	color:var(--bdae93);
	border:1px solid var(--928374);
	padding:0 4px;
	border-radius:2px;
}

/* Wiki-head titles and quotes */
.web .wiki-head h2{
	font-size:20px;
	margin:20px 0 13px 0;
}

.web .wiki-head h2:first-child{
	margin-top:10px;
}

.web .wiki-head a{
	color:var(--bdae93);
}

.quote{
	font-style:italic;
	margin:10px 0 13px;
	padding-left:10px;
	border-left:1px solid #504945;
}

/*
	Web images
*/
.web .images{
	overflow:hidden;
	margin:0 -5px;
	font-size:0;
}

.web .images .duration{
	display:none;
	border:1px solid var(--504945);
	right:5px;
	bottom:5px;
}

.web .images .image:hover .duration{
	display:block;
}

.web .images .image{
	width:90px;
	height:90px;
	padding:5px;
	position:relative;
	line-height:90px;
	display:inline-block;
	text-align:center;
	color:inherit;
}

.web .images .image img{
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}


/*
	Images tab
*/

#images,
.image-results-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
	grid-auto-rows:8px;
	gap:18px 16px;
	margin-bottom:10px;
}

#images.masonry-pending{
	visibility:hidden;
}

#images.masonry-ready{
	visibility:visible;
}

#images .infobox,
.image-results-grid .infobox{
	width:40%;
	box-sizing:border-box;
	grid-column:1 / -1;
}

#images .image-wrapper,
.image-results-grid .image-wrapper{
	min-width:0;
}

#images .image,
.image-results-grid .image{
	box-sizing:border-box;
	font-size:14px;
}

#images a,
.image-results-grid a{
	color:inherit;
	text-decoration:none;
	display:block;
}

#images .image:hover,
.image-results-grid .image:hover{
	transform:none;
}

#images .image:hover .title span,
.image-results-grid .image:hover .title span{
	text-decoration:underline;
}

#images .thumb,
.image-results-grid .thumb{
	display:block;
	background:var(--282828);
	border-radius:18px;
	box-shadow:0 8px 22px rgb(0 0 0 / 12%);
	overflow:hidden;
	position:relative;
	transition:box-shadow 160ms ease;
}

#images .image:hover .thumb,
.image-results-grid .image:hover .thumb{
	box-shadow:0 12px 30px rgb(0 0 0 / 18%);
}

#images .duration,
.image-results-grid .duration{
	display:block;
	position:absolute;
	right:8px;
	bottom:8px;
	border:1px solid rgb(235 219 178 / 30%);
	border-radius:999px;
	background:rgb(0 0 0 / 66%);
	color:#fff;
	font-size:12px;
	line-height:18px;
	padding:0 8px;
	pointer-events:none;
}

#images img,
.image-results-grid img{
	width:100%;
	height:auto;
	aspect-ratio:var(--image-aspect-ratio, 4 / 3);
	object-fit:contain;
	transition:transform 220ms ease;
	vertical-align:top;
}

#images .image:hover .thumb img,
.image-results-grid .image:hover .thumb img{
	transform:scale(1.035);
}

#images .image-meta,
.image-results-grid .image-meta{
	padding:8px 2px 0;
}

#images .image .title,
.image-results-grid .image .title{
	display:flex;
	align-items:center;
	gap:7px;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:6px;
	font-weight:bold;
	color:var(--bdae93);
}

#images .image .title img,
.image-results-grid .image .title img{
	width:16px;
	height:16px;
	border-radius:4px;
	flex:0 0 auto;
	object-fit:cover;
	transform:none;
}

#images .image .title span,
.image-results-grid .image .title span{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
}

#images .image .description,
.image-results-grid .image .description{
	color:var(--a89984);
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	line-height:18px;
	min-height:36px;
}

.web-image-results-grid{
	grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
	grid-auto-rows:auto;
	gap:20px 14px;
}

.web-image-results-grid .thumb{
	border-radius:10px;
	box-shadow:0 6px 18px rgb(0 0 0 / 10%);
}

.web-image-results-grid .image-meta{
	padding-top:7px;
}

.nextpage.img{
	width:50%;
	margin:0 auto 50px;
}

#popup{
	display:none;
	position:fixed;
	top:0;
	left:0;
	cursor:grab;
	user-select:none;
	pointer-events:none;
	z-index:5;
}

#popup:active{
	cursor:grabbing;
}

#popup-image{
	border:1px solid var(--928374);
	display:block;
	margin:0 auto;
	pointer-events:all;
	width:100%;
	height:100%;
	object-fit:contain;
	background:var(--282828);
}

#popup-status{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:35px;
	background:var(--1d2021);
	border-bottom:1px solid var(--928374);
	z-index:4;
}

#popup-bg{
	background:var(--1d2021);
	opacity:.5;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:3;
}

#popup-status select{
	display:block;
	width:250px;
}

#popup-num,
#popup-title{
	display:table-cell;
	width:0;
	word-wrap:normal;
	padding:0 10px;
	line-height:35px;
	color:var(--ebdbb2);
	text-decoration:none;
}

#popup-title:hover{
	text-decoration:underline;
}

#popup-title{
	width:initial;
	overflow:hidden;
	height:35px;
	display:block;
}

#popup-num{
	font-weight:bold;
}

#popup-dropdown{
	display:table-cell;
	vertical-align:middle;
	width:0;
}

/*
	Settings page
*/
.web .settings{
	margin-top:17px;
	border:1px dashed var(--504945);
	padding:7px 10px 0;
}

.web .setting{
	margin-bottom:17px;
}

.web .setting .title{
	font-size:14px;
}

.web .settings-submit{
	margin:17px 10px;
}

.web .settings-submit input{
	float:right;
}

.web .settings-submit a{
	margin-right:17px;
	color:var(--bdae93);
}

.web .settings-credit{
	margin:60px 10px 25px;
	text-align:center;
}

.web .settings-credit a{
	color:var(--bdae93);
}

/*
	About page
*/
.about a{
	color:var(--bdae93);
}

.about h1, .about h2{
	margin-top:17px;
}

.about table{
	margin-bottom:17px;
}

.about table a{
	display:inline;
}


/*
	Syntax highlight
*/
.c-comment{
	color:var(--comment);
}
.c-default{
	color:var(--default);
}
.c-html{
	color:var(--html);
}
.c-keyword{
	color:var(--keyword);
	font-weight:bold;
}
.c-string{
	color:var(--string);
}

/*
	Instances page
*/
.instances table{
	white-space:nowrap;
	margin-top:17px;
}

.instances a{
	color:var(--bdae93);
}

.instances tbody tr:nth-child(even){
	background:var(--282828);
}

.instances thead{
	outline:1px solid var(--928374);
	outline-offset:-1px;
	background:var(--3c3836);
	user-select:none;
	z-index:2;
	position:sticky;
	top:0;
}

.instances th{
	cursor:row-resize;
}

.instances th:hover{
	background:var(--504945);
}

.instances tbody{
	outline:1px solid var(--504945);
	outline-offset:-1px;
	position:relative;
	top:-1px;
}

.instances tbody tr:hover{
	background:var(--3c3836);
	cursor:pointer;
}

.instances .arrow{
	display:inline-block;
	position:relative;
	top:6px;
	margin-right:7px;
	width:0;
	height:0;
	border:6px solid transparent;
	border-top:10px solid var(--bdae93);
}

.instances .arrow.up{
	top:0;
	border:6px solid transparent;
	border-bottom:10px solid var(--bdae93);
}

.instances th, .instances td{
	padding:4px 7px;
	width:0;
}

.instances .extend{
	width:unset;
	overflow:hidden;
	max-width:200px;
}

.instances .popup-wrapper{
	display:none;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:800px;
	max-width:100%;
	max-height:100%;
	overflow-x:auto;
	padding:17px;
	box-sizing:border-box;
	pointer-events:none;
	z-index:3;
}

.instances .popup{
	border:1px solid var(--928374);
	background:var(--282828);
	padding:7px 10px;
	pointer-events:initial;
}

.instances ul{
	padding-left:20px;
}

.instances .go-back{
	margin-top:17px;
	display:inline-block;
}




/*
	Responsive image masonry
*/
@media only screen and (max-width: 750px){ #images{ grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); } }
@media only screen and (max-width: 450px){ #images{ grid-template-columns:1fr; } }


/*
	Responsive design
*/
@media only screen and (max-width: 1550px){
	
	.web .right-right,
	.web .right-left{
		float:none;
		width:initial;
		padding:0 0 0 15px;
	}
	
	.web .left,
	#images .infobox{
		width:60%;
	}

	.searchbox{
		width:min(42%, 930px);
	}
	
	.web .right-wrapper{
		width:40%;
	}
}

@media only screen and (max-width: 1000px){
	form{
		padding-top:48px;
	}

	.serp-logo{
		width:40px;
		height:40px;
		left:0;
		top:-48px;
	}

		.serp-logo img{
			width:40px;
			height:35px;
		}

	.navigation{
		left:auto;
		right:0;
		top:0;
		line-height:40px;
	}
	
	.nextpage.img{
		width:initial;
	}
	
	.web .right-right,
	.web .right-left{
		border:none;
		padding:0;
	}
	
	.web .right-wrapper{
		float:none;
		padding:0;
		width:initial;
	}
	
	.web .left,
	.searchbox{
		width:100%;
	}
	
	body:not(.instances) table td{
		display:block;
		width:100%;
	}
	
	table a{
		padding:0;
	}
	
	.web.has-answer .left::before{
		display:block;
		content:"Results";
		font-size:24px;
		font-weight:bold;
		margin-bottom:17px;
		color:var(--bdae93);
	}
	
	.web .answer{
		max-height:200px;
	}
	
	.web .wiki-head tr td:first-child,
	.web .info-table tr td:first-child{
		text-decoration:underline;
	}
	
	#images .infobox{
		width:100%;
	}
}

@media only screen and (max-width: 700px){
	.web.has-answer .left::before{
		display:none;
		content:none;
	}
}