@charset "UTF-8";

@font-face
{
	font-family: 'Cooper';
	src: url('/fonts/cooper_light.woff2') format('woff2'),
			 url('/fonts/cooper_light.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face
{
	font-family: 'Cooper';
	src: url('/fonts/cooper_light-italic.woff2') format('woff2'),
			 url('/fonts/cooper_light-italic.woff') format('woff');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face
{
	font-family: 'Cooper';
	src: url('/fonts/cooper_medium.woff2') format('woff2'),
			 url('/fonts/cooper_medium.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face
{
	font-family: 'Cooper';
	src: url('/fonts/cooper_medium-italic.woff2') format('woff2'),
			 url('/fonts/cooper_medium-italic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

:root
{
	--sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--serif: Cooper, Georgia, serif;

	--canvas: #EAE1CD;
	--ink: #201D1D;
	--red: #BB3102;
	--yellow: #F5CC47;
	--blue: #4B72B0;
	--green: #1C9063;

	--background: var(--canvas);
	--text: var(--ink);
	--primary: var(--red);
	--secondary: var(--yellow);
	--tertiary: var(--blue);
}

*,
*:before,
*:after
{
	box-sizing: border-box;
}

html
{
	font-size: 1vw;
}

body
{
	font-size: 3rem;
}

@media (min-width: 670px)
{
	body
	{
		font-size: 3rem;
		line-height: 1.2;
	}
}

@media (min-width: 1000px)
{
	html
	{
		font-size: 10px;
	}
}

html
{
	margin: 0;
	padding: 0;
	position: relative;
}

body
{
	margin: 0;
	padding: 0;
	background-color: var(--background);
	color: var(--text);
	font-family: var(--serif);
	overflow-x: hidden;
}

a
{
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 0.05em;
	text-underline-offset: 0.0625em;
}

#container
{
	position: relative;
	margin: 0;
	z-index: 1;
}

#header,
#main
{
	max-width: 80rem;
	margin: 0 auto;
	position: relative;
}

#header
{
	--scale: .5;
	max-width: calc(80rem * var(--scale));
}

#home #header
{
	--scale: 1;
}

#header h1
{
	position: relative;
}

#header h1::before,
#header h1::after,
#header h1 a::before,
#header h1 a::after,
#wishlist::before
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: calc(29rem * var(--scale));
	height: calc(29rem * var(--scale));
	-webkit-mask-image: url("/img/bigwalk_circle.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	pointer-events: none;
	z-index: 0;
}

#header h1::before
{
	top: calc(7.5rem * var(--scale));
	left: calc(4rem * var(--scale));
	background-color: var(--blue);
}

#header h1::after
{
	top: calc(4rem * var(--scale));
	left: calc(29rem * var(--scale));
	background-color: var(--red);
}

#header h1 a::before
{
	display: block;
	top: calc(23rem * var(--scale));
	left: calc(46rem * var(--scale));
	background-color: var(--yellow);
}

#header h1 a::after
{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-mask-image: url("/img/bigwalk_logo.svg");
	background-color: var(--ink);
	pointer-events: all;
	z-index: 10;
}

#header h1
{
	margin: 0;
	color: transparent;
	height: calc(50rem * var(--scale));
}

#header h1 a
{
	display: block;
	color: transparent;
}

#header p
{
	text-align: center;
}

.platform-buttons
{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	gap: 1ch;
	margin: 2ch auto;
}

.platform-button
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5ch;
	padding: .25ch .5ch .125ch .5ch;
	border: .2ch solid transparent;
	border-radius: 3ch;
	flex: 0 0 auto;
	align-self: stretch;
	font-weight: 600;
	mix-blend-mode: multiply;
	position: relative;
	border: 0.375rem solid transparent;
}

.platform-button a
{
	text-decoration: none;
}

.platform-button a::after
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	display: block;
	content: "";
}

.platform-button::before
{
	content: "";
	display: block;
	width: 2ch;
	height: 2ch;
	background: currentcolor;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	position: relative;
}

.platform-button.playstation
{
	background-color: var(--blue);
	color: white;
}

.platform-button.playstation::before
{
	-webkit-mask-image: url("/img/platform-logos/platform-logo-ps.svg");
}

.platform-button.switch
{
	background-color: var(--red);
	color: white;
}

.platform-button.switch.comingsoon
{
	background-color: transparent;
	color: var(--red);
	border-color: var(--red);
}

.platform-button.switch::before
{
	-webkit-mask-image: url("/img/platform-logos/platform-logo-switch.svg");
}

.platform-button.steam
{
	background-color: var(--green);
	color: white;
}

.platform-button.steam::before
{
	-webkit-mask-image: url("/img/platform-logos/platform-logo-steam.svg");
}

.platform-button.mas
{
	background-color: var(--ink);
	color: white;
}

.platform-button.mas::before
{
	-webkit-mask-image: url("/img/platform-logos/platform-logo-mas.svg");
	bottom: .09375em;
}

/* Preview */

#faq-link
{
	width: fit-content;
	margin: 3rem auto 1rem auto;
	padding: .75em 1.25em;
	border-radius: 2em;

	background: white;
	/* border: .1em solid var(--yellow); */

	text-align: center;
	font-size: .75em;
}
	#faq-link a
	{
		color: var(--red);
		font-weight: 600;
	}

#screenshots ul li:hover,
div.logos div:hover,
.platform-buttons .platform-button:hover
{
	transform: translateY(-0.25rem) scale(1.005);
}

.platform-buttons .platform-button.comingsoon:hover
{
	transform: translateY(0) scale(1);
}

#trailer,
#screenshots ul li,
p#wishlist a,
div.logos div
{
	transform: translateY(0) scale(1);
}

#main p
{
	margin: 1em 0;
}

#trailer,
#mailingList,
#screenshots
{
	margin: 4rem auto;
}

#trailer
{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	display: grid;
	place-items: center;
	width: calc(100vw + 1rem);
	height: calc(56.25vw + 1rem);
	max-height: 41rem;
	max-width: 72.5rem;
	cursor: pointer;
	color: transparent;
	background-color: black;
	border-radius: .5rem;
	}

#trailer iframe
{
	transition: 1000ms all ease;
	background: #fff;
	overflow: hidden;
	object-fit: fill;
}

#trailer.poster iframe
{
	opacity: 0;
}

#trailer.poster,
#trailer.loading
{
	background-image: url("/img/poster-image-releasedate.jpg");
}

@supports (background-image: url("/img/poster-image-releasedate.webp"))
{
	#trailer.poster,
	#trailer.loading
	{
		background-image: url("/img/poster-image-releasedate.webp");
	}
}

#trailer.loading
{
	animation-name: pulse;
	animation-duration: 1500ms;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-timing-function: ease-in-out;
}

#trailer.playing
{
	animation-name: none;
	z-index: 100;
	position: relative;
}

@keyframes pulse
{
	from { opacity: 1; }
	50% { opacity: 0.35; }
	to { opacity: 1; }
}

#trailer.playing iframe
{
	opacity: 1;
}

#intro
{
	text-align: center;
}

#quotes
{
	max-width: 60rem;
	margin: 0 auto;
}

#quotes .quote
{
	margin: 2em auto;
	text-align: center;
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 0.25em;
}

#quotes .rating,
#quotes .cite
{
	display: inline-block;
}

#quotes .rating
{
	color: var(--yellow);
	background-color: var(--red);
	border-radius: 1em;
	padding: 0.0625em .5em;
	font-weight: bold;

}

#quotes .cite
{
	color: var(--red);
}

#header p,
#intro p
{
	margin: 0.25em auto;
}

.friends-button,
.screenshots-button
{
	text-decoration: underline;
	text-decoration-style: dotted;
	text-underline-offset: 0.0625em;

	cursor: pointer;
}

body.js .friends,
body.js #screenshots,
body.js form#newsletter div.checkbox,
body.js form#elist_form div.checkbox #disclaimer,
body.js form#newsletter div.checkbox #disclaimer
{
	opacity: 0;
	max-height: 0;
	visibility: hidden;
	pointer-events: none;
	margin: 0;
	overflow: hidden;

	transition-property: margin, opacity, max-height, visibility, pointer-events;
	transition-duration: 0s, .5s, .5s, 1s, 1s;
	transition-delay: .5s, 0s, 0s, 1s, 1s;
	transition-timing-function: ease-in-out;
}

body.js .friends.revealed,
body.js #screenshots.revealed,
body.js form#newsletter div.checkbox.revealed,
body.js form#elist_form div.checkbox.revealed input:checked+label>#disclaimer,
body.js form#newsletter div.checkbox.revealed input:checked+label>#disclaimer,
body.nojs .friends,
body.nojs #screenshots,
body.nojs form#newsletter div.checkbox,
body.nojs form#elist_form div.checkbox #disclaimer,
body.nojs form#newsletter div.checkbox #disclaimer
{
	opacity: 1;
	max-height: 1000vh;
	visibility: visible;
	pointer-events: all;

	transition-delay: .1s, .1s, .1s, 0s, 0s;
}

body.js .friends.revealed,
body.nojs .friends
{
	margin-top: .5em;
	margin-bottom: .5em;
}

.faq-container
{
	margin: 1lh auto;
}

.faq-section
{
	display: flex;
	flex-direction: column;
	gap: 0.25lh;
	padding-left: 1lh;
}

.faq-section summary
{
	font-weight: bold;
	text-indent: -1lh;
}

.faq-section summary a
{
	text-decoration: none;
}

.faq-section-title
{
	text-align: center;
	font-size: 1.2em;
	margin: 1lh 0 .25lh 0;
}

#faq .title a
{
	text-decoration: none;
}

.faq-item.highlighted .faq-item-title
{
	background: var(--yellow);
}

.hidden
{
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	z-index: -1;
}

#mailingList form#elist_form,
#mailingList form#newsletter
{
	justify-content: center;
	align-items: center;
	grid-gap: .5em;
	display: grid;
	grid-template-columns: 2fr 1fr;
}

form#elist_form label,
form#newsletter label,
p#status
{
	text-align: center;
	font-size: 1em;
}

form#elist_form label,
form#newsletter label
{
	grid-row: 1;
	grid-column: 1 / span 2;
	cursor: pointer;
}

p#status
{
	opacity: 0;
	transition-duration: 350ms;
	transition-timing-function: ease;
	transition-property: opacity;
	grid-row: 1;
	grid-column: 1;
	margin: -2.5rem 0 0 0;
	max-height: 0;
}

p#status.success,
p#status.error
{
	opacity: 1;
	margin: 0 0 1em 0;
	color: var(--blue);
	max-height: 100em;
}

form#elist_form div.email,
form#newsletter div.email
{
	grid-row: 1;
	grid-column: 1;
	justify-self: stretch;
}

form#elist_form input#elist_email,
form#newsletter input#mce-EMAIL
{
	font: inherit;
	text-align: left;
	margin: 0;
	width: 100%;
}

form#elist_form input#elist_email::placeholder,
form#newsletter input#mce-EMAIL::placeholder
{
	color: #888;
}

form#elist_form div.checkbox,
form#newsletter div.checkbox
{
	cursor: pointer;
	font-size: .7em;
	font-weight: 600;
	grid-column: 1 / span 2;
}

form#elist_form div.checkbox input,
form#newsletter div.checkbox input
{
	position: relative;
	height: 1.5em;
	width: 1.5em;
}

form#elist_form div.submit-button,
form#newsletter div.submit-button
{
	display: contents;
}

input#elist_email,
input#mce-EMAIL,
button#elist_submit,
input#mc-embedded-subscribe,
.control input
{
		-webkit-appearance: none;
		-moz-appearance: none;
		border: 0;
		font: inherit;
		padding: 0.25em 0.35em;
}

input#elist_email,
input#mce-EMAIL,
.control input
{
	background: white;
	color: var(--text);
	border-radius: 0.4em;
}

button#elist_submit,
input#mc-embedded-subscribe
{
	background-color: var(--primary);
	color: #fff;
	cursor: pointer;
	border: 0.2rem  transparent;
	width: 100%;
	border-radius: 0.4em;
	align-self: stretch;
	grid-column: 2;
	grid-row: 1;
}

form#elist_form p#status,
form#newsletter p#status
{
	grid-row: 1;
	grid-column: 1 / span 2;
}

form#elist_form div.email,
form#newsletter div.email
{
	grid-row: 1;
	grid-column: 1 / span 1;
	justify-self: stretch;
}

form#elist_form div.checkbox #disclaimer,
form#newsletter div.checkbox #disclaimer
{
	font-weight: 400;
}


form#elist_form div.submit-button,
form#newsletter div.submit-button
{
	grid-row: 2;
	grid-column: 2 / span 1;
	justify-self: start;
}

#screenshots ul
{
	margin: 1em auto;
	list-style: none;
	padding: 0;
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: auto;
}

#screenshots ul li
{
	margin: 0;
	position: relative;
	width: 80rem;
	height: calc(80rem * .5625);
}

@media (min-width: 670px)
{
	#screenshots ul
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	#screenshots ul li
	{
		width: 39rem;
		height: calc(39rem * .5625);
	}
}

#screenshots li a
{
	cursor: pointer;
}

#screenshots img
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 0.2em;
	-webkit-object-fit: cover;
}

#footer nav
{
	text-align: center;
}

#footer nav a
{
	font-style: italic;
}

#footer nav a:hover
{
	color: var(--primary);
}

#footer .copyright,
#footer .links
{
	font-size: .65em;
	text-align: center;
	color: #888;
}

#footer
{
	margin-bottom: 2.5em;
}

div.logos
{
	margin: 2em auto;
	display: flex;
	justify-content: center;
	align-content: center;
}

div.logos a
{
	position: absolute;
	color: transparent;
	width: 100%;
	height: 100%;
}

div#logo-panic,
div#logo-househouse
{
	position: relative;
	height: 3em;
	width: 3em;
	margin: 0 .5em;
	background-color: var(--ink);
}

#logo-panic
{
	-webkit-mask-size: contain;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url("/img/panic.svg");
}

#logo-househouse
{
	-webkit-mask-size: contain;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-image: url("/img/househouse.svg");
}

#viewer
{
	width: 100vw;
	height: 100vh;
	display: grid;
	place-content: center;
	background: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: 250ms opacity ease;
	z-index: 1000;
}

#viewer #image
{
	display: block;
	width: 100vw;
	height: 62.5vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 100rem;
	max-height: 62.5rem;
	transform: scale(0);
	transition: 500ms transform ease;
	cursor: pointer;
	z-index: 10000;
}

#viewer
{
	width: 100vw;
	height: 100vh;
	display: grid;
	place-content: center;
	background: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	transition: 250ms opacity ease;
	z-index: 1000;
}

#viewer #image
{
	display: block;
	width: 100vw;
	height: 62.5vw;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 128rem;
	max-height: 80rem;
	transform: scale(0);
	transition: 500ms transform ease;
	cursor: pointer;
	z-index: 10000
}

#zoomedImage
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

body.viewer
{
	overflow: hidden;
	pointer-events: none;
}

body.viewer #viewer
{
	opacity: 1;
	pointer-events: all;
}

body.viewer #viewer #image
{
	transform: scale(1);
}

.hidden
{
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	z-index: -1;
}

.faq-item-summary
{
	position: relative;
}

details.faq-item a.faq-item-link
{
	opacity: 0;
	pointer-events: none;
	display: none;
}

details.faq-item[open] a.faq-item-link
{
	opacity: 1;
	pointer-events: auto;
	display: inline-block;
}

a.faq-item-link,
a.faq-item-link.copied
{
	margin: 0;
	color: var(--green);
	font-family: sans-serif;
	position: relative;
	background-color: var(--green);
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.979 22.863'%3E %3Cpath fill-opacity='.85' d='m14.1 7.323-1.3 1.32c1.284.1 2.123.49 2.765 1.132 1.704 1.703 1.7 4.116.008 5.805l-3.185 3.186c-1.702 1.697-4.112 1.703-5.814.012-1.713-1.716-1.699-4.124 0-5.815l1.915-1.912c-.27-.62-.338-1.35-.242-1.984l-2.858 2.86c-2.346 2.334-2.364 5.66.01 8.024 2.365 2.375 5.68 2.354 8.025.012l3.337-3.347c2.333-2.334 2.352-5.651-.01-8.024-.618-.618-1.4-1.046-2.65-1.27m-.244 8.043 1.291-1.31c-1.285-.1-2.123-.489-2.754-1.132-1.705-1.703-1.701-4.116-.01-5.805l3.188-3.186c1.7-1.697 4.11-1.714 5.811-.012 1.706 1.716 1.691 4.124 0 5.815l-1.912 1.912c.267.62.335 1.35.24 1.984l2.86-2.86c2.343-2.344 2.362-5.66-.01-8.024-2.368-2.375-5.693-2.354-8.025-.012l-3.337 3.347c-2.336 2.334-2.365 5.651.01 8.024.616.618 1.398 1.046 2.648 1.26'/%3E %3C/svg%3E");
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	width: 1em;
	height: 100%;
	display: inline-block;
}

a.faq-item-link:hover
{
	-webkit-mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.979 22.863'%3E %3Cg fill-opacity='.85'%3E %3Cpath d='m8.489 11.05-1.914 1.913c-1.7 1.691-1.714 4.1 0 5.815 1.7 1.691 4.111 1.685 5.813-.012l3.064-3.064q-.069.42-.067.859 0 .67.136 1.298l-2.097 2.104c-2.344 2.342-5.66 2.363-8.024-.012-2.375-2.365-2.357-5.69-.01-8.024l2.857-2.86a3.7 3.7 0 0 0 .242 1.984m14.07-8.302c2.248 2.24 2.35 5.334.357 7.645a6 6 0 0 0-1.229-.124 5.3 5.3 0 0 0-.913.075l.608-.608c1.691-1.691 1.706-4.1 0-5.815-1.701-1.702-4.111-1.685-5.81.012l-3.19 3.186c-1.691 1.69-1.695 4.102.01 5.805.63.643 1.469 1.032 2.754 1.133l-1.291 1.31c-1.25-.214-2.032-.642-2.648-1.26-2.375-2.373-2.346-5.69-.01-8.024l3.337-3.347c2.331-2.342 5.657-2.363 8.024.012M16.75 8.593c.8.804 1.328 1.717 1.577 2.665a6.2 6.2 0 0 0-1.492 1.308c-.027-.988-.451-1.97-1.27-2.79-.643-.643-1.482-1.032-2.767-1.132l1.302-1.32c1.25.223 2.032.65 2.65 1.269'/%3E %3Cpath d='M26.645 16.561c0 2.718-2.271 4.967-4.958 4.967-2.716 0-4.967-2.239-4.967-4.967 0-2.718 2.251-4.958 4.967-4.958 2.72 0 4.958 2.238 4.958 4.958m-5.557-2.499v1.908h-1.91c-.355 0-.6.23-.6.591 0 .37.245.6.6.6h1.91v1.91c0 .356.23.6.599.6.36 0 .591-.244.591-.6v-1.91h1.908c.365 0 .6-.23.6-.6 0-.361-.235-.591-.6-.591h-1.908v-1.908c0-.363-.23-.6-.591-.6-.37 0-.6.237-.6.6'/%3E %3C/g%3E %3C/svg%3E");
}

body::after
{
	font-family: var(--sans-serif);
	content: "";
	font-weight: 400;
	pointer-events: none;
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgb(from var(--green) r g b / 1);
	opacity: 0;
	transition: 1000ms ease-out opacity;
	z-index: 90099;
	position: fixed;
	width: 2em;
	height: 2em;
	inset: 1em 1em auto auto;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022.988%2027.197%22%3E%3Cg%20fill-opacity%3D%22.85%22%3E%3Cpath%20d%3D%22M21.299%204.365V17.93c0%202.03-1.006%203.066-3.027%203.066H17.9v-5.908c0-1.318-.185-2.285-1.318-3.447l-5.215-5.313c-1.25-1.28-2.1-1.484-3.467-1.484H6.064v-.479c0-2.04%201.006-3.066%203.028-3.066h9.18c2.021%200%203.027%201.025%203.027%203.066m-10-1.074c-.43%200-.625.273-.625.576v.205c0%20.293.195.576.625.576h4.765c.42%200%20.625-.283.625-.576v-.205c0-.303-.205-.576-.625-.576Z%22%2F%3E%3Cpath%20d%3D%22M1.328%2022.803c0%202.04%201.016%203.066%203.027%203.066h9.18c2.022%200%203.028-1.035%203.028-3.066v-7.715H9.746c-1.26%200-1.846-.596-1.846-1.846v-7.07H4.355c-2.011%200-3.027%201.025-3.027%203.066Zm8.408-9.053h6.66c-.107-.38-.332-.732-.761-1.182L10.42%207.256c-.44-.44-.81-.733-1.182-.84v6.836q0%20.498.498.498%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 2em;
}

body:has(a.faq-item-link.copied)::after
{
	opacity: 1;
	transition: 200ms ease-out opacity;
}


details.faq-item .faq-item-title
{
	cursor: pointer;
}

details.faq-item .faq-item-title:hover
{
	text-decoration: underline;
	text-decoration-thickness: 0.05em;
	text-underline-offset: 0.0625em;
}

/* FAQ Search */

.faq-container #search-container
{
	margin: 1em auto;
}

#search-container label
{
	display: none;
}

#search-container input
{
	width: 100%;
}

#search-results
{
	background: rgba(255,255,255,.25);
	border: 0.25rem solid var(--red);
	padding: .5em;
	margin: .5em 0;
	border-radius: .5em;
}

#search-results .title
{
	margin: 1em 0 0.5em 0;
}

#search-results.hide
{
	display: none;
}

#search-results.show
{
	display: block;
}
#search-results .search-result
{
	margin-bottom: 1em;
}

#search-results .search-result-title
{
	font-weight: 600;
}

#search-results .search-result-excerpt
{
	margin: 0.25em 0 0; opacity: 0.85;
}

#search-results .search-result-excerpt mark
{
	background: rgb(from var(--yellow) r g b / .5);
	color: inherit;
}

.faq-item code
{
	background: rgb(255 255 255 / .25);
	border: 0.1rem solid rgb(from var(--blue) r g b / .25);
	border-radius: 0.25em;
	padding: 0 0.125em;
	font-size: 0.85em;
}