@-webkit-keyframes fadeinup{0%{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeinup{0%{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeoutdown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}}@keyframes fadeoutdown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(25%);transform:translateY(25%)}}@-webkit-keyframes ripple{0%{-webkit-transform:scale(0) translateY(-45%) translateX(13%);transform:scale(0) translateY(-45%) translateX(13%)}to{-webkit-transform:scale(1) translateY(-45%) translateX(13%);transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{-webkit-transform:scale(0) translateY(-45%) translateX(13%);transform:scale(0) translateY(-45%) translateX(13%)}to{-webkit-transform:scale(1) translateY(-45%) translateX(13%);transform:scale(1) translateY(-45%) translateX(13%)}}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.notyf__icon--error:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;bottom:-100%;-webkit-animation:fadeinup .3s ease-in forwards;animation:fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 13px;border-radius:2px;margin-top:12px;max-width:300px;-webkit-transform:translateY(25%);transform:translateY(25%)}.notyf__toast--disappear{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation:fadeoutdown .3s forwards;animation:fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:fadeoutdown .3s forwards;animation:fadeoutdown .3s forwards;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__ripple{height:400px;width:400px;position:absolute;-webkit-transform-origin:bottom right;transform-origin:bottom right;right:0;top:0;border-radius:50%;-webkit-transform:scale(0) translateY(-51%) translateX(13%);transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:20px;padding-bottom:20px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:fadeinup .3s forwards;animation:fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:fadeinup .3s forwards;animation:fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf{position:fixed;bottom:20px;right:30px;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width:480px){.notyf{bottom:0;left:0;right:0;align-items:normal}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13)}}
/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #abb2bf;
  background: #282c34;
}

.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}

.hljs-literal {
  color: #56b6c2;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #98c379;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #e6c07b;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

/* Defaults */
html, body, button, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, input, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, textarea, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, hr, menu, nav, section, summary, textarea,
time, mark, audio, video
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ul
{
	list-style: none;
	cursor:default;
}
a
{
	color:inherit;
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	cursor: pointer;
}
body > #browser-incompatible-default-message.maximal
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
body > #browser-incompatible-default-message.hidden
{
	display: none;
}
body > #browser-incompatible-default-message.minimal
{
	position: fixed;
	top: 80px;
	right: 0px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 200px;
	width: 100%;
	border-radius: 10px;
	background-color: #111;
	background-color: rgba(1, 1, 1, 0.8);
}
body > #browser-incompatible-default-message > .message
{
	text-align: center;
}
.app-theme-dark
{
	--background-color-0: #111;
	--background-color-0-5: #1a1a1a;
	--background-color-1: #222;
	--background-color-2: #333;
	--background-color-3: #444;
	--background-color-4: #555;
	--background-color-5: #666;
	--background-color-warning: #dd5b6c;
	--background-warning-text-color: #ffed00;
	--background-warning-text-color-active: #e9ff96;
	--background-color-positive: #a0d6b4;
	--shadow-standard-base: 0 0 6px;
	--shadow-standard-base-large: 0 0 10px;
	--shadow-standard-color: #222;
	--shadow-standard: var(--shadow-standard-base) var(--shadow-standard-color);
	--shadow-standard-large: var(--shadow-standard-base-large) var(--shadow-standard-color);
	--shadow-standard-active: var(--shadow-standard-base) var(--text-color-active-less);
	--shadow-standard-active-large: var(--shadow-standard-base-large) var(--text-color-active-less);
	--header-shadow-color: #333;
	--text-color: #FFF;
	--text-color-active: #40C0CB;
	--text-color-active-less: #186167;
	--text-color-less-0: #555;
	--text-color-less: #999;
	--text-color-less-2: #CCC;
	--text-color-positive: #a0d6b4;
	--text-color-positive-active: #58af78;
	--text-color-negative: #dd5b6c;
	--text-color-negative-active: #b72e40;
	--text-color-warning: #e88b00;
	--discord-blurple: hsl(235, 86%, 65%);
	--discord-blurple-active: hsl(235, 87%, 58%);
	--icon-standard-shadow: var(--shadow-standard);
	--anchor-standard-inactive-color: #09F;
	--anchor-standard-active-color: #40C0CB;
	--anchor-standard-transition: color 0.2s ease-in-out;
}
/* Internal Sheets */
@media (min-width: 1280px) /* Desktop */
{
	.page-container > .page-body > .sidebar
	{
		--page-body-sidebar-width: 200px;
		display: flex;
		flex-direction: column;
		position: sticky;
		margin-right: 20px;
		padding-bottom: 20px;
		width: var(--page-body-sidebar-width);
		background-color: var(--background-color-0);
	}
	.page-container > .page-body > .sidebar > *:nth-child(n+2)
	{
		margin-top: 10px;
	}
	.page-container > .page-body > .sidebar > .guild
	{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.page-container > .page-body > .sidebar > .guild > .link
	{
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.page-container > .page-body > .sidebar > .guild > .link > .image-loader-standard
	{
		--size: 42px;
		width: var(--size);
		height: var(--size);
	}
	.page-container > .page-body > .sidebar > .guild > .link > .image-loader-standard > .image
	{
		border-radius: 50%;
	}
	.page-container > .page-body > .sidebar > .guild > .link > .name
	{
		flex: 1;
		margin-left: 10px;
		font-size: 1rem;
		word-break: break-word;
	}
	.page-container > .page-body > .sidebar > .guild > .membership
	{
		margin-top: 10px;
		margin-left: 10px;
	}
	.page-container > .page-body > .sidebar > .guild > .membership > p > .anchor-standard
	{
		font-style: italic;
	}
	.page-container > .page-body > .sidebar > .navigation
	{
		overflow-y: scroll;
		flex: 1;
	}
	.page-container > .page-body > .sidebar > .navigation > .items
	{
		display: flex;
		flex-direction: column;
	}
	.page-container > .page-body > .sidebar > .navigation .items > *
	{
		margin-top: 10px;
	}
	.page-container > .page-body > .sidebar > .navigation > .items .items
	{
		margin-left: 20px;
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item
	{
		display: flex;
		flex-direction: column;
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item > .link
	{
		--item-selected-border-color: #417B9C;
		--item-selected-border-width: 4px;
		padding-left: calc(10px - var(--item-selected-border-width));
		font-family: 'Open Sans', sans-serif;
		font-size: 1rem;
		color: var(--text-color-less);
		transition: color 0.2s ease-in-out, border-left 0.2s ease-in-out;
		border-left: transparent solid 4px;
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item.selected > .link,
	.page-container > .page-body > .sidebar > .navigation .items > .item > .link:hover
	{
		color: var(--text-color);
		border-left: var(--item-selected-border-color) solid var(--item-selected-border-width);
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item.selected > .link
	{
		cursor: default;
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item > .link
	{
		display: flex;
		flex-direction: row;
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item > .link > .label
	{
		flex: 1;
	}
	.page-container > .page-body > .sidebar > .navigation .items > .item.descendant-selected > .link
	{
		color: var(--text-color);
		cursor: default;
	}
	.page-container > .page-body > .sidebar + .page.not-found,
	.page-container > .page-body > .sidebar + .page.authentication-required,
	.page-container > .page-body > .sidebar + .page.unauthorised
	{
		align-items: unset;
		justify-content: unset;
		height: unset;
	}
}

@media (max-width: 1279px) /* Mobile */
{
	.page-container > .page-body > .sidebar
	{
		display: none;
	}
}
/* Container */
.page-container
{
	display: flex;
	flex-direction: column;
	align-items: center;
	clear: both;
	float: left;
	width: 100%;
	height: auto;
	--page-margin-bottom: 30px;
	--page-container-child-width: 1280px;
}
.page-container > .page-body > .page
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Page Header */
.page-container > .page-body > .page > .page-header
{
	max-width: 600px;
}
.page-container > .page-body > .page > .page-header > .description
{
	font-size: 0.8rem;
	color: var(--text-color-less);
}

@media (min-width: 1280px) /* Desktop */
{
	.page-container > .page-body
	{
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		width: var(--page-container-child-width);
	}
	.page-container > .page-body > .page
	{
		margin-bottom: var(--page-margin-bottom);
		flex: 1;
	}
}

@media (max-width: 1279px) /* Mobile */
{
	.page-container
	{
		margin-bottom: 20px;
	}
	.page-container > *
	{
		width: 100%;
		height: auto;
	}
	.page-container > .page-body > .page
	{
		--page-horizontal-margin: 20px;
		margin-left: var(--page-horizontal-margin);
		margin-right: var(--page-horizontal-margin);
	}
}

/* External Stylesheets */
.anchor-standard
{
	font-family: var(--font-standard);
	color: var(--anchor-standard-inactive-color);
	cursor: pointer;
	transition: color 0.2s ease-in-out;
}
.anchor-standard.footnote
{
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
}
.anchor-standard.footnote.without-italic
{
	font-style: normal;
}
.anchor-standard:active
{
	color: var(--anchor-standard-active-color);
}
@media (any-hover: hover)
{
	.anchor-standard:hover
	{
		color: #40C0CB;
		color: var(--anchor-standard-active-color);
	}
}
.anchor-standard:disabled
{
	cursor: not-allowed;
}
.anchor-standard.unset-font-style
{
	font-style: unset;
}
/* Internal Sheets */

/* Paragraph */
.paragraph-standard
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color);
	cursor: default;
}
.paragraph-standard.footnote
{
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
}
.paragraph-standard.footnote.without-italic
{
	font-style: unset;
}
.paragraph-standard.unset-cursor
{
	cursor: unset;
}
.paragraph-standard.max-width
{
	max-width: var(--max-width-standard);
}

/* Bold */
.bold-standard
{
	font-weight: bold;
}

/* Italic */
.italic-standard
{
	font-style: italic;
}

/* Inline Code Block */
.inline-code-block-standard
{
	--padding: 2px;
	padding: var(--padding);
	padding-left: calc(var(--padding) * 2);
	padding-right: calc(var(--padding) * 2);
	border-radius: 4px;
	font-family: 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
	background-color: var(--background-color-2);
}

/* Heading */
.heading-standard
{
	font-family: var(--font-standard);
	font-weight: normal;
	color: var(--text-color);
	cursor: default;
}
.heading-standard.heading-standard-1
{
	font-size: 2rem;
}
.heading-standard.heading-standard-2
{
	font-size: 1.3rem;
}
.heading-standard.heading-standard-anchor:hover
{
	cursor: pointer;
	color: var(--anchor-standard-active-color);
	transition: var(--anchor-standard-transition);
}
.heading-standard.unset-cursor
{
	cursor: unset;
}
.button-standard
{
	--button-standard-padding-vertical: 16px;
	--button-standard-padding-vertical-large: calc(var(--button-standard-padding-vertical) * 1.5);
	--button-standard-padding-horizontal: calc(var(--button-standard-padding-vertical) + 4px);
	--button-standard-padding-horizontal-large: calc(var(--button-standard-padding-horizontal) * 1.5);
	--button-standard-text-color: #FFF;
	--button-standard-text-color-disabled: #555;
	--button-standard-background-color: #191919;
	--button-standard-background-color-highlight: #222;
	--button-standard-disabled-background-color: #191919;
	--button-standard-disabled-background-color-highlight: #222;
	--button-standard-important-background-color: #003f69;
	--button-standard-important-background-color-highlight: #005f9e;
	--button-standard-important-disabled-background-color: #191919;
	--button-standard-important-disabled-background-color-highlight: #222;
	--button-standard-danger-background-color: #730000;
	--button-standard-danger-background-color-highlight: #900000;
	--button-standard-danger-disabled-background-color: #191919;
	--button-standard-danger-disabled-background-color-highlight: #222;
	padding-top: var(--button-standard-padding-vertical);
	padding-bottom: var(--button-standard-padding-vertical);
	padding-left: var(--button-standard-padding-horizontal);
    padding-right: var(--button-standard-padding-horizontal);
	font-family: var(--font-standard);
	color: var(--button-standard-text-color);
	text-align: center;
	background-color: var(--button-standard-background-color);
	box-shadow: 0 0 6px #000;
	border-radius: 2px;
	cursor: pointer;
	user-select: none;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.button-standard:hover,
	.button-standard:focus
	{
		background-color: var(--button-standard-background-color-highlight);
	}
}

/* Important */
.button-standard.important
{
	background-color: var(--button-standard-important-background-color);
}
@media (any-hover: hover)
{
	.button-standard.important:hover,
	.button-standard.important:focus
	{
		background-color: var(--button-standard-important-background-color-highlight);
	}
}

/* Danger */
.button-standard.danger
{
	background-color: var(--button-standard-danger-background-color);
}
@media (any-hover: hover)
{
	.button-standard.danger:hover,
	.button-standard.danger:focus
	{
		background-color: var(--button-standard-danger-background-color-highlight);
	}
}

/* Large */
.button-standard.large
{
	padding-top: var(--button-standard-padding-vertical-large);
	padding-bottom: var(--button-standard-padding-vertical-large);
	padding-left: var(--button-standard-padding-horizontal-large);
	padding-right: var(--button-standard-padding-horizontal-large);
}

/* Disabled */
.button-standard:disabled
{
	color: var(--button-standard-text-color-disabled);
	cursor: not-allowed;
}
.button-standard.important:disabled
{
	background-color: var(--button-standard-important-disabled-background-color);
}
.button-standard.danger:disabled
{
	background-color: var(--button-standard-danger-disabled-background-color);
}
@media (any-hover: hover)
{
	.button-standard.important:disabled:hover,
	.button-standard.important:disabled:focus
	{
		background-color: var(--button-standard-important-disabled-background-color-highlight);
	}
	.button-standard.danger:disabled:hover,
	.button-standard.danger:disabled:focus
	{
		background-color: var(--button-standard-danger-disabled-background-color-highlight);
	}
}

/* Inline Anchor */
.button-standard.inline-anchor
{
	display: inline-block;
}

/* Discord */
.button-standard.discord
{
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: var(--discord-blurple);
}
.button-standard.discord:hover,
.button-standard.discord:active
{
	background-color: var(--discord-blurple-active);
}
.button-standard.discord > .logo
{
	--size: 40px;
	width: var(--size);
	height: var(--size);
}
.button-standard.discord > .label
{
	margin-left: 10px;
}

/* Horizontal Buttons */
.horizontal-buttons-container-standard
{
	display: flex;
	flex-direction: row;
}
.horizontal-buttons-container-standard > *:nth-child(n+2)
{
	margin-left: 10px;
}
/* Container */
.text-input-placeholder-standard
{
	--font: 'Open Sans', sans-serif;
	--label-font-size-empty: 1rem;
	--label-font-size-input: 0.8rem;
	--placeholder-inactive-top: 0px;
	--placeholder-active-font-size: var(--label-font-size-empty);
	--placeholder-input-padding-top: 20px;
	--placeholder-input-padding-bottom: 10px;
	--placeholder-border-width: 0px;
	--placeholder-text-color: var(--text-color-less);
	--border-style: solid;
	--border-width-rest: 1px;
	--border-width-active: 2px;
	--border-shadow-base: 0 1px 0 0;
	--border-color-rest: var(--text-color-less);
	--border-color-active: var(--text-color-active);
	--border-color-negative: var(--text-color-negative);
	--border-transition-speed: 0.2s;
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Input Area */
.text-input-placeholder-standard > .input-area
{
	--label-padding-top-input: 0px;
	--label-padding-top-empty: 0px;
	--input-padding-top: 0px;
	position: relative;
}

/* Input */
.text-input-placeholder-standard > .input-area > .input
{
	z-index: 100;
	position: absolute;
	bottom: 0px;
	padding-top: var(--input-padding-top);
	padding-bottom: var(--placeholder-input-padding-bottom);
	width: 100%;
	outline: none;
	font-family: var(--font);
	font-size: var(--label-font-size-empty);
	color: var(--text-color);
	border-bottom-style: var(--border-style);
	border-bottom-width: var(--border-width-rest);
	border-bottom-color: var(--border-color-rest);
	background-color: transparent;
	box-shadow: none;
	transition:
		color var(--border-transition-speed) ease-in-out,
		border-bottom-color var(--border-transition-speed) ease-in-out,
		box-shadow var(--border-transition-speed) ease-in-out
	;
}
.text-input-placeholder-standard > .input-area > textarea
{
	resize: vertical;
}
.text-input-placeholder-standard > .input-area > .input:focus
{
	border-bottom-color: var(--border-color-active);
	box-shadow: var(--border-shadow-base) var(--text-color-active);
}
.text-input-placeholder-standard.disabled > .input-area > .input
{
	color: var(--text-color-less);
	cursor: not-allowed;
}

/* Label */
.text-input-placeholder-standard > .input-area > .label
{
	display: block;
	padding-top: var(--label-padding-top-empty);
	padding-bottom: 10px;
	font-family: var(--font);
	font-size: var(--placeholder-active-font-size);
	color: var(--placeholder-text-color);
	cursor: text;
	pointer-events: none;
	transition:
		color 0.15s ease-in-out,
		padding-top 0.15s ease-in-out,
		font-size 0.15s ease-in-out
	;
}
.text-input-placeholder-standard.placeholder-input > .input-area > .label,
.text-input-placeholder-standard > .input-area > .label-shadow
{
	padding-top: var(--label-padding-top-input);
	font-size: var(--label-font-size-input);
}
.text-input-placeholder-standard.disabled > .input-area > .label
{
	color: var(--text-color-less);
}
.text-input-placeholder-standard > .input-area > .label-shadow
{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
}

/* Description */
.text-input-placeholder-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	cursor: default;
}

/* Validation */
.text-input-placeholder-standard > .validation
{
	float: left;
	margin-top: 6px;
	font-family: var(--font);
	font-size: 1rem;
	color: var(--text-color-negative);
	cursor: pointer;
}
.text-input-placeholder-standard.placeholder-invalid > .input-area > .input
{
	border-bottom-color: var(--border-color-negative);
	box-shadow: var(--border-shadow-base) var(--border-color-negative);
}

/* Right Area */
.text-input-placeholder-standard > .input-area > .custom-area-right
{
	display: flex;
	flex-direction: row;
	position: absolute;
	bottom: var(--placeholder-input-padding);
	right: var(--placeholder-input-padding);
}
.checkbox-standard
{
	--color-true: #26a69a;
	--color-false: var(--text-color-less);
	--icon-width: 20px;
	--label-padding-top-false: 20px;
	--label-padding-top-true: 0px;
	--label-font-size-false: 1rem;
	--label-font-size-true: 0.8rem;
	width: 100%;
	cursor: pointer;
	user-select: none;
}

/* Disabled */
.checkbox-standard.disabled
{
	cursor: not-allowed;
}

/* Core */
.checkbox-standard > .core
{
	position: relative;
	display: flex;
	flex-direction: column;
	padding-bottom: 10px;
	border-bottom: 1px var(--text-color-less) solid;
	transition: border-bottom 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.checkbox-standard:focus > .core,
	.checkbox-standard:hover > .core
	{
		border-bottom-color: var(--color-true);
	}
}

/* Icon */
.checkbox-standard > .core > .icon
{
	z-index: 100;
	position: absolute;
	bottom: 2px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: calc(var(--icon-width) * 0.2);
	width: var(--icon-width);
	height: var(--icon-width);
	cursor: pointer;
}
.checkbox-standard > .core > .icon > .polyline
{
	stroke: var(--text-color);
	stroke-width: 10px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	fill: none;
	transition:
		stroke 0.15s ease-in-out,
		opacity 0.15s ease-in-out
	;
}
@media (any-hover: hover)
{
	.checkbox-standard:focus > .core > .icon > .polyline,
	.checkbox-standard:hover > .core > .icon > .polyline
	{
		stroke: var(--color-true);
	}
}
.checkbox-standard.true > .core > .icon > .polyline
{
	opacity: 1;
}
.checkbox-standard.false > .core > .icon > .polyline
{
	opacity: 0;
}

/* Label */
.checkbox-standard > .core > .label
{
	padding-top: var(--label-padding-top-false);
	padding-bottom: var(--label-padding-top-true);
	font-family: var(--font-standard);
	font-size: var(--label-font-size-false);
	color: var(--text-color-less);
	transition:
		color 0.15s ease-in-out,
		padding-top 0.15s ease-in-out,
		padding-bottom 0.15s ease-in-out,
		font-size 0.15s ease-in-out
	;
}
@media (any-hover: hover)
{
	.checkbox-standard:focus > .core > .label,
	.checkbox-standard:hover > .core > .label
	{
		color: var(--color-true);
	}
}
.checkbox-standard.true > .core > .label
{
	padding-top: var(--label-padding-top-true);
	padding-bottom: var(--label-padding-top-false);
	font-size: var(--label-font-size-true);
}

/* Description */
.checkbox-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.checkbox-standard:focus > .description,
	.checkbox-standard:hover > .description
	{
		color: var(--color-true);
	}
}
.checkbox-standard > .description.centre
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.checkbox-standard > .description.child-text > .text:nth-child(n+2)
{
	margin-left: 4px;
}
/* Checkbox Detail */
.checkbox-detail-standard
{
    display: flex;
    flex-direction: row;
    align-items: center;
	--checkbox-detail-padding: 20px;
    padding: var(--checkbox-detail-padding);
	font-family: 'Open Sans', sans-serif;
	color: var(--text-color);
    box-shadow: 0 0 6px 0 #000000;
    cursor: pointer;
    user-select: none;
}
.checkbox-detail-standard.disabled
{
	cursor: not-allowed;
}
.checkbox-detail-standard.no-padding-horziontal
{
	padding-left: 0px;
	padding-right: 0px;
}
.checkbox-detail-standard.no-padding-vertical
{
	padding-top: 0px;
	padding-bottom: 0px;
}
.checkbox-detail-standard.no-padding
{
	padding: 0px;
}
.checkbox-detail-standard.no-box
{
	box-shadow: unset;
}

/* Meta */
.checkbox-detail-standard > .meta
{
    display: flex;
    flex-direction: column;
    justify-content: center;
	--checkbox-detail-margin-left: 20px;
    margin-left: var(--checkbox-detail-margin-left);
}
.checkbox-detail-standard > .meta > .title
{
    font-weight: bold;
	transition: color 0.15s ease-in-out;
}
.checkbox-detail-standard.disabled > .meta > .title
{
	color: var(--text-color-less-0);
}
.checkbox-detail-standard.constrain-text-width > .meta
{
	width: calc(100% - var(--checkbox-detail-margin-left) - (var(--checkbox-detail-padding) * 2));
}
.checkbox-detail-standard.constrain-text-width > .meta > .title
{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.checkbox-detail-standard > .meta > .description
{
	transition: color 0.15s ease-in-out;
}
.checkbox-detail-standard.disabled > .meta > .description
{
	color: var(--text-color-less-0);
}
.checkbox-detail-standard > .meta > .warning
{
    font-size: 0.9rem;
	color: var(--text-color-negative);
}

/* Checkbox Detail List */
.checkbox-detail-standard-list
{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.checkbox-detail-standard-list > *:nth-child(n+2)
{
    margin-top: 10px;
}
/* Container */
.select-component-standard
{
	--font: 'Open Sans', sans-serif;
	--font-size: 1rem;
	--label-font-size: 0.8rem;
	--label-color: var(--text-color-less);
	--selected-label-color: var(--text-color);
	--selected-border-bottom-color-rest: var(--text-color-less);
	--selected-border-bottom-color-focus: var(--text-color-active);
	--options-z-index: 1000;
	--options-text-color-rest: var(--text-color);
	--options-text-color-disabled: var(--text-color-less);
	--options-background-color-rest: #111;
	--options-background-color-selected: #181818;
	--options-background-color-focused: #222;
	--options-shadow-color: #333;
	--options-padding-horizontal: 14px;
	--options-padding-vertical: 16px;
	display: flex;
	flex-direction: column;
}

/* Label */
.select-component-standard > label
{
	font-family: var(--font);
	font-size: var(--label-font-size);
	color: var(--label-color);
}

/* Input */
.select-component-standard > .input
{
	position: relative;
}

/* Selected */
.select-component-standard > .input > .selected
{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: var(--options-padding-vertical);
	padding-bottom: var(--options-padding-vertical);
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--selected-border-bottom-color-rest);
	transition: border-bottom-color 0.15s ease-in-out;
	cursor: pointer;
}
.select-component-standard.disabled > .input > .selected
{
	cursor: not-allowed;
}
.select-component-standard > .input > .selected:focus
{
	border-bottom-color: var(--selected-border-bottom-color-focus);
}
.select-component-standard > .input > .selected > .label
{
	flex: 1;
	margin-left: 1px;
	font-family: var(--font);
	font-size: var(--font-size);
	color: var(--selected-label-color);
}
.select-component-standard > .input > .selected > .caret
{
	fill: var(--text-color-less);
}

/* Options */
.select-component-standard > .input > .options
{
	--padding: 10px;
	position: absolute;
	z-index: var(--options-z-index);
	top: 6px;
	width: 100%;
	max-height: 200px;
	overflow-y: scroll;
	box-shadow: 0 2px 2px 0 var(--options-shadow-color), 0 3px 1px -2px var(--options-shadow-color), 0 1px 5px 0 var(--options-shadow-color);
	background-color: var(--options-background-color-rest);
}
.select-component-standard > .input > .options > .search
{
	padding: var(--padding);
	width: calc(100% - (var(--padding) * 2));
}
.select-component-standard > .input > .options > .loading-icon-standard,
.select-component-standard > .input > .options > .try-again-standard
{
	padding: var(--padding);
}
.select-component-standard > .input > .options > .option
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--options-padding-horizontal) var(--options-padding-vertical);
	font-family: var(--font);
	font-size: var(--font-size);
	color: var(--options-text-color-rest);
	background-color: var(--options-background-color-rest);
	user-select: none;
	transition: background-color 0.15s ease-in-out;
	cursor: pointer;
}
.select-component-standard > .input > .options > .option.selected
{
	background-color: var(--options-background-color-selected);
}
.select-component-standard > .input > .options > .option:hover,
.select-component-standard > .input > .options > .option:focus
{
	background-color: var(--options-background-color-focused);
}
.select-component-standard > .input > .options > .option.disabled
{
	color: var(--options-text-color-disabled);
	cursor: not-allowed;
}
.select-component-standard > .input > .options > .option > .description
{
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
}
.select-component-standard > .input > .options > .option > .loading-icon-standard
{
	--size: 30px;
	width: var(--size);
	height: var(--size);
}
.select-component-standard > .input > .options > .none
{
	padding: var(--options-padding-horizontal) var(--options-padding-vertical);
}

/* Description */
.select-component-standard > .description
{
	margin-top: 4px;
	font-family: var(--font);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	cursor: default;
}
/* Input Area */
.file-input-standard > .input-area
{
	--text-color-active: #26a69a;
	--text-color-less: #9e9e9e;
	--border-base: solid 1px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-bottom: 10px;
	border-bottom: var(--border-base) var(--text-color-less);
	cursor: pointer;
	transition: border-color 0.15s ease-in-out;
}
.file-input-standard:hover > .input-area
{
	border-bottom: var(--border-base) var(--text-color-active);
}
.file-input-standard.invalid > .input-area
{
	border-color: var(--text-color-negative);
}
.file-input-standard.invalid:hover > .input-area
{
	border-color: var(--text-color-negative-active);
}
.file-input-standard > .input-area > input
{
	display: none;
}
.file-input-standard > .input-area > .content > img
{
	max-width: 100%;
	max-height: 100%;
}

/* Label */
.file-input-standard > .input-area > .label
{
	font-family: var(--font-standard);
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
.file-input-standard:hover > .label
{
	color: var(--text-color-active);
}
.file-input-standard.invalid > .label
{
	color: var(--text-color-negative);
}
.file-input-standard.invalid:hover > .label
{
	color: var(--text-color-negative-active);
}

/* Name */
.file-input-standard > .input-area > .name
{
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
.file-input-standard:hover > .name
{
	color: var(--text-color-active);
}
.file-input-standard.invalid > .name
{
	color: var(--text-color-negative);
}
.file-input-standard.invalid:hover > .name
{
	color: var(--text-color-negative-active);
}

/* Upload Icon */
.file-input-standard > .input-area > svg
{
	--size: 30%;
	--max-size: 100px;
	width: var(--size);
	max-width: var(--max-size);
	max-height: var(--max-size);
	fill: var(--text-color);
	transition: fill 0.15s ease-in-out;
}
.file-input-standard:hover > svg
{
	fill: var(--text-color-active);
}
.file-input-standard.invalid > svg
{
	fill: var(--text-color-negative);
}
.file-input-standard.invalid:hover > svg
{
	fill: var(--text-color-negative-active);
}

/* Invalid Message */
.file-input-standard > .input-area > .invalid-message
{
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color-negative);
}
.file-input-standard:hover > .invalid-message
{
	color: var(--text-color-negative-active);
}

/* Description */
.file-input-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	cursor: pointer;
}
/* Own Variables */
.materialize-standard
{
	--materialize-font-standard: "Segoe UI";
	--materialize-background-color-rest: var(--background-color-0);
	--materialize-important-color: var(--background-color-1);
	--materialize-text-color-rest: var(--text-color-less);
}

/* Materialize > Modal */
.materialize-modal
{
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	background-color: var(--background-color-0);
	padding: 0;
	max-height: 70%;
	width: 55%;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity;
	font-family: var(--materialize-font-standard);
}
@media only screen and (max-width: 992px)
{
	.materialize-modal
{
		width: 80%;
	}
}
.materialize-modal h1,
.materialize-modal h2,
.materialize-modal h3,
.materialize-modal h4
{
	margin-top: 0;
}
.materialize-modal .modal-content
{
	padding: 24px;
}
.materialize-modal .modal-close
{
	cursor: pointer;
}
.materialize-modal .modal-footer
{
	border-radius: 0 0 2px 2px;
	background-color: #fafafa;
	padding: 4px 6px;
	height: 56px;
	width: 100%;
	text-align: right;
}
.materialize-modal .modal-footer .btn,
.materialize-modal .modal-footer .btn-large,
.materialize-modal .modal-footer .btn-small,
.materialize-modal .modal-footer .btn-flat
{
	margin: 6px 0;
}
.materialize-modal-overlay
{
	position: fixed;
	z-index: 999;
	top: -25%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 125%;
	width: 100%;
	background: #000;
	display: none;
	will-change: opacity;
}
.materialize-modal.modal-fixed-footer
{
	padding: 0;
	height: 70%;
}
.materialize-modal.modal-fixed-footer .modal-content
{
	position: absolute;
	height: calc(100% - 56px);
	max-height: 100%;
	width: 100%;
	overflow-y: auto;
}
.materialize-modal.modal-fixed-footer .modal-footer
{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 0;
}
.materialize-modal.bottom-sheet
{
	top: auto;
	bottom: -100%;
	margin: 0;
	width: 100%;
	max-height: 45%;
	border-radius: 0;
	will-change: bottom, opacity;
}

/* Materialize > Modal > Overlay */
.materialize-modal-overlay
{
	position: fixed;
	z-index: 999;
	top: -25%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 125%;
	width: 100%;
	background: #000;
	display: none;
	will-change: opacity;
}

.materialize-datepicker-modal
{
	max-width: 325px;
	min-width: 300px;
	max-height: none;
}
.materialize-datepicker-modal .datepicker-container.modal-content
{
	display: flex;
	flex-direction: column;
	padding: 0;
}
.materialize-datepicker-modal .datepicker-controls
{
	display: flex;
	justify-content: space-between;
	width: 280px;
	margin: 0 auto;
}
.materialize-datepicker-modal .datepicker-controls .selects-container
{
	display: flex;
}
.materialize-datepicker-modal .datepicker-controls .select-wrapper input
{
	text-align: center;
	margin: 0;
}
.materialize-datepicker-modal .datepicker-controls .select-wrapper .caret
{
	display: none;
}
.materialize-datepicker-modal .datepicker-controls .select-year input
{
	width: 50px;
}
.materialize-datepicker-modal .datepicker-controls .select-month input
{
	width: 70px;
}
.materialize-datepicker-modal .month-prev,
.materialize-datepicker-modal .month-next
{
	margin-top: 4px;
	cursor: pointer;
	background-color: transparent;
	border: none;
}
/* Date Display */
.materialize-datepicker-modal .datepicker-date-display
{
	flex: 1 auto;
	background-color: var(--background-color-1);
	color: #fff;
	padding: 20px 22px;
	font-weight: 500;
}
.materialize-datepicker-modal .datepicker-date-display .year-text
{
	display: block;
	font-size: 1.5rem;
	line-height: 25px;
	color: rgba(255, 255, 255, 0.7);
}
.materialize-datepicker-modal .datepicker-date-display .date-text
{
	display: block;
	font-size: 2.8rem;
	line-height: 47px;
	font-weight: 500;
}
/* Calendar */
.materialize-datepicker-modal .datepicker-calendar-container
{
	--margin-horizontal: 10px;
	margin-left: var(--margin-horizontal);
	margin-right: var(--margin-horizontal);
	flex: 2.5 auto;
}
.materialize-datepicker-modal .datepicker-table
{
	width: 280px;
	font-size: 1rem;
	margin: 0 auto;
}
.materialize-datepicker-modal .datepicker-table thead
{
	border-bottom: none;
}
.materialize-datepicker-modal .datepicker-table th
{
	padding: 10px 5px;
	text-align: center;
}
.materialize-datepicker-modal .datepicker-table tr
{
	border: none;
}
.materialize-datepicker-modal .datepicker-table abbr
{
	text-decoration: none;
	color: #999;
}
.materialize-datepicker-modal .datepicker-table td
{
	border-radius: 50%;
	padding: 0;
}
.materialize-datepicker-modal .datepicker-table td.is-today
{
	color: var(--materialize-important-color);
}
.materialize-datepicker-modal .datepicker-table td.is-selected
{
	background-color: var(--materialize-important-color);
	color: #fff;
}
.materialize-datepicker-modal .datepicker-table td.is-outside-current-month > .datepicker-day-button,
.materialize-datepicker-modal .datepicker-table td.is-disabled > .datepicker-day-button
{
	color: var(--text-color-less-0);
}
.materialize-datepicker-modal td > .datepicker-day-button
{
	background-color: transparent;
	border: none;
	line-height: 38px;
	display: block;
	width: 100%;
	border-radius: 50%;
	padding: 0 5px;
	color: var(--materialize-text-color-rest);
	background-color: transparent;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}
.materialize-datepicker-modal td.is-disabled > .datepicker-day-button
{
	cursor: not-allowed;
}
.materialize-datepicker-modal td:not(.is-disabled) > .datepicker-day-button:active,
.materialize-datepicker-modal td:not(.is-disabled) > .datepicker-day-button:hover
{
	background-color: var(--materialize-important-color);
}
/* Footer */
.materialize-datepicker-modal .datepicker-footer
{
	width: 280px;
	margin: 0 auto;
	padding-bottom: 5px;
	display: flex;
	justify-content: space-between;
}
.materialize-datepicker-modal .datepicker-cancel,
.materialize-datepicker-modal .datepicker-clear,
.materialize-datepicker-modal .datepicker-today,
.materialize-datepicker-modal .datepicker-done
{
	color: var(--materialize-important-color);
	padding: 0 1rem;
}
.materialize-datepicker-modal .datepicker-clear
{
	color: #F44336;
}
/* Media Queries */
@media only screen and (min-width: 601px)
{
	.materialize-datepicker-modal
	{
		max-width: 625px;
	}
	.materialize-datepicker-modal .datepicker-container.modal-content
	{
		flex-direction: row;
	}
	.materialize-datepicker-modal .datepicker-date-display
	{
		flex: 0 1 270px;
	}
	.materialize-datepicker-modal .datepicker-controls,
	.materialize-datepicker-modal .datepicker-table,
	.materialize-datepicker-modal .datepicker-footer
	{
		width: 320px;
	}
	.materialize-datepicker-modal .datepicker-day-button
	{
		line-height: 44px;
	}
}

/* Timepicker Containers */
.materialize-timepicker-modal
{
	max-width: 325px;
	max-height: none;
}
.materialize-timepicker-modal > .timepicker-container
{
	display: flex;
	flex-direction: column;
	padding: 0;
}

/* Clock Digital Display */
.materialize-timepicker-modal .timepicker-digital-display
{
	flex: 1 auto;
	background-color: var(--materialize-important-color);
	padding: 10px;
	font-weight: 300;
}
.materialize-timepicker-modal .timepicker-text-container
{
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 400;
	position: relative;
	user-select: none;
}
.materialize-timepicker-modal .timepicker-span-hours,
.materialize-timepicker-modal .timepicker-span-minutes,
.materialize-timepicker-modal .timepicker-span-am-pm div
{
	cursor: pointer;
}
.materialize-timepicker-modal .timepicker-span-hours
{
	margin-right: 3px;
}
.materialize-timepicker-modal .timepicker-span-minutes
{
	margin-left: 3px;
}
.materialize-timepicker-modal .timepicker-display-am-pm
{
	font-size: 1.3rem;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	font-weight: 400;
}

/* Analog Clock Display */
.materialize-timepicker-modal .timepicker-analog-display
{
	flex: 2.5 auto;
}
.materialize-timepicker-modal .timepicker-plate
{
	background-color: var(--materialize-important-color);
	border-radius: 50%;
	width: 270px;
	height: 270px;
	overflow: visible;
	position: relative;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 5px;
	user-select: none;
}
.materialize-timepicker-modal .timepicker-canvas,
.materialize-timepicker-modal .timepicker-dial
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.materialize-timepicker-modal .timepicker-minutes
{
	visibility: hidden;
}
.materialize-timepicker-modal .timepicker-tick
{
	border-radius: 50%;
	color: var(--materialize-text-color-rest);
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	font-size: 15px;
	background-color: transparent;
	transition: background-color 0.15s ease-in-out;
}
.materialize-timepicker-modal .timepicker-tick.active,
.materialize-timepicker-modal .timepicker-tick:hover
{
	background-color: var(--materialize-background-color-rest);
}
.materialize-timepicker-modal .timepicker-dial
{
	transition: transform 350ms, opacity 350ms;
}
.materialize-timepicker-modal .timepicker-dial-out
{
	opacity: 0;
}
.materialize-timepicker-modal .timepicker-dial-out.timepicker-hours
{
	transform: scale(1.1, 1.1);
}
.materialize-timepicker-modal .timepicker-dial-out.timepicker-minutes
{
	transform: scale(0.8, 0.8);
}
.materialize-timepicker-modal .timepicker-canvas
{
	transition: opacity 175ms;
}
.materialize-timepicker-modal .timepicker-canvas line
{
	stroke: var(--materialize-important-color);
	stroke-width: 4;
	stroke-linecap: round;
}
.materialize-timepicker-modal .timepicker-canvas-out
{
	opacity: 0.25;
}
.materialize-timepicker-modal .timepicker-canvas-bearing
{
	stroke: none;
	fill: var(--materialize-important-color);
}
.materialize-timepicker-modal .timepicker-canvas-bg
{
	stroke: none;
	fill: var(--materialize-important-color);
}
/* Footer */
.materialize-timepicker-modal .timepicker-footer
{
	margin: 0 auto;
	padding: 5px 1rem;
	display: flex;
	justify-content: space-between;
}
.materialize-timepicker-modal .timepicker-clear
{
	color: #F44336;
}
.materialize-timepicker-modal .timepicker-close
{
	color: var(--materialize-important-color);
}
.materialize-timepicker-modal .timepicker-clear,
.materialize-timepicker-modal .timepicker-close
{
	padding: 0 20px;
}

/* Media Queries */
@media only screen and (min-width: 601px)
{
	.materialize-timepicker-modal
	{
		max-width: 600px;
	}
	.materialize-timepicker-modal > .timepicker-container
	{
		flex-direction: row;
	}
	.materialize-timepicker-modal > .timepicker-container > .timepicker-digital-display > .timepicker-text-container
	{
		top: 32%;
	}
	.materialize-timepicker-modal > .timepicker-container > .timepicker-digital-display > .timepicker-text-container > .timepicker-display-am-pm
	{
		position: relative;
		right: auto;
		bottom: auto;
		text-align: center;
		margin-top: 1.2rem;
	}
}

/* Select */
.materialize-modal select
{
	display: none;
}
.materialize-modal .select-wrapper.valid > input.select-dropdown
{
	border-bottom: 1px solid #4CAF50;
	box-shadow: 0 1px 0 0 #4CAF50;
}
.materialize-modal .input-field.inline .select-dropdown
{
	margin-bottom: 1rem;
}
.materialize-modal .select-wrapper input.select-dropdown
{
	display: block;
	position: relative;
	cursor: pointer;
	background-color: transparent;
	border: none;
	height: 3rem;
	line-height: 3rem;
	width: 100%;
	font-size: 16px;
	padding: 0;
	user-select: none;
	z-index: 1;
}
.materialize-modal .select-wrapper input.select-dropdown:disabled
{
	color: rgba(0, 0, 0, 0.42);
	cursor: default;
	user-select: none;
}
.materialize-modal .select-dropdown li.disabled,
.materialize-modal .select-dropdown li.disabled > span,
.materialize-modal .select-dropdown li.optgroup
{
	color: rgba(0, 0, 0, 0.3);
	background-color: transparent;
}

/* Dropdown Content */
.materialize-dropdown-content
{
	display: none;
	min-width: 100px;
	overflow-y: auto;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	transform-origin: 0 0;
}

/* Button */
.materialize-modal button
{
	font-family: var(--materialize-font-standard);
}
.materialize-modal .btn-flat
{
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	vertical-align: middle;
	font-size: 14px;
	outline: 0;
	box-shadow: none;
	background-color: transparent;
	color: var(--text-color);
	cursor: pointer;
	transition: background-color .2s;
}
.materialize-modal .btn-flat.disabled,
.materialize-modal .btn-flat:disabled,
.materialize-modal .btn-flat[disabled]
{
	pointer-events: none;
	background-color: #DFDFDF !important;
	box-shadow: none;
	color: #9F9F9F !important;
	cursor: default;
}
.materialize-modal .btn-flat.disabled:hover,
.materialize-modal .btn-flat:disabled:hover,
.materialize-modal .btn-flat[disabled]:hover
{
	background-color: #DFDFDF !important;
	color: #9F9F9F !important;
}
.materialize-modal .btn-flat i
{
	font-size: 1.3rem;
	line-height: inherit;
}
.materialize-modal .btn-flat:focus,
.materialize-modal .btn-flat:hover
{
	box-shadow: none;
}
.materialize-modal .btn-flat:focus
{
	background-color: rgba(0, 0, 0, 0.1);
}
.materialize-modal .btn-flat.disabled,
.materialize-modal .btn-flat.btn-flat[disabled]
{
	background-color: transparent !important;
	color: #b3b2b2 !important;
	cursor: default;
}
.materialize-modal .modal-footer .btn-flat
{
	margin: 6px 0;
}

/* Own Styles */
.materialize-dropdown-content
{
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard);
}
.materialize-modal .select-dropdown
{
	color: var(--materialize-text-color-rest);
}
.materialize-select-dropdown > li
{
	padding: 14px 16px;
	font-family: var(--materialize-font-standard);
	font-size: 16px;
	color: var(--materialize-text-color-rest);
	text-align: center;
	cursor: pointer;
	background-color: transparent;
	transition: background-color 0.15s ease-in-out;
}
body.keyboard-focused .materialize-select-dropdown li:focus,
.materialize-datepicker-modal td:not(.is-disabled) > .datepicker-day-button:focus,
.materialize-select-dropdown li:hover,
.materialize-select-dropdown li.selected
{
	background-color: var(--materialize-important-color);
}
.materialize-modal .month-prev > svg,
.materialize-modal .month-next > svg
{
	fill: var(--materialize-text-color-rest);
}
.datetime-standard > .materialize-date-input,
.datetime-standard > .materialize-time-input
{
	display: none;
}
.datetime-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	cursor: default;
}
.loading-icon-standard.small
{
	width: 20px;
	height: 20px;
}
.loading-icon-standard > path
{
	fill: var(--text-color);
}
.try-again-standard > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
/* Container */
.image-loader-standard
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
}

/* Icons */
.image-loader-standard > .icon
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.image-loader-standard > .icon > .svg
{
	width: 50%;
    height: 50%;
}

/* Loading Icon */
.image-loader-standard > .icon.loading > .svg > .path
{
	fill: var(--text-color);
}

/* Error Icon */
.image-loader-standard > .icon.error > .svg > .polyline
{
	stroke: var(--text-color-less);
	stroke-width: 15px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	fill: none;
	opacity: 0.5;
	transition: opacity 0.15s ease-in-out;
}

/* Image */
.image-loader-standard > .image
{
	max-width: 100%;
    max-height: 100%;
}
.image-loader-standard > .image.hidden
{
	visibility: hidden;
}
.indeterminate-checkbox-component-standard
{
	--border-color: #5a5a5a;
	--option-width: 30px;
	--color-true: #26a69a;
	--color-false: #e57373;
	--border-color-indeterminate: #777;
	display: flex;
	flex-direction: row;
	border-bottom: 2px var(--border-color) solid;
	transition: box-shadow 0.15s ease-in-out, border 0.15s ease-in-out;
	cursor: pointer;
	user-select: none;
}
.indeterminate-checkbox-component-standard.disabled
{
	cursor: not-allowed;
}
.indeterminate-checkbox-component-standard.true,
.indeterminate-checkbox-component-standard.hover-true
{
	--border-color: var(--color-true);
}
.indeterminate-checkbox-component-standard.false:not(.hover-true):not(.hover-indeterminate),
.indeterminate-checkbox-component-standard.hover-false
{
	--border-color: var(--color-false);
}
.indeterminate-checkbox-component-standard,
.indeterminate-checkbox-component-standard.hover-indeterminate
{
	--border-color: var(--border-color-indeterminate);
}

/* Option */
.indeterminate-checkbox-component-standard > .option
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 6px;
	width: var(--option-width);
	height: var(--option-width);
	cursor: pointer;
}

/* Option Icon */
.indeterminate-checkbox-component-standard > .option > .icon
{
	width: 100%;
	height: 100%;
}
.indeterminate-checkbox-component-standard > .option > .icon > .polyline
{
	--stroke-color: var(--text-color);
	stroke: var(--stroke-color);
	stroke-width: 10px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	fill: none;
	opacity: 0.3;
	transition:
		stroke 0.15s ease-in-out,
		opacity 0.15s ease-in-out
	;
}
.indeterminate-checkbox-component-standard.hover-true > .option.true > .icon > .polyline,
.indeterminate-checkbox-component-standard > .option.selected.true > .icon > .polyline,
.indeterminate-checkbox-component-standard.hover-indeterminate > .option.indeterminate > .icon > .polyline,
.indeterminate-checkbox-component-standard > .option.selected.indeterminate > .icon > .polyline,
.indeterminate-checkbox-component-standard.hover-false > .option.false > .icon > .polyline,
.indeterminate-checkbox-component-standard > .option.selected.false > .icon > .polyline
{
	opacity: 1;
}
.indeterminate-checkbox-component-standard.hover-true > .option.true > .icon > .polyline,
.indeterminate-checkbox-component-standard > .option.selected.true > .icon > .polyline
{
	--stroke-color: var(--color-true);
}
.indeterminate-checkbox-component-standard.hover-false > .option.false > .icon > .polyline,
.indeterminate-checkbox-component-standard > .option.selected.false > .icon > .polyline
{
	--stroke-color: var(--color-false);
}
/* Chips */
.chips-standard
{
	--margin: 5px;
	--margin-inverse: calc(var(--margin) * -1);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: var(--margin-inverse);
}

/* Chip: Standard */
.chip-standard
{
	--padding-horizontal: 12px;
	--padding-vertical: 6px;
	--background-color-unselected-inactive: #1e1e1e;
	--background-color-unselected-active: var(--background-color-2);
	--background-color-selected-inactive: var(--background-color-2);
	--background-color-selected-active: var(--background-color-unselected-inactive);
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	border-radius: 16px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color);
	background-color: var(--background-color-unselected-inactive);
	cursor: default;
	transition: background-color 0.15s ease-in-out;
}
.chips-standard > .chip-standard,
.chips-standard > .chip-wrapper-standard
{
	display: inline-flex;
	margin: var(--margin);
}
.chips-standard.cursor-pointer > .chip-standard
{
	cursor: pointer;
	user-select: none;
}
.chips-standard.cursor-pointer > .chip-standard:hover
{
	background-color: var(--background-color-unselected-active);
}
.chip-standard.selected
{
	background-color: var(--background-color-selected-inactive);
}
.chip-standard.selected:hover
{
	background-color: var(--background-color-selected-active);
}
.chip-standard > .type
{
	font-style: italic;
	font-size: 0.7rem;
}
.chip-standard > .name:nth-child(n+2)
{
	margin-left: 4px;
}
.chip-standard > .action,
.chip-standard > .delete
{
	margin-left: 6px;
	cursor: pointer;
}
.chip-standard > .action > .icon,
.chip-standard > .delete > .icon
{
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
.chip-standard > .action > .loading-icon,
.chip-standard > .delete > .loading-icon
{
	--size: 20px;
	width: var(--size);
	height: var(--size);
}
.chip-standard > .action:hover > .icon,
.chip-standard > .delete:hover > .icon
{
	color: var(--text-color);
}

/* Chip: Add */
.chips-standard > .chip-standard.add
{
	cursor: pointer;
}
.chips-standard > .chip-standard.add > .icon
{
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
.chips-standard > .chip-standard.add:hover > .icon
{
	color: var(--text-color);
}
html.page-not-found > body > .page-container,
html.page-not-found > body > .page-container > .page-body,
html.page-login > body > .page-container,
html.page-login > body > .page-container > .page-body,
html.page-unauthorised > body > .page-container,
html.page-unauthorised > body > .page-container > .page-body,
html.page-authentication-required > body > .page-container,
html.page-authentication-required > body > .page-container > .page-body,
html.page-email-verifications-email-verification > body > .page-container,
html.page-email-verifications-email-verification > body > .page-container > .page-body,
html.page-password-resets-password-reset > body > .page-container,
html.page-password-resets-password-reset > body > .page-container > .page-body,
html.page-redirect-discord > body > .page-container,
html.page-redirect-discord > body > .page-container > .page-body,
html.page-redirect-blizzard > body > .page-container,
html.page-redirect-blizzard > body > .page-container > .page-body,
html.page-redirect-xbox > body > .page-container,
html.page-redirect-xbox > body > .page-container > .page-body,
html.page-redirect-google > body > .page-container,
html.page-redirect-google > body > .page-container > .page-body,
html.page-redirect-steam > body > .page-container,
html.page-redirect-steam > body > .page-container > .page-body,
html.page-invites-invite-token > body > .page-container,
html.page-invites-invite-token > body > .page-container > .page-body,
html.page-forms-form > body > .page-container,
html.page-forms-form > body > .page-container > .page-body,
html.page-donate > body > .page-container,
html.page-donate > body > .page-container > .page-body
{
	height: calc(100% - (var(--header-container-margin-bottom) * 2));
}
.page-container > .page-body > .page.not-found,
.page-container > .page-body > .page.login,
.page-container > .page-body > .page.unauthorised,
.page-container > .page-body > .page.authentication-required,
.page-container > .page-body > .page.email-verifications-email-verification,
.page-container > .page-body > .page.password-resets-password-reset,
.page-container > .page-body > .page.redirect-discord,
.page-container > .page-body > .page.redirect-blizzard,
.page-container > .page-body > .page.redirect-xbox,
.page-container > .page-body > .page.redirect-google,
.page-container > .page-body > .page.redirect-steam,
.page-container > .page-body > .page.invites-invite-token,
.page-container > .page-body > .page.forms-form,
.page-container > .page-body > .page.donate
{
	align-items: center;
	justify-content: center;
	min-height: 100%;
	padding-bottom: var(--header-container-margin-bottom);
}
.notyf
{
	top: 10px;
	bottom: unset;
	font-family: var(--font-standard);
	color: var(--text-color);
}
.notyf .notyf__message > .detail
{
	font-size: 0.8rem;
	font-style: italic;
}
/* Login */
.header-standard > .content > .user > .text > .login
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.header-standard > .content > .user > .text > .login:hover
{
	color: var(--text-color);
}
@media (max-width: 1279px) /* Mobile */
{
	.header-standard > .content > .user
	{
		display: flex;
		flex: 1;
		justify-content: flex-end;
	}
}

/* Logout */
.header-standard > .content > .user
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
}
.header-standard > .content > .user > .text
{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
@media (max-width: 1279px)
{
	.header-standard > .content > .user.authenticated > .text
	{
		display: none;
	}
}
.header-standard > .content > .user > .text > .username
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-standard);
	cursor: pointer;
}
.header-standard > .content > .user > .text > .loading-icon-standard
{
	--size: 30px;
	width: var(--size);
	height: var(--size);
}
.header-standard > .content > .user > .text > .logout
{
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.header-standard > .content > .user > .text > .logout:hover
{
	color: var(--text-color);
}
.header-standard > .content > .user > .avatar
{
	--size: 42px;
	margin-left: 10px;
	width: var(--size);
	height: var(--size);
}
/* Content */
.header-container > .mobile-menu
{
	--padding-vertical: 20px;
	--padding-horizontal: 30px;
	--spacing-vertical: 40px;
	--indentation: 25px;
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	width: calc(100% - (var(--padding-horizontal) * 2));
	background-color: var(--background-color-0);
}
.header-container > .mobile-menu > .content
{
	overflow-y: scroll;
	margin-bottom: var(--padding-vertical);
	width: 100%;
}
.header-container > .mobile-menu > .content > *:nth-child(n+2)
{
	margin-top: var(--spacing-vertical);
}
.header-container > .mobile-menu > .content > *:last-child
{
	/* Apply margin to help with mobile browsers which cut off the bottom of the scroll area. */
	margin-bottom: 100px;
}

/* Navigation */
.header-container > .mobile-menu > .content > .navigation
{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.header-container > .mobile-menu > .content > .navigation .items,
.header-container > .mobile-menu > .content > .navigation .item
{
	display: flex;
	flex-direction: column;
}
.header-container > .mobile-menu > .content > .navigation .items > .item > .label-wrapper
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.header-container > .mobile-menu > .content > .navigation .items > .item > .label-wrapper > .label
{
	width: 100%;
	color: var(--text-color-less);
}
.header-container > .mobile-menu > .content > .navigation .items > .item > .label-wrapper > .label.selected
{
	color: var(--text-color);
}
.header-container > .mobile-menu > .content > .navigation > .items > .item > .label-wrapper > .label
{
	font-size: 1.5rem;
}
.header-container > .mobile-menu > .content > .navigation > .items > .item > .label-wrapper > .guild-logo > .link > .image-loader-standard
{
	--size: 42px;
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	box-shadow: var(--shadow-standard);
}
.header-container > .mobile-menu > .content > .navigation > .items > .item > .label-wrapper > .guild-logo + .label
{
	margin-left: 10px;
}
.header-container > .mobile-menu > .content > .navigation > .items > .item + .item
{
	margin-top: var(--spacing-vertical);
}
.header-container > .mobile-menu > .content > .navigation .items.item-depth-1 > .item:not(.childless) > .label
{
	font-size: 1.25rem;
}
.header-container > .mobile-menu > .content > .navigation > .items > .item .items > .item,
.header-container > .mobile-menu > .content > .navigation > .items > .item .items > .item + .item
{
	margin-top: calc(var(--spacing-vertical) / 4);
}
.header-container > .mobile-menu > .content > .navigation > .items > .item .items > .item,
.header-container > .mobile-menu > .content > .navigation > .items > .item .items > .item + .item
{
	margin-left: var(--indentation);
}

/* User */
.header-container > .mobile-menu > .content > .user
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.header-container > .mobile-menu > .content > .user > .identity
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.header-container > .mobile-menu > .content > .user > .identity > .name
{
	margin-top: 4px;
}
.header-container > .mobile-menu > .content > .user > .identity > .avatar
{
	--size: 42px;
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	box-shadow: var(--shadow-standard-base) var(--header-shadow-color);
}
.header-container > .mobile-menu > .content > .user > .identity > .name,
.header-container > .mobile-menu > .content > .user > .login
{
	color: var(--text-color-less);
}
.header-container > .mobile-menu > .content > .user > .logout
{
	font-size: 0.8rem;
	color: var(--text-color-less-0);
}
/* Container */
.header-container
{
	position: fixed;
	top: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	width: 100%;
	z-index: var(--header-container-z-index);
}
.header-standard
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard-base) var(--header-shadow-color);
	color: var(--text-color);
	--icon-font-size-standard: 1.5rem;
	--header-global-expected-height: 50px;
	--mobile-navigation-border-color: var(--background-color-0);
	transition: background-color 0.15s ease-in-out;
}
.header-standard > .content
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
@media (min-width: 1280px) /* Desktop */
{
	.header-standard > .content
	{
		width: var(--page-container-child-width);
	}
}
@media (max-width: 1279px) /* Mobile */
{
	.header-standard > .content
	{
		--horizontal-margin: 20px;
		margin-left: var(--horizontal-margin);
		margin-right: var(--horizontal-margin);
		width: calc(100% - (var(--horizontal-margin) * 2));
	}
}
.header-standard > .content > *
{
	--vertical-padding: 10px;
	padding-top: var(--vertical-padding);
	padding-bottom: var(--vertical-padding);
}
@media (min-width: 1280px) /* Desktop */
{
	.header-standard > .content > *:nth-child(n+2):not(.hidden)
	{
		margin-left: 20px;
	}
}

/* App Signature */
.header-standard > .content > .app-signature
{
	cursor: pointer;
	user-select: none;
}
.header-standard > .content > .app-signature > .link
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.header-standard > .content > .app-signature > .link > *:nth-child(n+2)
{
	margin-left: 10px;
}
.header-standard > .content > .app-signature > .link > .logo
{
	--size: 32px;
	width: var(--size);
	height: var(--size);
}
.header-standard > .content > .app-signature > .link > .name
{
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
}
@media (max-width: 1279px) /* Mobile */
{
	.header-standard > .content > .app-signature > .link > .name
	{
		display: none;
	}
}

/* Update */
.header-standard > .content > .update > .button
{
	cursor: pointer;
}
.header-standard > .content > .update > .button > .icon
{
	font-size: var(--icon-font-size-standard);
	color: var(--text-color-positive);
	animation-name: header-standard-pulse;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
.modal-confirm-app-update > .box-standard > .message
{
	text-align: center;
}

@keyframes header-standard-pulse
{
	0%
	{
		transform: scale(1);
	}
	30%
	{
		transform: scale(1.25);
	}
	60%
	{
		transform: scale(1);
	}
}

/* Navigation */
.header-standard > .content > .navigation
{
	align-self: stretch;
	flex-grow: 1;
	padding-top: 0px;
	padding-bottom: 0px;
}
.header-standard > .content > .navigation > .items
{
	display: flex;
	flex-direction: row;
	align-content: flex-end;
	align-items: stretch;
	float: left;
	width: 100%;
	height: 100%;
}
@media (max-width: 1279px) /* Mobile */
{
	.header-standard > .content > .navigation
	{
		display: none;
	}
}
.header-standard > .content > .navigation > .items > .item
{
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	cursor: pointer;
}
.header-standard > .content > .navigation > .items > .item > .link
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	--padding-horizontal: 20px;
	--border-bottom-base: solid 2px;
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	color: var(--text-color-less);
	text-align: center;
	transition: color 0.15s ease-in-out, border-bottom 0.15s ease-in-out;
	border-bottom: transparent var(--border-bottom-base);
}
.header-standard > .content > .navigation > .items > .item.selected > .link
{
	border-bottom: #417B9C var(--border-bottom-base);
	cursor: default;
}
@media (any-hover: hover)
{
	.header-standard > .content > .navigation > .items > .item > .link:hover
	{
		color: var(--text-color);
		border-bottom: #417B9C var(--border-bottom-base);
	}
}
.header-standard > .content > .navigation > .items > .item.selected > .link > .name
{
	user-select: none;
}

/* Mobile Navigation Button */
.header-standard > .content > .navigation-mobile > .button > .icon
{
	font-size: 1.5rem;
	color: var(--text-color-less);
}
@media (min-width: 1280px) /* Desktop */
{
	.header-standard > .content > .navigation-mobile
	{
		display: none;
	}
	.header-standard > .content > .navigation-mobile + *
	{
		margin-left: 0px;
	}
}
@media (max-width: 1279px) /* Mobile */
{
	.header-standard > .content > .navigation-mobile
	{
		flex: 1;
	}
}

/* Internal Stylesheets */
.modal-standard
{
	position: fixed;
	z-index: var(--explorer-filters-z-index);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: rgba(0, 0, 0, 0.5);
}
.modal-standard > .wrapper
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: calc(100% - (var(--header-container-margin-bottom) * 2));
	padding-top: var(--header-container-margin-bottom);
	padding-bottom: var(--header-container-margin-bottom);
}

/* Close */
.modal-standard > .close-button
{
	position: fixed;
	top: 20px;
	right: 50px;
}
.modal-standard > .close-button
{
	font-size: 2rem;
    color: var(--text-color-less-2);
    cursor: pointer;
}
@media (any-hover: hover)
{
	.modal-standard > .close-button
	{
		transition: color 0.15s ease-in-out;
	}
	.modal-standard > .close-button:hover
	{
		color: var(--text-color);
	}
}
.select-popover-standard
{
	z-index: var(--popover-z-index);
	max-width: 230px;
	width: 100%;
}
.select-popover-standard > .content
{
	--padding-horizontal: 16px;
	--padding-vertical: 14px;
	--loading-or-error-margin-vertical-top: 20px;
	--loading-or-error-margin-vertical-bottom: 10px;
	margin-top: 6px;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard);
}
.select-popover-standard > .content > .wrapper
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.select-popover-standard > .content > .wrapper > .search
{
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	width: calc(100% - (var(--padding-horizontal) * 2));
}
.select-popover-standard > .content > .wrapper > .loading-icon-standard
{
	margin-top: var(--loading-or-error-margin-vertical-top);
	margin-bottom: var(--loading-or-error-margin-vertical-bottom);
}
.select-popover-standard > .content > .wrapper > .try-again-standard
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.select-popover-standard > .content > .wrapper > .try-again-standard > .message
{
	margin-top: var(--loading-or-error-margin-vertical-top);
	margin-left: var(--padding-vertical);
	margin-right: var(--padding-vertical);
	text-align: center;
}
.select-popover-standard > .content > .wrapper > .try-again-standard > .button
{
	margin-bottom: var(--loading-or-error-margin-vertical-bottom);
	margin-left: var(--padding-vertical);
	margin-right: var(--padding-vertical);
}
.select-popover-standard > .content > .wrapper > .items
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 10px;
	width: 100%;
	max-height: 288px;
	overflow-y: scroll;
}
.select-popover-standard > .content > .wrapper > .items > .item
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	width: 100%;
	font-size: 16px;
	color: var(--text-color-less);
	line-height: 22px;
	cursor: pointer;
	background-color: transparent;
	transition: background-color 0.15s ease-in-out;
}
.select-popover-standard > .content > .wrapper > .items > .item:hover,
.select-popover-standard > .content > .wrapper > .items > .item:focus
{
	background-color: #222;
}
.select-popover-standard > .content > .wrapper > .items > .item > .type
{
	font-size: 0.8rem;
	color: var(--text-color-less);
}
.select-popover-standard > .content > .wrapper > .items > .item > .name
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	line-height: 22px;
	font-size: 1rem;
	color: var(--text-color-less);
}
.select-popover-standard > .content > .wrapper > .items > .item > .name > .text
{
	text-align: left;
}
.select-popover-standard > .content > .wrapper > .items > .item > .name > .loading-icon
{
	--size: 20px;
	margin-left: 6px;
	flex-shrink: 0;
	width: var(--size);
	height: var(--size);
}
.select-popover-standard > .content > .wrapper > .items > .item > .description
{
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	text-align: left;
	line-height: 1rem;
}
.select-popover-standard > .content > .wrapper > .items > .item:disabled
{
	cursor: not-allowed;
}
.select-popover-standard > .content > .wrapper > .items > .item:disabled > .type,
.select-popover-standard > .content > .wrapper > .items > .item:disabled > .name
{
	color: var(--text-color-less-0);
}
.select-popover-standard > .content > .wrapper > .items > .none
{
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	width: 100%;
	text-align: center;
}
.select-popover-standard > .content > .wrapper > .items > .paginate-more-standard
{
	margin-top: 10px;
	padding-bottom: 4px;
}
/* Filters */
.admin-filters-standard
{
	width: 100%;
}

/* Filters */
.admin-filters-standard > .filters:nth-child(n+2)
{
	margin-top: 10px;
}

/* Filter */
.admin-filters-standard > .filters > .filter:nth-child(n+2)
{
	margin-top: 20px;
}
.admin-filters-standard > .filters > .filter > .card-section-standard > *:nth-child(n+2)
{
	margin-top: 10px;
}

/* Filter: Toggle Content Button */
.admin-filters-standard > .filters > .filter > .card-section-standard > .toggle-content-button
{
	width: 100%;
	text-align: left;
	font-family: var(--font-standard);
	color: var(--text-color-less-2);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.admin-filters-standard > .filters > .filter > .card-section-standard > .toggle-content-button:hover
{
	color: var(--text-color-active);
}

/* Filter: Content */
.admin-filters-standard > .filters > .filter > .card-section-standard > .content
{
	--filter-content-margin-top: 10px;
	--overflow-padding: 6px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	opacity: 0;
	padding: var(--overflow-padding);
	overflow: hidden;
}
.admin-filters-standard > .filters > .filter > .card-section-standard > .content,
.admin-filters-standard > .filters > .filter > .card-section-standard > .content > *:nth-child(n+2)
{
	margin-top: var(--filter-content-margin-top);
}
.admin-filters-standard > .filters > .filter > .card-section-standard > .content > .text-input-placeholder-standard
{
	width: 250px;
}

/* Filter: Options */
.admin-filters-standard > .filters > .filter.options > .card-section-standard > .content
{
	overflow-y: scroll;
}
.admin-filters-standard > .filters > .filter.options > .card-section-standard > .content > .options
{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 1200px;
}
.admin-filters-standard > .filters > .filter.options > .card-section-standard > .content > .options > .option
{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.admin-filters-standard > .filters > .filter.options > .card-section-standard > .content > .options > *:nth-child(n+2),
.admin-filters-standard > .filters > .filter.options > .card-section-standard > .content > .options > .create > *:nth-child(n+2),
.admin-filters-standard > .filters > .filter.options > .card-section-standard > .content > .options > .option > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
/* Card */
.card-standard
{
	width: 100%;
	max-width: 600px;
	border-radius: 2px;
	box-shadow: var(--shadow-standard);
	background-color: var(--background-color-0);
	transition: box-shadow 0.15s ease-in-out;
}
.card-standard > .card-section-standard
{
	--card-standard-padding-vertical: 16px;
	--card-standard-padding-horizontal: 24px;
	padding: var(--card-standard-padding-vertical) var(--card-standard-padding-horizontal);
	width: calc(100% - (var(--card-standard-padding-horizontal) * 2));
}
.card-standard > .card-section-standard:nth-child(n+2)
{
	border-top: 1px solid rgba(160, 160, 160, 0.2);
}
.card-standard > .card-section-standard:not(.actions):not(.no-vertical-spacing) > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
@media (any-hover: hover)
{
	.card-standard.card-button
	{
		transition: background-color 0.15s ease-in-out;
	}
	.card-standard.card-button:hover
	{
		background-color: var(--background-color-0-5);
	}
}

/* Card: Border */
.card-standard.important-border
{
	--card-standard-border-width: 1px;
	--card-standard-border-background: linear-gradient(to bottom right, #00f3ff, #003f69);
	box-sizing: border-box;
	padding: var(--card-standard-border-width);
	width: calc(100% - (var(--card-standard-border-width) * 2));
	background: var(--card-standard-border-background);
}
.card-standard.important-border > .card-section-standard
{
	width: calc(100% - (var(--card-standard-padding-horizontal) * 2));
	background-color: var(--background-color-0);
}

/* Actions */
.card-standard > .card-section-standard.actions
{
	display: flex;
	flex-direction: row;
}
.card-standard > .card-section-standard.actions > *:nth-child(n+2)
{
	margin-left: 10px;
}

/* Items */
.card-standard > .card-section-standard.items
{
	display: flex;
	flex-direction: column;
}
.card-standard > .card-section-standard > .item
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.card-standard > .card-section-standard > .item > .label,
.card-standard > .card-section-standard > .item > .tooltip-label-standard
{
	font-size: 0.8rem;
	font-style: italic;
	cursor: default;
}
.card-standard > .card-section-standard > .item > .value
{
	font-family: var(--font-standard);
	color: var(--text-color);
	cursor: default;
}
.actions-standard
{
	display: flex;
	flex-direction: row;
}
.actions-standard > *:nth-child(n+2)
{
	margin-left: 10px;
}
.grid-standard
{
	--grid-spacing: 20px;
	--grid-spacing-half: calc(var(--grid-spacing) / 2);
	--grid-spacing-inverse: calc(var(--grid-spacing) * -1);
	--grid-spacing-inverse-half: calc(var(--grid-spacing-inverse) / 2);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: var(--grid-spacing-inverse-half);
}
.grid-standard > *
{
	margin: var(--grid-spacing-half);
	max-width: 200px;
}
.grid-standard.no-max-width > *
{
	max-width: unset;
}
.tooltip-label-standard
{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	font-family: var(--font-standard);
	color: var(--text-color);
}
.tooltip-label-standard > .label
{
	font-style: italic;
	cursor: default;
}
.tooltip-label-standard > .button
{
	margin-left: 5px;
	display: flex;
}
.tooltip-label-standard > .button > .icon
{
	font-size: 0.8rem;
	color: var(--text-color);
}
.tooltip-label-standard > .tooltip > .content
{
	--padding: 12px;
	margin-left: 6px;
	padding-top: var(--padding);
	padding-bottom: var(--padding);
	padding-left: var(--padding);
	padding-right: var(--padding);
	max-width: 300px;
	color: #FFF;
	font-size: 0.8rem;
	font-style: normal;
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard);
	border-radius: 2px;
	cursor: default;
}
/* General */
.circle-image-standard
{
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--shadow-standard);
}
.circle-image-standard > .image
{
	width: 100%;
	height: 100%;
}

/* File Input */
.circle-image-file-input-standard > .input-area > .content > .image
{
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}
.overflow-hidden-margin-standard
{
	margin: -5px;
}
.overflow-hidden-margin-standard > *:not(.overflow-hidden-margin-standard)
{
	margin: 5px;
}
.login-modal > .wrapper > .card-standard,
.page-container > .page-body > .page.authentication-required > .card-standard
{
	width: 100%;
	max-width: 400px;
}
@media (max-width: 1079px)
{
	.login-modal > .wrapper > .card-standard
	{
		--margin-horizontal: 20px;
		width: calc(100% - (var(--margin-horizontal) * 2));
		margin-left: var(--margin-horizontal);
		margin-right: var(--margin-horizontal);
	}
}
.login-modal > .wrapper > .card-standard > .card-section-standard,
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-container > .page-body > .sidebar + .page.authentication-required > .card-standard > .card-section-standard
{
	align-items: flex-start;
}
.login-modal > .wrapper > .card-standard > .card-section-standard > *:nth-child(n+2),
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.login-modal > .wrapper > .card-standard > .card-section-standard > .guidance,
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard > .guidance
{
	text-align: center;
}
.page-container > .page-body > .sidebar + .page.authentication-required > .card-standard > .card-section-standard > .guidance
{
	text-align: left;
}

/* Mode: Landing */
.login-standard > .primary > .prompt
{
	color: var(--text-color-less);
}
.login-standard > .primary > .modes
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.page-container > .page-body > .sidebar + .page.authentication-required > .login-standard > .primary > .modes
{
	align-items: flex-start;
}
.login-standard > .card-section-standard > .modes > .mode
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.login-standard > .card-section-standard:not(.landing) > .modes > .mode:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.login-standard > .card-section-standard > .modes > .mode > .icon
{
	--size: 32px;
	width: var(--size);
	height: var(--size);
}
.login-standard > .card-section-standard > .modes > .mode > .name
{
	margin-left: calc(var(--vertical-spacing-standard) / 2);
}
.login-standard > .primary > .avatar
{
	width: 128px;
}

/* Mode Selections */
.login-modal > .wrapper > .card-standard > .card-section-standard > .mode-selections,
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard > .mode-selections
{
	display: flex;
	flex-direction: column;
}
.page-container > .page-body > .sidebar + .page.authentication-required > .card-standard > .main > .mode-selections
{
	align-items: flex-start;
}
.login-modal > .wrapper > .card-standard > .navigation > .mode-selections,
.page-container > .page-body > .page.authentication-required > .card-standard > .navigation > .mode-selections
{
	align-items: stretch;
}
.login-modal > .wrapper > .card-standard > .card-section-standard > .mode-selections > *:nth-child(n+2),
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard > .mode-selections > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}

/* Avatar */
.login-modal > .wrapper > .card-standard > .card-section-standard > .avatar-input,
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard > .avatar-input
{
	width: 100%;
}
.login-modal > .wrapper > .card-standard > .card-section-standard > .avatar-input > .content,
.page-container > .page-body > .page.authentication-required > .card-standard > .card-section-standard > .avatar-input > .content
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.feedback-standard
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 400px;
}
.feedback-standard > .paragraph-standard
{
	text-align: center;
}
.feedback-standard > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.guild-premium-promotion-standard > .card-section-standard
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.guild-premium-promotion-standard > .card-section-standard > .icon
{
	font-size: 2rem;
	color: var(--text-color);
}
.guild-premium-promotion-standard > .card-section-standard > .message
{
	margin-left: 20px;
}
.guild-member-card-standard
{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
}
.guild-member-card-standard > .avatar
{
	--size: 96px;
	width: var(--size);
	height: var(--size);
}
.guild-member-card-standard > .username
{
	margin-left: var(--vertical-spacing-standard);
}
.markdown-standard .heading
{
	display: flex;
	flex-direction: row;
	align-items: center;
	font-family: var(--font-standard);
	font-weight: normal;
	color: var(--text-color);
	cursor: default;
}
.markdown-standard .heading > .link
{
	font-size: 0.9rem;
	margin-left: 8px;
}
.markdown-standard .heading-1
{
	font-size: 2rem;
}
.markdown-standard .heading-2
{
	font-size: 1.5rem;
}
.markdown-standard .heading-3
{
	font-size: 1.2rem;
}
.markdown-standard .italic
{
	font-style: italic;
}
.markdown-standard .bold
{
	font-weight: bold;
}
.markdown-standard .code
{
	--padding: 2px;
	padding: var(--padding);
	padding-left: calc(var(--padding) * 2);
	padding-right: calc(var(--padding) * 2);
	border-radius: 4px;
	font-family: 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
	background-color: var(--background-color-2);
}

/* List */
.markdown-standard > .list > .list-item
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.markdown-standard > .list > .list-item > .marker
{
	font-family: var(--font-standard);
	font-size: 1.5rem;
}
.markdown-standard > .list-item.unordered
{
	display: list-item;
	margin-left: 20px;
	list-style: disc;
}
/* Dynamic Rows */
.dynamic-row-items-standard
{
	--margin: 5px;
	--margin-inverse: calc(var(--margin) * -1);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: var(--margin-inverse);
}

/* Dynamic Row Item  */
.dynamic-row-items-standard.any > *,
.dynamic-row-items-standard > .dynamic-row-item-standard
{
	margin: var(--margin);
}
.additional-help-standard
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.additional-help-standard > .links
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.additional-help-standard > .links > .email
{
	margin-top: 8px !important;
}
/* Channel Mention */
.discord-channel-mention
{
	padding: 2px;
	border-radius: 3px;
	color: #687dc6;
	background-color: #7289da26;
}

/* Message */
.discord-message-standard > .embed
{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding-top: 8px;
	padding-bottom: 16px;
	padding-left: 12px;
	padding-right: 16px;
	border-radius: 4px;
	border-left: 4px solid #00AFF4;
	background-color: #202225;
}
.discord-message-standard > .embed > .core
{
	flex: 1;
}
.discord-message-standard > .embed > .core > *
{
	margin-top: 8px;
}
.discord-message-standard > .embed > .core > .title
{
	font-size: 1rem;
	font-weight: bold;
}
.discord-message-standard > .embed > .core > .description
{
	font-size: 0.875rem;
}
.discord-message-standard > .embed > .core > .author
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.discord-message-standard > .embed > .core > .author > .avatar
{
	--size: 24px;
	margin-right: 8px;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
}
.discord-message-standard > .embed > .core > .author > .text
{
	font-size: 0.875rem;
	font-weight: bold;
}
.discord-message-standard > .embed > .thumbnail
{
	--size: 80px;
	width: var(--size);
	height: var(--size);
	border-radius: 4px;
}
.discord-message-standard > .components
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 4px;
}
.discord-message-standard > .components > .component.button
{
	--padding-horizontal: 16px;
	--padding-vertical: 2px;
	--margin-vertical: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	margin-top: var(--margin-vertical);
	margin-bottom: var(--margin-vertical);
	margin-right: 8px;
	min-height: 32px;
	font-family: var(--font-standard);
	font-size: 14px;
	color: #FFF;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}
.discord-message-standard > .components > .component.button.primary
{
	background-color: #5865F2;
}
.discord-message-standard > .components > .component.button.secondary
{
	background-color: #4f545c;
}
.discord-message-standard > .components > .component.button.success
{
	background-color: #3BA55D;
}
.discord-message-standard > .components > .component.button.danger
{
	background-color: #ED4245;
}
.heading-standard + .contextual-guidance-standard.collapsed
{
	margin-top: 0px;
}
.heading-standard + .contextual-guidance-standard.expanded
{
	margin-top: var(--vertical-spacing-standard);
}
.contextual-guidance-standard.expanded > .item
{
	display: block;
}
.colour-input-standard
{
	cursor: pointer;
}
.colour-input-standard > .native-input
{
	display: none;
}
.colour-input-standard > .label
{
	padding-bottom: 10px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color-less);
	pointer-events: none;
	transition: color 0.15s ease-in-out;
}
.colour-input-standard:hover > .label,
.colour-input-standard:focus > .label,
.colour-input-standard:hover > .description,
.colour-input-standard:focus > .description
{
	color: var(--text-color-active);
}
.colour-input-standard > .input-area
{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: 1px var(--text-color-less) solid;
}
.colour-input-standard:hover > .input-area,
.colour-input-standard:focus > .input-area
{
	border-bottom-color: var(--text-color-active);
}
.colour-input-standard > .input-area > .reset
{
	margin-left: auto;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color-less);
	pointer-events: none;
	transition: color 0.15s ease-in-out;
}
.colour-input-standard > .input-area > .reset:hover,
.colour-input-standard > .input-area > .reset:focus
{
	color: var(--text-color-active);
}
.colour-input-standard > .input-area > .colour-input
{
	--size: 20px;
	border-radius: 50%;
	width: var(--size);
	height: var(--size);
	transition: background-color 0.15s ease-in-out;
}
.colour-input-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
/* External Sheets */

/* Internal Sheets */

html
{
	background-color: var(--background-color-0);
	--font-standard: 'Open Sans', sans-serif;
	--vertical-spacing-standard: 20px;
	--explorer-filters-button-z-index: 100;
	--header-container-z-index: 101;
	--header-container-margin-bottom: 20px;
	--explorer-filters-z-index: 102;
	--popover-z-index: 103;
	--max-width-standard: 600px;
}

html, body
{
	width: 100%;
	height: 100%;
}

body
{
	position: static;
	overflow-y: scroll;
}
html.page-root-landing > body > .page-container > .page-body
{
	width: 100%;
}
html.page-root-landing > body > .page-container > .header-container
{
	margin-bottom: 0px;
}
html.page-root-landing > body > .page-container > .page-body > .page
{
	--page-horizontal-margin: 30px;
	margin-left: unset;
	margin-right: unset;
}
.page-container > .page-body > .page.root-landing
{
	--vertical-spacing: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page.root-landing > .hero
{
	--margin-bottom: 200px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background: url('/assets/images/Landing Background.jpg');
	background-size: cover;
}
.page.root-landing > .hero::after
{
	content: '';
	width: 100%;
	height: var(--margin-bottom);
	background: linear-gradient(to bottom, transparent 0%, var(--background-color-0) 100%);
}
.page.root-landing > .hero > .background-opacity-proxy
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--background-color-0);
	opacity: 1;
}
.page.root-landing > .hero > .content
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	z-index: 1;
	margin-top: 20px;
	margin-left: var(--page-horizontal-margin);
	margin-right: var(--page-horizontal-margin);
	width: calc(var(--page-container-child-width) - (var(--page-horizontal-margin) * 2));
	max-width: calc(100% - (var(--page-horizontal-margin) * 2));
}
.page.root-landing > .hero > .content > .app-name
{
	font-size: 10rem;
	color: var(--text-color);
}
@media (max-width: 1279px)
{
	.page.root-landing > .hero > .content > .app-name
	{
		font-size: 4rem;
	}
}
.page.root-landing > .hero > .content > .app-slogan
{
	font-size: 2.7rem;
	color: var(--text-color);
}
@media (max-width: 1279px)
{
	.page.root-landing > .hero > .content > .app-slogan
	{
		font-size: 2rem;
	}
}
.page.root-landing > .hero > .content > .action-button
{
	margin-top: var(--vertical-spacing);
}

/* Guilds */
.page.root-landing > .hero > .content > .guilds,
.page.root-landing > .hero > .content > .login
{
	margin-top: var(--vertical-spacing);
}
.page.root-landing > .hero > .content > .guilds > .grid > .guild
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.root-landing > .hero > .content > .guilds > .grid > .guild > .logo
{
	--size: 40px;
	width: var(--size);
	height: var(--size);
}
.page.root-landing > .hero > .content > .guilds > .grid > .guild > .name
{
	margin-left: 10px;
}

/* Features */
.page.root-landing > .features
{
	display: flex;
	margin-top: 80px;
	width: var(--page-container-child-width);
}
@media (min-width: 1000px)
{
	.page.root-landing > .features
	{
		--horizontal-spacing: 40px;
		--horizontal-spacing-half: calc(var(--horizontal-spacing) / 2);
		flex-direction: row;
		flex-wrap: wrap;
	}
	.page.root-landing > .features > .feature
	{
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 150px;
		margin-left: var(--horizontal-spacing-half);
		margin-right: var(--horizontal-spacing-half);
		width: calc(50% - (var(--horizontal-spacing-half) * 2));
	}
	.page.root-landing > .features > .feature:nth-child(1),
	.page.root-landing > .features > .feature:nth-child(1):not(.full) + .feature:nth-child(2)
	{
		margin-top: 0px;
	}
	.page.root-landing > .features > .feature.full
	{
		width: 100%;
	}
	.page.root-landing > .features > .feature.full:nth-child(even)
	{
		flex-direction: row-reverse;
	}
	.page.root-landing > .features > .feature > .text > .title
	{
		font-size: 2rem;
	}
	.page.root-landing > .features > .feature.development > .text > *:nth-child(n+3)
	{
		margin-top: 4px;
	}
	.page.root-landing > .features > .feature > .text
	{
		max-width: 600px;
	}
	.page.root-landing > .features > .feature > .image
	{
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		max-width: 600px;
	}
	.page.root-landing > .features > .feature > .image > .image
	{
		width: 100%;
		box-shadow: var(--shadow-standard);
	}
	.page.root-landing > .features > .feature.full:nth-child(even) > .image
	{
		margin-right: var(--horizontal-spacing);
	}
	.page.root-landing > .features > .feature.full:nth-child(odd) > .image
	{
		margin-left: var(--horizontal-spacing);
	}
}
@media (max-width: 999px)
{
	.page.root-landing > .features
	{
		flex-direction: column;
		margin-left: var(--page-horizontal-margin);
		margin-right: var(--page-horizontal-margin);
		width: calc(var(--page-container-child-width) - (var(--page-horizontal-margin) * 2));
		max-width: calc(100% - (var(--page-horizontal-margin) * 2));
	}
	.page.root-landing > .features > .feature
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.page.root-landing > .features > .feature:nth-child(n+2)
	{
		margin-top: calc(var(--vertical-spacing-standard) * 4);
	}
	.page.root-landing > .features > .feature > .image
	{
		margin-top: calc(var(--vertical-spacing-standard) * 2);
		max-width: 100%;
	}
	.page.root-landing > .features > .feature > .image > .image
	{
		width: 100%;
		box-shadow: var(--shadow-standard);
	}
}
/* Page */
html.page-legacy-search > body > .page-container > .header-container,
html.page-games-game > body > .page-container > .header-container
{
	margin-bottom: unset;
}
html.page-legacy-search > body > .page-container > .page-body,
html.page-games-game > body > .page-container > .page-body
{
	width: 100%;
}
.page-container > .page-body > .page.legacy-search,
.page-container > .page-body > .page.games-game
{
	--guilds-margin-top: 80px;
	--explorer-scroll-area-max-height: 300px;
	--filter-content-margin-top: var(--vertical-spacing-standard);
	--explorer-content-normal-max-width: 400px;
	--prefix-max-width: 400px;
	--guild-premium-gradient: linear-gradient(to bottom right, red, purple);
	--guild-card-premium-border-width: 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;
	margin-left: unset;
	margin-right: unset;
}

/* Loading Indicator */
.page.legacy-search > .loading-icon-standard,
.page.games-game > .loading-icon-standard
{
	margin-top: var(--guilds-margin-top);
}

/* Guilds */
.page.legacy-search > .guilds,
.page.games-game > .guilds
{
	--guilds-vertical-spacing: 160px;
	margin-top: var(--guilds-margin-top);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.page.legacy-search > .guilds > *:nth-child(n+2),
.page.games-game > .guilds > *:nth-child(n+2)
{
	margin-top: calc(var(--guilds-vertical-spacing) / 2);
}
.page.legacy-search > .guilds > *:last-child,
.page.games-game > .guilds > *:last-child
{
	margin-bottom: calc(var(--guilds-vertical-spacing) / 2);
}
.page.legacy-search > .guilds > .no-results-message,
.page.games-game > .guilds > .no-results-message
{
	max-width: 400px;
	text-align: center;
}

/* Guild */
.page.legacy-search > .guilds > .guild,
.page.games-game > .guilds > .guild
{
	--padding-horizontal: calc((var(--vertical-spacing-standard) * 2) / 2);
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 600px;
	width: calc(100% - (var(--padding-horizontal) * 2));
	box-sizing: border-box;
}
.page.legacy-search > .guilds > .guild.premium,
.page.games-game > .guilds > .guild.premium
{
	--card-standard-border-width: 2px;
	--card-standard-border-background: var(--guild-premium-gradient);
}
.page.legacy-search > .guilds > .guild > .wrapper,
.page.games-game > .guilds > .guild > .wrapper
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
@media (max-width: 450px)
{
	.page.legacy-search > .guilds > .guild > .wrapper,
	.page.games-game > .guilds > .guild > .wrapper
	{
		align-items: center;
	}
}
.page.legacy-search > .guilds > .guild > .wrapper > *:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > *:nth-child(n+2)
{
	margin-top: 20px;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity,
.page.games-game > .guilds > .guild > .wrapper > .identity
{
	display: flex;
	align-items: center;
	width: 100%;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .logo,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo
{
	--logo-size: 96px;
	--border-width: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(var(--logo-size) + (var(--border-width) * 2));
	height: calc(var(--logo-size) + (var(--border-width) * 2));
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .logo > .premium-border,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo > .premium-border
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--guild-premium-gradient);
	border-radius: 50%;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .logo > .premium-border > .punchthrough,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo > .premium-border > .punchthrough
{
	margin: var(--border-width);
	width: calc(100% - (var(--border-width) * 2));
	height: calc(100% - (var(--border-width) * 2));
	background-color: var(--background-color-0);
	border-radius: 50%;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .logo > .image,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo > .image
{
	width: var(--logo-size);
	height: var(--logo-size);
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--shadow-standard);
}
.page.legacy-search > .guilds > .guild.premium > .logo > .image,
.page.games-game > .guilds > .guild.premium > .logo > .image
{
	margin: var(--border-width);
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 20px;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .content,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .content
{
	font-family: var(--font-standard);
	font-size: 1.5rem;
	color: var(--text-color);
	cursor: default;
	word-break: break-word;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard
{
	align-items: flex-start;
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note
{
	text-align: left;
}
@media (max-width: 450px)
{
	.page.legacy-search > .guilds > .guild > .wrapper > .identity,
	.page.games-game > .guilds > .guild > .wrapper > .identity
	{
		flex-direction: column;
		width: 100%;
	}
	.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name
	{
		align-items: center;
		margin-left: unset;
	}
	.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .content,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .content
	{
		text-align: center;
	}
	.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard
	{
		align-items: center;
	}
	.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note
	{
		text-align: center;
	}
}
.page.legacy-search > .guilds > .guild > .wrapper > .description,
.page.games-game > .guilds > .guild > .wrapper > .description
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color);
	cursor: default;
}
@media (max-width: 450px)
{
	.page.legacy-search > .guilds > .guild > .wrapper > .description,
	.page.games-game > .guilds > .guild > .wrapper > .description,
	.page.legacy-search > .guilds > .guild > .wrapper > .learn-more,
	.page.games-game > .guilds > .guild > .wrapper > .learn-more
	{
		text-align: center;
	}
}
.page.legacy-search > .guilds > .guild > .wrapper > .learn-more,
.page.games-game > .guilds > .guild > .wrapper > .learn-more
{
	width: 100%;
}
.page.legacy-search > .guilds > .guild > .wrapper > .learn-more > .icon,
.page.games-game > .guilds > .guild > .wrapper > .learn-more > .icon
{
	font-size: 0.5rem;
}
.page.legacy-search > .guilds > .guild > .wrapper > .learn-more > .text,
.page.games-game > .guilds > .guild > .wrapper > .learn-more > .text
{
	margin-left: 6px;
}
/* Guild: Flow */
.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content
{
	--grid-spacing: 15px;
	align-items: center;
}
@media (max-width: 450px)
{
	.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content,
	.page.games-game > .guilds > .guild > .wrapper > .flow > .content
	{
		justify-content: center;
	}
}
.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content > .flow-button,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content > .flow-button.discord,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button.discord
{
	--button-standard-padding-vertical: 11px;
	--button-standard-padding-horizontal: 20px;
}
.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .text:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .text:nth-child(n+2)
{
	margin-left: 6px;
}
.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .external-icon.discord,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .external-icon.discord
{
	width: 32px;
}
.page.legacy-search > .guilds > .guild > .wrapper > .flow > .content > .feedback-standard,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .feedback-standard
{
	width: unset;
	max-width: unset;
}
/* Guild: Platforms */
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .platforms,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms
{
	--margin-vertical: 2px;
	margin-top: var(--margin-vertical);
	margin-bottom: var(--margin-vertical);
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list
{
	--grid-spacing: 4px;
}
@media (max-width: 450px)
{
	.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list
	{
		justify-content: center;
	}
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list > .platform,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list > .platform
{
	--padding-horizontal: 4px;
	padding-top: calc(var(--padding-horizontal) / 2);
	padding-bottom: calc(var(--padding-horizontal) / 2);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	border-radius: 4px;
	border: 1px solid var(--text-color-less-0);
	font-size: 0.6rem;
	color: var(--text-color-less);
}
.page.legacy-search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .platform:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .platform:nth-child(n+2)
{
	margin-left: 4px;
}
/* Guild: Games */
.page.legacy-search > .guilds > .guild > .wrapper > .games,
.page.games-game > .guilds > .guild > .wrapper > .games
{
	--logo-size: 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
@media (max-width: 450px)
{
	.page.legacy-search > .guilds > .guild > .wrapper > .games,
	.page.games-game > .guilds > .guild > .wrapper > .games
	{
		align-items: center;
	}
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list > .none,
.page.games-game > .guilds > .guild > .wrapper > .games > .list > .none
{
	text-align: center;
	cursor: pointer;
}
/* Guild: Games: Preview */
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.preview,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.preview,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview,
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.full,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full
{
	cursor: pointer;
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.preview > .game,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview > .game
{
	width: var(--logo-size);
	height: var(--logo-size);
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.preview > .game:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview > .game:nth-child(n+2)
{
	margin-left: 15px;
}
/* Guild: Games: List */
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.full,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full
{
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	width: 100%;
	max-height: 200px;
	overflow-y: scroll;
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.full > .game:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game:nth-child(n+2)
{
	margin-top: 20px;
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.full > .game,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.full > .game > .logo,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game > .logo
{
	width: var(--logo-size);
	height: var(--logo-size);
}
.page.legacy-search > .guilds > .guild > .wrapper > .games > .list.full > .game > .name,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game > .name
{
	flex: 1;
	margin-left: 20px;
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color);
}

/* Preselected Game */
.page.legacy-search > .preselected-game,
.page.games-game > .preselected-game
{
	--horizontal-margin: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: var(--horizontal-margin);
	margin-right: var(--horizontal-margin);
	max-width: var(--prefix-max-width);
	width: calc(100% - (var(--horizontal-margin) * 2));
}
.page.legacy-search > .preselected-game > .name,
.page.games-game > .preselected-game > .name,
.page.legacy-search > .preselected-game > .description,
.page.games-game > .preselected-game > .description,
.page.legacy-search > .preselected-game > .recruit,
.page.games-game > .preselected-game > .recruit
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
	text-align: center;
}
.page.legacy-search > .preselected-game > .name,
.page.games-game > .preselected-game > .name
{
	color: var(--text-color-less);
}
.page.legacy-search > .preselected-game > .description,
.page.games-game > .preselected-game > .description
{
	cursor: pointer;
}
.page.legacy-search > .preselected-game > .description.collapsed,
.page.games-game > .preselected-game > .description.collapsed
{
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.page.legacy-search > .preselected-game > .logo,
.page.games-game > .preselected-game > .logo
{
	max-width: unset;
}

/* Recruit */
.page.legacy-search > .recruit,
.page.games-game > .recruit
{
	margin-bottom: var(--vertical-spacing-standard);
	margin-left: var(--horizontal-margin);
	margin-right: var(--horizontal-margin);
	max-width: var(--prefix-max-width);
	width: calc(100% - (var(--horizontal-margin) * 2));
	text-align: center;
}

/* Filters: Button */
.page.legacy-search > .filters,
.page.games-game > .filters
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: sticky;
	z-index: var(--explorer-filters-button-z-index);
	--padding-vertical: 10px;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	width: 100%;
	transition: box-shadow 0.15s ease-in-out;
}
.page.legacy-search > .preselected-game + .filters,
.page.games-game > .preselected-game + .filters
{
	margin-top: var(--vertical-spacing-standard);
}
.page.legacy-search > .filters.position-sticky,
.page.games-game > .filters.position-sticky
{
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard);
}
.page.legacy-search > .filters > .show-button,
.page.games-game > .filters > .show-button
{
	max-width: 600px;
	width: 100%;
	font-family: var(--font-standard);
	font-size: 1.5rem;
	color: var(--text-color);
	cursor: pointer;
}
.page.legacy-search > .filters > .show-button,
.page.games-game > .filters > .show-button
{
	transition: color 0.15s ease-in-out;
}
.page.legacy-search > .filters > .show-button > .selected,
.page.games-game > .filters > .show-button > .selected
{
	text-decoration: underline;
}
.page.legacy-search > .filters > .show-button:hover,
.page.games-game > .filters > .show-button:hover
{
	color: var(--text-color-less);
}

/* Filters: Menu */
.page.legacy-search > .filters-menu,
.page.games-game > .filters-menu
{
	--padding-vertical: 20px;
	--padding-horizontal: 20px;
	--vertical-spacing: 20px;
	--category-vertical-spacing: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	z-index: var(--explorer-filters-z-index);
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: var(--background-color-0);
}
.page.legacy-search > .filters-menu > .content,
.page.games-game > .filters-menu > .content
{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	width: calc(100% - (var(--padding-horizontal) * 2));
	height: 100%;
	overflow-y: scroll;
}
.page.legacy-search > .filters-menu > .content > *:nth-child(n+2),
.page.games-game > .filters-menu > .content > *:nth-child(n+2)
{
	margin-top: 20px;
}
.page.legacy-search > .filters-menu > .content > .filters,
.page.games-game > .filters-menu > .content > .filters
{
	width: 100%;
}

/* Filters: Hide Button */
.page.legacy-search > .filters-menu > .hide-button,
.page.games-game > .filters-menu > .hide-button
{
	--padding-vertical: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: sticky;
	top: 0px;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	width: 100%;
	box-shadow: var(--shadow-standard);
}
.page.legacy-search > .filters-menu > .hide-button > *,
.page.games-game > .filters-menu > .hide-button > *
{
	display: flex;
}
.page.legacy-search > .filters-menu > .hide-button,
.page.games-game > .filters-menu > .hide-button,
.page.legacy-search > .filters-menu > .hide-button > .reset-button,
.page.games-game > .filters-menu > .hide-button > .reset-button
{
	font-family: var(--font-standard);
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
	cursor: pointer;
}
.page.legacy-search > .filters-menu > .hide-button:hover,
.page.games-game > .filters-menu > .hide-button:hover,
.page.legacy-search > .filters-menu > .hide-button:hover > .reset-button,
.page.games-game > .filters-menu > .hide-button:hover > .reset-button
{
	color: var(--text-color-active);
}
.page.legacy-search > .filters-menu > .hide-button > .reset-button,
.page.games-game > .filters-menu > .hide-button > .reset-button
{
	/** To fix Safari iOS overflow bug. */
	padding-bottom: 1px;
}
.page.legacy-search > .filters-menu > .hide-button > .results-preview,
.page.games-game > .filters-menu > .hide-button > .results-preview
{
	font-size: 18px;
	font-style: italic;
}
.page.legacy-search > .filters-menu > .hide-button > .results-preview,
.page.games-game > .filters-menu > .hide-button > .results-preview,
.page.legacy-search > .filters-menu > .hide-button > .reset-button,
.page.games-game > .filters-menu > .hide-button > .reset-button
{
	font-size: 0.8rem;
}
.page.legacy-search > .filters-menu > .hide-button > .results-preview > .loading-icon-standard,
.page.games-game > .filters-menu > .hide-button > .results-preview > .loading-icon-standard
{
	--size: 0.8rem;
	width: var(--size);
	height: var(--size);
}
.page.legacy-search > .filters-menu > .hide-button > *:nth-child(n+2),
.page.games-game > .filters-menu > .hide-button > *:nth-child(n+2)
{
	margin-top: 6px;
}

/* Filters: Loading */
.page.legacy-search > .filters-menu > .loading-area,
.page.games-game > .filters-menu > .loading-area
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.page.legacy-search > .filters-menu > .loading-area > *:nth-child(n+2),
.page.games-game > .filters-menu > .loading-area > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Filters: Filter */
.page.legacy-search > .filters-menu > .content > .filters > .filter,
.page.games-game > .filters-menu > .content > .filters > .filter
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter:nth-child(n+2)::before,
.page.games-game > .filters-menu > .content > .filters > .filter:nth-child(n+2)::before
{
	content: '';
	display: block;
	width: 25px;
	height: 1px;
	margin-bottom: var(--vertical-spacing);
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: var(--shadow-standard);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter:last-child,
.page.games-game > .filters-menu > .content > .filters > .filter:last-child
{
	/* This rule may not be necessary; the padding-bottom of the container should suffice, but sometimes does not seem to do so. */
	margin-bottom: var(--vertical-spacing);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter > .name,
.page.games-game > .filters-menu > .content > .filters > .filter > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter > .name
{
	width: 100%;
	font-family: var(--font-standard);
	color: var(--text-color-less-2);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.page.legacy-search > .filters-menu > .content > .filters > .filter > .name:hover,
	.page.games-game > .filters-menu > .content > .filters > .filter > .name:hover,
	.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter > .name:hover,
	.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter > .name:hover
	{
		color: var(--text-color-active);
	}
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.selected > .name,
.page.games-game > .filters-menu > .content > .filters > .filter.selected > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.selected > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.selected > .name
{
	color: var(--text-color-active);
	font-weight: bold;
}

/* Filters: Content */
.page.legacy-search > .filters-menu > .content > .filters > .filter > .content,
.page.games-game > .filters-menu > .content > .filters > .filter > .content
{
	--overflow-padding: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--overflow-padding);
	width: calc(100% - (var(--overflow-padding) * 2));
	opacity: 0;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .filter:nth-child(n+2),
.page.legacy-search > .filters-menu > .content > .filters > .filter > *:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .filter > *:nth-child(n+2),
.page.legacy-search > .filters-menu > .content > .filters > .filter > .content > *:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .filter > .content > *:nth-child(n+2)
{
	margin-top: var(--filter-content-margin-top);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter > .content > .text-input-placeholder-standard,
.page.games-game > .filters-menu > .content > .filters > .filter > .content > .text-input-placeholder-standard
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}

/* Filters: Categories */
.page.legacy-search > .filters-menu > .content > .filters > .category,
.page.games-game > .filters-menu > .content > .filters > .category
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: calc(var(--category-vertical-spacing) / 2);
	margin-bottom: calc(var(--category-vertical-spacing) / 2);
}
.page.legacy-search > .filters-menu > .content > .filters > .category::before,
.page.games-game > .filters-menu > .content > .filters > .category::before
{
	content: '';
	display: block;
	width: 75px;
	height: 1px;
	margin-bottom: calc(var(--category-vertical-spacing) / 2);
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: var(--shadow-standard);
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .logo,
.page.games-game > .filters-menu > .content > .filters > .category > .logo
{
	width: 400px;
	max-width: 100%;
	box-shadow: var(--shadow-standard-large);
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .logo > .image,
.page.games-game > .filters-menu > .content > .filters > .category > .logo > .image
{
	width: 100%;
	height: 100%;
}
.page.legacy-search > .filters-menu > .content > .filters > .category > *:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .category > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .selections > .selection:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .category > .selections > .selection:nth-child(n+2)
{
	margin-left: 10px;
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .selections,
.page.games-game > .filters-menu > .content > .filters > .category > .selections
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .selections > .selection,
.page.games-game > .filters-menu > .content > .filters > .category > .selections > .selection
{
	font-size: 0.8rem;
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .selections > .selection:not(.selected):hover,
.page.games-game > .filters-menu > .content > .filters > .category > .selections > .selection:not(.selected):hover,
.page.legacy-search > .filters-menu > .content > .filters > .category > .selections > .selection.selected,
.page.games-game > .filters-menu > .content > .filters > .category > .selections > .selection.selected
{
	color: var(--text-color-active);
}
.page.legacy-search > .filters-menu > .content > .filters > .category > .selections > .selection.selected,
.page.games-game > .filters-menu > .content > .filters > .category > .selections > .selection.selected
{
	cursor: default;
}
.page.legacy-search > .filters-menu > .content > .filters > .category + .filter:nth-child(n+2)::before,
.page.games-game > .filters-menu > .content > .filters > .category + .filter:nth-child(n+2)::before
{
	display: none;
}

/* Filter: Games */
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games
{
	--vertical-padding: 10px;
	overflow-y: scroll;
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
	padding-top: var(--vertical-padding);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games::after,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games::after
{
	content: '';
	width: 1px;
	padding-bottom: var(--vertical-padding);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games,
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .loading-icon-standard,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .loading-icon-standard
{
	max-height: var(--explorer-scroll-area-max-height);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games > .game,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games > .game
{
	--padding-horizontal: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - (var(--padding-horizontal) * 2));
	max-width: 300px;
	cursor: pointer;
	box-shadow: var(--shadow-standard-large);
	transition: box-shadow 0.15s ease-in-out;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games > .game > .logo,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games > .game > .logo
{
	/* DEBUG */
	float: left;
	display: block;
	height: 100px;
}
/** To Do: Incorporate selectors from other landscape game logo instances here, to prevent duplication of the same styling approach */
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games > .game:hover,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games > .game:hover
{
	box-shadow: var(--shadow-standard-active-large);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games > .game:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games > .game:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.games > .content > .games > .game > .logo > .image,
.page.games-game > .filters-menu > .content > .filters > .filter.games > .content > .games > .game > .logo > .image
{
	width: 100%;
	height: 100%;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game,
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game > .link > .logo > .image,
.page.create-guild > .input > .recruitment > .games > .list > .game,
.page.create-guild > .input > .recruitment > .games > .list > .game > .logo > .image,
.game-logo-standard,
.game-logo-standard > .image
{
	border-radius: 6px;
}
.game-logo-standard
{
	display: block;
	max-width: 300px;
	width: 100%;
	box-shadow: var(--shadow-standard-large);
	transition: box-shadow 0.15s ease-in-out;
}
.game-logo-standard.cursor-pointer
{
	cursor: pointer;
}
.game-logo-standard > .image
{
	width: 100%;
	height: 100%;
}

/* Filter: Options */
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .required,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .required
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options
{
	width: 100%;
	max-height: var(--explorer-scroll-area-max-height);
	max-width: var(--explorer-content-normal-max-width);
	overflow-y: scroll;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option
{
	width: 100%;
	font-family: var(--font-standard);
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option:nth-child(n+2),
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option
{
	margin-top: 10px;
}
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option
{
	text-align: left;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option > .name,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option > .name
{
	width: 100%;
	font-size: 1rem;
	text-align: center;
	text-transform: capitalize;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option > .description,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option > .description,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option > .description,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option > .description
{
	font-size: 0.8rem;
	font-style: italic;
}
@media (any-hover: hover)
{
	.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.indeterminate:hover,
	.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.indeterminate:hover,
	.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option:hover,
	.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option:hover
	{
		color: var(--text-color-active);
	}
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.true,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.true,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected
{
	color: var(--text-color-active);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.true > .name,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.true > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected > .name
{
	font-weight: bold;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.false,
.page.games-game > .filters-menu > .content > .filters > .filter.options > .content > .options > .option.false
{
	color: var(--text-color-less);
	text-decoration: line-through;
}

/* Filter: Age Requirement */
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement,
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement
{
	--max-width: 300px;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement > .content > .mode,
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement > .content > .mode
{
	max-width: var(--max-width);
	width: 100%;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range,
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range
{
	display: flex;
	flex-direction: row;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement > .content > .eligible,
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement > .content > .eligible,
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range,
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range
{
	max-width: var(--max-width);
	width: 100%;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range > .text-input-placeholder-standard,
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range > .text-input-placeholder-standard
{
	width: 50%;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range > *:nth-child(n+2),
.page.games-game > .filters-menu > .content > .filters > .filter.age-requirement > .content > .range > *:nth-child(n+2)
{
	margin-left: var(--vertical-spacing-standard);
}

/* Filter: Established */
.page.legacy-search > .filters-menu > .content > .filters > .filter.established > .content > .wrapper,
.page.games-game > .filters-menu > .content > .filters > .filter.established > .content > .wrapper
{
	justify-content: center;
	max-width: var(--explorer-content-normal-max-width);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.established > .content > .wrapper > .text-input-placeholder-standard,
.page.games-game > .filters-menu > .content > .filters > .filter.established > .content > .wrapper > .text-input-placeholder-standard
{
	width: 100px;
}

/* Filter: Availability */
.page.legacy-search > .filters-menu > .content > .filters > .filter.availability > .content > .text-input-placeholder-standard,
.page.games-game > .filters-menu > .content > .filters > .filter.availability > .content > .text-input-placeholder-standard
{
	width: 100%;
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.availability > .content > .availability-grid-standard,
.page.games-game > .filters-menu > .content > .filters > .filter.availability > .content > .availability-grid-standard
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}
.page.legacy-search > .filters-menu > .content > .filters > .filter.availability > .content > .timezone,
.page.games-game > .filters-menu > .content > .filters > .filter.availability > .content > .timezone
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}

/* Loading Icon */
.page.legacy-search > .loading-icon-standard + .recruit
{
	margin-top: var(--vertical-spacing-standard);
}
/* Page */
html.page-search > body > .page-container > .header-container,
html.page-games-game > body > .page-container > .header-container
{
	margin-bottom: unset;
}
html.page-search > body > .page-container > .page-body,
html.page-games-game > body > .page-container > .page-body
{
	width: 100%;
}
.page-container > .page-body > .page.search,
.page-container > .page-body > .page.games-game
{
	--guilds-margin-top: 80px;
	--explorer-scroll-area-max-height: 300px;
	--filter-content-margin-top: var(--vertical-spacing-standard);
	--explorer-content-normal-max-width: 400px;
	--prefix-max-width: 400px;
	--guild-premium-gradient: linear-gradient(to bottom right, red, purple);
	--guild-card-premium-border-width: 1px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;
	margin-left: unset;
	margin-right: unset;
}

/* Loading Indicator */
.page.search > .loading-icon-standard,
.page.games-game > .loading-icon-standard
{
	margin-top: var(--guilds-margin-top);
}

/* Guilds */
.page.search > .guilds,
.page.games-game > .guilds
{
	--guilds-vertical-spacing: 160px;
	margin-top: var(--guilds-margin-top);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.page.search > .guilds > *:nth-child(n+2),
.page.games-game > .guilds > *:nth-child(n+2)
{
	margin-top: calc(var(--guilds-vertical-spacing) / 2);
}
.page.search > .guilds > *:last-child,
.page.games-game > .guilds > *:last-child
{
	margin-bottom: calc(var(--guilds-vertical-spacing) / 2);
}
.page.search > .guilds > .no-results-message,
.page.games-game > .guilds > .no-results-message
{
	max-width: 400px;
	text-align: center;
}

/* Guild */
.page.search > .guilds > .guild,
.page.games-game > .guilds > .guild
{
	--padding-horizontal: calc((var(--vertical-spacing-standard) * 2) / 2);
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 600px;
	width: calc(100% - (var(--padding-horizontal) * 2));
	box-sizing: border-box;
}
.page.search > .guilds > .guild.premium,
.page.games-game > .guilds > .guild.premium
{
	--card-standard-border-width: 2px;
	--card-standard-border-background: var(--guild-premium-gradient);
}
.page.search > .guilds > .guild > .wrapper,
.page.games-game > .guilds > .guild > .wrapper
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
@media (max-width: 450px)
{
	.page.search > .guilds > .guild > .wrapper,
	.page.games-game > .guilds > .guild > .wrapper
	{
		align-items: center;
	}
}
.page.search > .guilds > .guild > .wrapper > *:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > *:nth-child(n+2)
{
	margin-top: 20px;
}
.page.search > .guilds > .guild > .wrapper > .identity,
.page.games-game > .guilds > .guild > .wrapper > .identity
{
	display: flex;
	align-items: center;
	width: 100%;
}
.page.search > .guilds > .guild > .wrapper > .identity > .logo,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo
{
	--logo-size: 96px;
	--border-width: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	width: calc(var(--logo-size) + (var(--border-width) * 2));
	height: calc(var(--logo-size) + (var(--border-width) * 2));
}
.page.search > .guilds > .guild > .wrapper > .identity > .logo > .premium-border,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo > .premium-border
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--guild-premium-gradient);
	border-radius: 50%;
}
.page.search > .guilds > .guild > .wrapper > .identity > .logo > .premium-border > .punchthrough,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo > .premium-border > .punchthrough
{
	margin: var(--border-width);
	width: calc(100% - (var(--border-width) * 2));
	height: calc(100% - (var(--border-width) * 2));
	background-color: var(--background-color-0);
	border-radius: 50%;
}
.page.search > .guilds > .guild > .wrapper > .identity > .logo > .image,
.page.games-game > .guilds > .guild > .wrapper > .identity > .logo > .image
{
	width: var(--logo-size);
	height: var(--logo-size);
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--shadow-standard);
}
.page.search > .guilds > .guild.premium > .logo > .image,
.page.games-game > .guilds > .guild.premium > .logo > .image
{
	margin: var(--border-width);
}
.page.search > .guilds > .guild > .wrapper > .identity > .name,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 20px;
}
.page.search > .guilds > .guild > .wrapper > .identity > .name > .content,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .content
{
	font-family: var(--font-standard);
	font-size: 1.5rem;
	color: var(--text-color);
	cursor: default;
	word-break: break-word;
}
.page.search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard
{
	align-items: flex-start;
}
.page.search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note
{
	text-align: left;
}
@media (max-width: 450px)
{
	.page.search > .guilds > .guild > .wrapper > .identity,
	.page.games-game > .guilds > .guild > .wrapper > .identity
	{
		flex-direction: column;
		width: 100%;
	}
	.page.search > .guilds > .guild > .wrapper > .identity > .name,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name
	{
		align-items: center;
		margin-left: unset;
	}
	.page.search > .guilds > .guild > .wrapper > .identity > .name > .content,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .content
	{
		text-align: center;
	}
	.page.search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard
	{
		align-items: center;
	}
	.page.search > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .feedback-standard > .note
	{
		text-align: center;
	}
}
.page.search > .guilds > .guild > .wrapper > .description,
.page.games-game > .guilds > .guild > .wrapper > .description
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color);
	cursor: default;
}
@media (max-width: 450px)
{
	.page.search > .guilds > .guild > .wrapper > .description,
	.page.games-game > .guilds > .guild > .wrapper > .description,
	.page.search > .guilds > .guild > .wrapper > .learn-more,
	.page.games-game > .guilds > .guild > .wrapper > .learn-more
	{
		text-align: center;
	}
}
.page.search > .guilds > .guild > .wrapper > .learn-more,
.page.games-game > .guilds > .guild > .wrapper > .learn-more
{
	width: 100%;
}
.page.search > .guilds > .guild > .wrapper > .learn-more > .icon,
.page.games-game > .guilds > .guild > .wrapper > .learn-more > .icon
{
	font-size: 0.5rem;
}
.page.search > .guilds > .guild > .wrapper > .learn-more > .text,
.page.games-game > .guilds > .guild > .wrapper > .learn-more > .text
{
	margin-left: 6px;
}
/* Guild: Flow */
.page.search > .guilds > .guild > .wrapper > .flow > .content,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content
{
	--grid-spacing: 15px;
	align-items: center;
}
@media (max-width: 450px)
{
	.page.search > .guilds > .guild > .wrapper > .flow > .content,
	.page.games-game > .guilds > .guild > .wrapper > .flow > .content
	{
		justify-content: center;
	}
}
.page.search > .guilds > .guild > .wrapper > .flow > .content > .flow-button,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.search > .guilds > .guild > .wrapper > .flow > .content > .flow-button.discord,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button.discord
{
	--button-standard-padding-vertical: 11px;
	--button-standard-padding-horizontal: 20px;
}
.page.search > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .text:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .text:nth-child(n+2)
{
	margin-left: 6px;
}
.page.search > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .external-icon.discord,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .flow-button > .external-icon.discord
{
	width: 32px;
}
.page.search > .guilds > .guild > .wrapper > .flow > .content > .feedback-standard,
.page.games-game > .guilds > .guild > .wrapper > .flow > .content > .feedback-standard
{
	width: unset;
	max-width: unset;
}
/* Guild: Platforms */
.page.search > .guilds > .guild > .wrapper > .identity > .name > .platforms,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms
{
	--margin-vertical: 2px;
	margin-top: var(--margin-vertical);
	margin-bottom: var(--margin-vertical);
}
.page.search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list
{
	--grid-spacing: 4px;
}
@media (max-width: 450px)
{
	.page.search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list,
	.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list
	{
		justify-content: center;
	}
}
.page.search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list > .platform,
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .list > .platform
{
	--padding-horizontal: 4px;
	padding-top: calc(var(--padding-horizontal) / 2);
	padding-bottom: calc(var(--padding-horizontal) / 2);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	border-radius: 4px;
	border: 1px solid var(--text-color-less-0);
	font-size: 0.6rem;
	color: var(--text-color-less);
}
.page.search > .guilds > .guild > .wrapper > .identity > .name > .platforms > .platform:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .identity > .name > .platforms > .platform:nth-child(n+2)
{
	margin-left: 4px;
}
/* Guild: Games */
.page.search > .guilds > .guild > .wrapper > .games,
.page.games-game > .guilds > .guild > .wrapper > .games
{
	--logo-size: 32px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
@media (max-width: 450px)
{
	.page.search > .guilds > .guild > .wrapper > .games,
	.page.games-game > .guilds > .guild > .wrapper > .games
	{
		align-items: center;
	}
}
.page.search > .guilds > .guild > .wrapper > .games > .list > .none,
.page.games-game > .guilds > .guild > .wrapper > .games > .list > .none
{
	text-align: center;
	cursor: pointer;
}
/* Guild: Games: Preview */
.page.search > .guilds > .guild > .wrapper > .games > .list.preview,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.search > .guilds > .guild > .wrapper > .games > .list.preview,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview,
.page.search > .guilds > .guild > .wrapper > .games > .list.full,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full
{
	cursor: pointer;
}
.page.search > .guilds > .guild > .wrapper > .games > .list.preview > .game,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview > .game
{
	width: var(--logo-size);
	height: var(--logo-size);
}
.page.search > .guilds > .guild > .wrapper > .games > .list.preview > .game:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .games > .list.preview > .game:nth-child(n+2)
{
	margin-left: 15px;
}
/* Guild: Games: List */
.page.search > .guilds > .guild > .wrapper > .games > .list.full,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full
{
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	width: 100%;
	max-height: 200px;
	overflow-y: scroll;
}
.page.search > .guilds > .guild > .wrapper > .games > .list.full > .game:nth-child(n+2),
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game:nth-child(n+2)
{
	margin-top: 20px;
}
.page.search > .guilds > .guild > .wrapper > .games > .list.full > .game,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.search > .guilds > .guild > .wrapper > .games > .list.full > .game > .logo,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game > .logo
{
	width: var(--logo-size);
	height: var(--logo-size);
}
.page.search > .guilds > .guild > .wrapper > .games > .list.full > .game > .name,
.page.games-game > .guilds > .guild > .wrapper > .games > .list.full > .game > .name
{
	flex: 1;
	margin-left: 20px;
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color);
}

/* Preselected Game */
.page.search > .preselected-game,
.page.games-game > .preselected-game
{
	--horizontal-margin: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: var(--horizontal-margin);
	margin-right: var(--horizontal-margin);
	max-width: var(--prefix-max-width);
	width: calc(100% - (var(--horizontal-margin) * 2));
}
.page.search > .preselected-game > .name,
.page.games-game > .preselected-game > .name,
.page.search > .preselected-game > .description,
.page.games-game > .preselected-game > .description,
.page.search > .preselected-game > .recruit,
.page.games-game > .preselected-game > .recruit
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
	text-align: center;
}
.page.search > .preselected-game > .name,
.page.games-game > .preselected-game > .name
{
	color: var(--text-color-less);
}
.page.search > .preselected-game > .description,
.page.games-game > .preselected-game > .description
{
	cursor: pointer;
}
.page.search > .preselected-game > .description.collapsed,
.page.games-game > .preselected-game > .description.collapsed
{
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.page.search > .preselected-game > .logo,
.page.games-game > .preselected-game > .logo
{
	max-width: unset;
}

/* Recruit */
.page.search > .recruit,
.page.games-game > .recruit
{
	margin-bottom: var(--vertical-spacing-standard);
	margin-left: var(--horizontal-margin);
	margin-right: var(--horizontal-margin);
	max-width: var(--prefix-max-width);
	width: calc(100% - (var(--horizontal-margin) * 2));
	text-align: center;
}

/* Filters: Button */
.page.search > .filters,
.page.games-game > .filters
{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: sticky;
	z-index: var(--explorer-filters-button-z-index);
	--padding-vertical: 10px;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	width: 100%;
	transition: box-shadow 0.15s ease-in-out;
}
.page.search > .preselected-game + .filters,
.page.games-game > .preselected-game + .filters
{
	margin-top: var(--vertical-spacing-standard);
}
.page.search > .filters.position-sticky,
.page.games-game > .filters.position-sticky
{
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard);
}
.page.search > .filters > .show-button,
.page.games-game > .filters > .show-button
{
	max-width: 600px;
	width: 100%;
	font-family: var(--font-standard);
	font-size: 1.5rem;
	color: var(--text-color);
	cursor: pointer;
}
.page.search > .filters > .show-button,
.page.games-game > .filters > .show-button
{
	transition: color 0.15s ease-in-out;
}
.page.search > .filters > .show-button > .selected,
.page.games-game > .filters > .show-button > .selected
{
	text-decoration: underline;
}
.page.search > .filters > .show-button:hover,
.page.games-game > .filters > .show-button:hover
{
	color: var(--text-color-less);
}

/* Filters: List */
.page.search > .filters > .list,
.page.games-game > .filters > .list
{
	margin-top: 4px;
	max-width: 600px;
	justify-content: center;
}
.page.search > .filters > .list > .reset,
.page.games-game > .filters > .list > .reset
{
	color: var(--text-color-less);
}

/* Filters: Filter */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter
{
	--max-width: 300px;
	width: 100%;
}
.page.search > .filters > .list > .filter-popover,
.page.games-game > .filters > .list > .filter-popover
{
	--padding-horizontal: 20px;
	z-index: var(--popover-z-index);
	max-width: 400px;
	width: calc(100% - (var(--padding-horizontal) * 2));
}
.page.search > .filters > .list > .filter-popover > .content,
.page.games-game > .filters > .list > .filter-popover > .content
{
	--padding-horizontal: 16px;
	--padding-vertical: 14px;
	--loading-or-error-margin-vertical-top: 20px;
	--loading-or-error-margin-vertical-bottom: 10px;
	margin-top: 6px;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	background-color: var(--background-color-0);
	box-shadow: var(--shadow-standard);
}
.page.search > .filters > .list > .filter-popover.availability > .content > .wrapper > .filter > .content > .availability-grid-standard,
.page.games-game > .filters > .list > .filter-popover.availability > .content > .wrapper > .filter > .content > .availability-grid-standard
{
	max-height: 300px;
	overflow: scroll;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper
{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter > .name,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter > .name
{
	width: 100%;
	font-family: var(--font-standard);
	color: var(--text-color-less-2);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter > .name:hover,
	.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter > .name:hover,
	.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter > .name:hover,
	.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter > .name:hover
	{
		color: var(--text-color-active);
	}
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.selected > .name,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.selected > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.selected > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.selected > .name
{
	color: var(--text-color-active);
	font-weight: bold;
}

/* Filters: Content */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter > .content,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter > .content
{
	--overflow-padding: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: var(--overflow-padding);
	width: calc(100% - (var(--overflow-padding) * 2));
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter:nth-child(n+2),
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter:nth-child(n+2),
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter > *:nth-child(n+2),
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter > *:nth-child(n+2),
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter > .content > *:nth-child(n+2),
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter > .content > *:nth-child(n+2)
{
	margin-top: var(--filter-content-margin-top);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter > .content > .text-input-placeholder-standard,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter > .content > .text-input-placeholder-standard
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}

/* Filters: Categories */
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: calc(var(--category-vertical-spacing) / 2);
	margin-bottom: calc(var(--category-vertical-spacing) / 2);
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category::before,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category::before
{
	content: '';
	display: block;
	width: 75px;
	height: 1px;
	margin-bottom: calc(var(--category-vertical-spacing) / 2);
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: var(--shadow-standard);
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .logo,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .logo
{
	overflow: hidden;
	width: 400px;
	max-width: 100%;
	border-top-left-radius: var(--filter-popover-border-radius);
	border-top-right-radius: var(--filter-popover-border-radius);
	box-shadow: var(--shadow-standard-large);
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .logo > .image,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .logo > .image
{
	width: 100%;
	height: 100%;
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > *:nth-child(n+2),
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection:nth-child(n+2),
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection:nth-child(n+2)
{
	margin-left: 10px;
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .selections,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .selections
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection
{
	font-size: 0.8rem;
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection:not(.selected):hover,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection:not(.selected):hover,
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection.selected,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection.selected
{
	color: var(--text-color-active);
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection.selected,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category > .selections > .selection.selected
{
	cursor: default;
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .category + .filter:nth-child(n+2)::before,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .category + .filter:nth-child(n+2)::before
{
	display: none;
}

/* Filter: Game */
.page.search > .filters > .list > .popover > .content,
.page.games-game > .filters > .list > .popover > .content
{
	--filter-popover-border-radius: 10px;
	width: 100%;
	border-radius: var(--filter-popover-border-radius);
}
.page.search > .filters > .list > .popover.games > .content,
.page.games-game > .filters > .list > .popover.games > .content
{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.page.search > .filters > .list > .popover.games > .content > .wrapper > .filters,
.page.games-game > .filters > .list > .popover.games > .content > .wrapper > .filters
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}

/* Filter: Games */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games
{
	--vertical-padding: 10px;
	overflow-y: scroll;
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
	padding-top: var(--vertical-padding);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games::after,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games::after
{
	content: '';
	width: 1px;
	padding-bottom: var(--vertical-padding);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games,
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .loading-icon-standard,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .loading-icon-standard
{
	max-height: var(--explorer-scroll-area-max-height);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game
{
	--padding-horizontal: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - (var(--padding-horizontal) * 2));
	max-width: 300px;
	cursor: pointer;
	box-shadow: var(--shadow-standard-large);
	transition: box-shadow 0.15s ease-in-out;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game > .logo,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game > .logo
{
	/* DEBUG */
	float: left;
	display: block;
	height: 100px;
}
/** To Do: Incorporate selectors from other landscape game logo instances here, to prevent duplication of the same styling approach. */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game:hover,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game:hover
{
	box-shadow: var(--shadow-standard-active-large);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game:nth-child(n+2),
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game > .logo > .image,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.games > .content > .games > .game > .logo > .image
{
	width: 100%;
	height: 100%;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game,
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game > .link > .logo > .image,
.page.create-guild > .input > .recruitment > .games > .list > .game,
.page.create-guild > .input > .recruitment > .games > .list > .game > .logo > .image,
.game-logo-standard,
.game-logo-standard > .image
{
	border-radius: 6px;
}
.game-logo-standard
{
	display: block;
	max-width: 300px;
	width: 100%;
	box-shadow: var(--shadow-standard-large);
	transition: box-shadow 0.15s ease-in-out;
}
.game-logo-standard.cursor-pointer
{
	cursor: pointer;
}
.game-logo-standard > .image
{
	width: 100%;
	height: 100%;
}

/* Filter: Options */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .required,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .required
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options
{
	width: 100%;
	max-height: var(--explorer-scroll-area-max-height);
	max-width: var(--explorer-content-normal-max-width);
	overflow-y: scroll;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option
{
	width: 100%;
	font-family: var(--font-standard);
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option:nth-child(n+2),
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option:nth-child(n+2),
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option
{
	margin-top: 10px;
}
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option
{
	text-align: left;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option > .name,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option > .name
{
	width: 100%;
	font-size: 1rem;
	text-align: center;
	text-transform: capitalize;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option > .description,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option > .description,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option > .description,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option > .description
{
	font-size: 0.8rem;
	font-style: italic;
}
@media (any-hover: hover)
{
	.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.indeterminate:hover,
	.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.indeterminate:hover,
	.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option:hover,
	.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option:hover
	{
		color: var(--text-color-active);
	}
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.true,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.true,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected
{
	color: var(--text-color-active);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.true > .name,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.true > .name,
.page.guilds-guild-recruitment > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected > .name,
.page.guilds-guild-recruitment-games-game > .filters > .filters > .filters > .filter.options > .content > .options > .option.selected > .name
{
	font-weight: bold;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.false,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.options > .content > .options > .option.false
{
	color: var(--text-color-less);
	text-decoration: line-through;
}

/* Filter: Age Requirement */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .mode,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .mode
{
	max-width: var(--max-width);
	width: 100%;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range
{
	display: flex;
	flex-direction: row;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .eligible,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .eligible,
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range
{
	max-width: var(--max-width);
	width: 100%;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range > .text-input-placeholder-standard,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range > .text-input-placeholder-standard
{
	width: 50%;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range > *:nth-child(n+2),
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.age-requirement > .content > .range > *:nth-child(n+2)
{
	margin-left: var(--vertical-spacing-standard);
}

/* Filter: Established */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.established > .content > .wrapper,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.established > .content > .wrapper
{
	justify-content: center;
	max-width: var(--explorer-content-normal-max-width);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.established > .content > .wrapper > .text-input-placeholder-standard,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.established > .content > .wrapper > .text-input-placeholder-standard
{
	width: 100px;
}

/* Filter: Availability */
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.availability > .content > .text-input-placeholder-standard,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.availability > .content > .text-input-placeholder-standard
{
	width: 100%;
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.availability > .content > .availability-grid-standard,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.availability > .content > .availability-grid-standard
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}
.page.search > .filters > .list > .filter-popover > .content > .wrapper > .filter.availability > .content > .timezone,
.page.games-game > .filters > .list > .filter-popover > .content > .wrapper > .filter.availability > .content > .timezone
{
	width: 100%;
	max-width: var(--explorer-content-normal-max-width);
}

/* Loading Icon */
.page.search > .loading-icon-standard + .recruit
{
	margin-top: var(--vertical-spacing-standard);
}
.page.games > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.games > .search
{
	margin-top: 0px;
}
.page.games > .games-wrapper
{
	--column-spacing: var(--vertical-spacing-standard);
	--column-spacing--half: calc(var(--column-spacing) / 2);
	--column-spacing--half-inverse: calc(var(--column-spacing--half) * -1);
	--column-width: 300px;
	width: 100%;
}
.page.games > .games-wrapper > .games > .game,
.page.games > .games-wrapper > .games > .paginate-wrapper
{
	width: calc(25% - (var(--column-spacing--half) * 2));
	box-sizing: border-box;
}
@media (max-width: 1100px)
{
	.page.games > .games-wrapper > .games > .game,
	.page.games > .games-wrapper > .games > .paginate-wrapper
	{
		width: calc(33% - (var(--column-spacing--half) * 2));
	}
}
@media (max-width: 800px)
{
	.page.games > .games-wrapper > .games > .game,
	.page.games > .games-wrapper > .games > .paginate-wrapper
	{
		width: calc(50% - (var(--column-spacing--half) * 2));
	}
}
@media (max-width: 500px)
{
	.page.games > .games-wrapper > .games > .game,
	.page.games > .games-wrapper > .games > .paginate-wrapper
	{
		width: 100%;
	}
}
.page.games > .games-wrapper > .games > .game > .link > .logo
{
	max-width: unset;
	width: unset;
	height: 100px;
}
.page.games > .games-wrapper > .games > .paginate-wrapper
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.page.games > .games-wrapper > .games > .paginate-wrapper.no-more
{
	display: none;
}
.page.games > .feedback-standard
{
	align-items: flex-start;
}
.page.account-general > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Avatar */
.page.account-general > .avatar > .card-section-standard > .avatar.file-input-standard > .content
{
	--size: 128px;
	width: var(--size);
	height: var(--size);
}
.page.account-general > .avatar > .card-section-standard > .avatar.file-input-standard > .content > .image
{
	width: 100%;
	height: 100%;
}

/* Public Identity Message */
.page.account-general > .avatar > .card-section-standard > .public-identity-message,
.page.account-general > .credentials > .card-section-standard > .public-identity-message
{
	margin-top: 4px;
}
.page.account-general > .avatar > .card-section-standard > .public-identity-message > .loading-icon-standard,
.page.account-general > .credentials > .card-section-standard > .public-identity-message > .loading-icon-standard
{
	--size: 12px;
	width: var(--size);
	height: var(--size);
}

/* Account Removal */
.page.account-general > .delete > .content > .button-standard + .paragraph-standard.footnote
{
	margin-top: 4px;
}
.page.account-identities > *:nth-child(n+2):not(.guidance)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Identities */
.page.account-identities > .identities
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.page.account-identities > .identities > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-identities > .identities > .identity > .name > *:nth-child(n+3)
{
	margin-top: 0px;
}
.page.account-identities > .identities > .identity > .card-section-standard > .image-loader-standard
{
	--size: 128px;
	width: var(--size);
	height: var(--size);
}
.page.account-identities > .identities > .identity > .card-section-standard > .image-loader-standard > .image
{
	border-radius: 50%;
}
.page.account-identities > .identities > .identity > .vertical-actions
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.page.account-identities > .identities > .identity > .vertical-actions > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}

/* Add Identity */
.page.account-identities > .identities > .add-identity
{
	--grid-spacing: 10px;
	max-width: 600px;
}
/* Page */
.page.account-forms-form > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Heading */
.form-submission-standard > .header > .text > .tooltip-label-standard > .label
{
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
}
.form-submission-standard > .header > .text > .tooltip-label-standard > .button > .icon
{
	color: var(--text-color-less);
}

/* Onboard */
.form-submission-standard > .onboard > .message
{
	margin-top: 4px;
}

/* Elements */
.form-submission-standard > .elements > .element > .loading-icon-standard
{
	--size: 1rem;
	width: var(--size);
	height: var(--size);
}

/* Elements: Revoke */
.form-submission-standard > .elements > .element > .revoke-button
{
	margin-top: 4px;
}

/* Comments */
.page.account-forms-form > .comments > .list > .send > *:nth-child(n+2),
.page.guilds-guild-my-submissions-submission > .comments > .list > .send > *:nth-child(n+2),
.page.guilds-guild-forms-submissions-submission > .comments > .list > .send > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-forms-form > .comments > .list > .comment > .user,
.page.guilds-guild-my-submissions-submission > .comments > .list > .comment > .user,
.page.guilds-guild-forms-submissions-submission > .comments > .list > .comment > .user
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.account-forms-form > .comments > .list > .comment > .user > .avatar,
.page.guilds-guild-my-submissions-submission > .comments > .list > .comment > .user > .avatar,
.page.guilds-guild-forms-submissions-submission > .comments > .list > .comment > .user > .avatar
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.account-forms-form > .comments > .list > .comment > .user > .text,
.page.guilds-guild-my-submissions-submission > .comments > .list > .comment > .user > .text,
.page.guilds-guild-forms-submissions-submission > .comments > .list > .comment > .user > .text
{
	margin-left: var(--vertical-spacing-standard);
}
.page.account-forms-form > .comments > .list > .comment > .message > .actions,
.page.guilds-guild-my-submissions-submission > .comments > .list > .comment > .message > .actions,
.page.guilds-guild-forms-submissions-submission > .comments > .list > .comment > .message > .actions
{
	margin-top: 4px;
}
.page.account-forms-form > .comments > .list > .comment > .message > .actions:not(.editing) > *:nth-child(n+2),
.page.guilds-guild-my-submissions-submission > .comments > .list > .comment > .message > .actions:not(.editing) > *:nth-child(n+2),
.page.guilds-guild-forms-submissions-submission > .comments > .list > .comment > .message > .actions:not(.editing) > *:nth-child(n+2)
{
	margin-left: 2px;
}
.page.account-forms-form > .comments > .list > .comment > .message > .actions.editing,
.page.guilds-guild-my-submissions-submission > .comments > .list > .comment > .message > .actions.editing,
.page.guilds-guild-forms-submissions-submission > .comments > .list > .comment > .message > .actions.editing
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-forms > *:nth-child(n+2):not(.guidance),
.own-forms-standard > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.own-forms-standard
{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.own-forms-standard > .form > .card-section-standard
{
	cursor: pointer;
}
.own-forms-standard > .form > .guild
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.own-forms-standard > .form > .guild > *:nth-child(n+2)
{
	margin-left: var(--vertical-spacing-standard);
}
.own-forms-standard > .form > .card-section-standard
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.own-forms-standard > .form > .card-section-standard > .logo
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.own-forms-standard > .form > .card-section-standard > .text
{
	margin-left: var(--vertical-spacing-standard);
}

/* Internal Stylesheets */
.page.account-email-subscriptions > *:nth-child(n+2):not(.guidance),
.page.account-email-subscriptions > .guilds > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Heading */
.page.account-email-subscriptions > .heading + .description
{
	margin-top: 0px;
}

/* Guilds */
.page.account-email-subscriptions > .guilds
{
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Header */
.page.account-email-subscriptions > .guilds > .guild > .header
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.account-email-subscriptions > .guilds > .guild > .header > .logo
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.account-email-subscriptions > .guilds > .guild > .header > .name
{
	margin-left: var(--vertical-spacing-standard);
}

/* Subscription */
.page.account-email-subscriptions > .guilds > .guild > .subscription-type > .subscription > .checkbox-standard > .loading-icon-standard
{
	--size: 20px;
	margin-top: 4px;
	width: var(--size);
	height: var(--size);
}
.page.account-payments-methods-method > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-payments-methods > *:nth-child(n+2),
.page.account-payments-methods > .methods > .method:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-payments-methods > .methods
{
	width: 100%;
}

/* Internal Stylesheets */
.page.account-payments-subscriptions-subscription > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-payments-subscriptions > *:nth-child(n+2),
.page.account-payments-subscriptions > .subscriptions > .subscription:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-payments-subscriptions > .subscriptions
{
	width: 100%;
}
.page.account-payments-subscriptions > .subscriptions > .subscription > .guild,
.page.account-payments-subscriptions-subscription > .subscription > .guild
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.account-payments-subscriptions > .subscriptions > .subscription > .guild > .logo,
.page.account-payments-subscriptions-subscription > .subscription > .guild > .logo
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.account-payments-subscriptions > .subscriptions > .subscription > .guild > .name,
.page.account-payments-subscriptions-subscription > .subscription > .guild > .name
{
	margin-left: 20px;
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.page.account-payments-subscriptions > .subscriptions > .subscription > .guild > .name:hover,
	.page.account-payments-subscriptions-subscription > .subscription > .guild > .name:hover
	{
		color: var(--text-color-active);
	}
}

/* Internal Stylesheets */
.page.account-payments > *:nth-child(n+2),
.page.account-payments > .payments > .payment:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.account-payments > .payments
{
	width: 100%;
}
.page.account-payments > .payments > .payment > .actions,
.page.account-payments-subscriptions > .subscriptions > .subscription > .actions,
.page.account-payments-methods > .methods > .method > .actions
{
	align-items: center;
}

/* Internal Stylesheets */
/* Internal Stylesheets */
.page.bots-bot > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.bots-bot > .identity
{
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 600px;
}
.page.bots-bot > .identity > .avatar
{
	--size: 128px;
	width: var(--size);
	height: var(--size);
}
.page.bots-bot > .identity > .text
{
	margin-left: var(--vertical-spacing-standard);
	display: flex;
	flex-direction: column;
}
/* Internal Stylesheets */
.page.create-guild > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Features */
.page.create-guild > .features > .feature:nth-child(n+2)
{
	margin-top: 10px;
}

/* Flow Selection */
.page.create-guild > .input > .flow-selection
{
	width: 100%;
	text-align: left;
	cursor: pointer;
}

/* Input */
.page.create-guild > .input,
.page.create-guild > .input > .heading-standard,
.page.create-guild > .input > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.create-guild > .input > *:not(.button-standard)
{
	width: 100%;
	max-width: 600px;
}
.page.create-guild > .input > .heading-standard +.paragraph-standard.footnote
{
	margin-top: unset;
}
.page.create-guild > .input > .recruit-later-note
{
	margin-top: 10px;
}
.page.create-guild > .input > .general > *:nth-child(n+2),
.page.create-guild > .input > .recruitment > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 3);
}
.page.create-guild > .input > .general > .heading-standard:nth-child(1) + *,
.page.create-guild > .input > .recruitment > .heading-standard:nth-child(1) + *
{
	margin-top: var(--vertical-spacing-standard);
}
.page.create-guild > .input > .general > .logo.file-input-standard > .content
{
	overflow: hidden;
	border-radius: 50%;
}
.page.create-guild > .input > .general > .logo.file-input-standard > .content > .image
{
	--size: 128px;
	width: var(--size);
	height: var(--size);
}
.page.create-guild > .input > .recruitment > .explorer-flow-paragraph
{
	margin-top: 0px;
}

/* Games */
.page.create-guild > .input > .recruitment > .games
{
	--column-spacing: var(--vertical-spacing-standard);
	--column-spacing--half: calc(var(--column-spacing) / 2);
	--column-spacing--half-inverse: calc(var(--column-spacing--half) * -1);
	--column-width: calc(276px - var(--column-spacing--half));
}
.page.create-guild > .input > .recruitment > .games > .label,
.page.create-guild > .input > .recruitment > .platforms > .label
{
	margin-bottom: var(--vertical-spacing-standard);
}
.page.create-guild > .input > .recruitment > .games > .list
{
	width: calc(100% + var(--column-spacing));
}
.page.create-guild > .input > .recruitment > .games > .list > .add-game
{
	cursor: pointer;
}

/* Platforms */
.page.create-guild > .input > .recruitment > .platforms > .list
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.page.create-guild > .input > .recruitment > .platforms > .list > .platform
{
	width: calc(50% - var(--grid-spacing));
	max-width: unset;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}
@media (max-width: 500px)
{
	.page.create-guild > .input > .recruitment > .platforms > .list > .platform
	{
		width: 100%;
	}
}
.page.create-guild > .input > .recruitment > .platforms > .list > .platform.selected,
.page.create-guild > .input > .recruitment > .platforms > .list > .platform:hover
{
	background-color: var(--background-color-0-5);
}

/* Interaction Label */
.page.create-guild > .input > .recruitment > .interaction-label + *
{
	margin-top: var(--vertical-spacing-standard);
}

/* Flow: Discord */
.page.create-guild > .input.submit-loading > .discord > .guilds
{
	display: none;
}

/* Unverified */
.page.create-guild > .unverified > .card-section-standard > .button-standard
{
	display: inline-block;
}
.guilds-guild-home > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Identity */
.guilds-guild-home > .guild
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
@media (max-width: 400px)
{
	.guilds-guild-home > .guild
	{
		flex-direction: column;
	}
	.guilds-guild-home > .guild > *:nth-child(n+2)
	{
		margin-top: 20px;
	}
}
.guilds-guild-home > .guild > .logo
{
	--size: 128px;
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	box-shadow: var(--shadow-standard);
	border-radius: 50%;
}
.guilds-guild-home > .guild > .text
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 20px;
	flex: 1;
}

/* Insights */
.guilds-guild-home > .insights
{
	width: 100%;
}
.guilds-guild-home > .insights > .grid
{
	/* Courtesy to Mike Herchel: https://css-tricks.com/an-auto-filling-css-grid-with-max-columns/. */
	/* Config variables. */
	--grid-layout-gap: 20px;
	--grid-column-count: 2;
	--grid-item--min-width: 250px;
	/* Calculated variables. */
	--gap-count: calc(var(--grid-column-count) - 1);
	--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
	--grid-item-max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item-max-width)), 1fr));
	grid-gap: var(--grid-layout-gap);
	margin-top: calc(var(--vertical-spacing-standard) / 2);
	width: 100%;
	max-width: 800px;
}
.guilds-guild-home > .insights > .grid > .insight
{
	width: unset;
	max-width: unset;
}
.guilds-guild-home > .insights > .grid > .insight > .content > .headline
{
	font-weight: bold;
	transition: color 0.15s ease-in-out;
}
.guilds-guild-home > .insights > .grid > .insight > .content > .headline.warning
{
	color: var(--text-color-negative);
}
.guilds-guild-home > .insights > .grid > .insight > .content > .description
{
	font-size: 0.9rem;
	color: var(--text-color-less);
}

/* Membership */
.guilds-guild-home > .membership > .join-button,
.guilds-guild-home > .membership > .login-button
{
	margin-top: 10px;
}
.guilds-guild-home > .membership > .registration-disabled
{
	margin-top: 6px;
}

/* Roles */
.guilds-guild-home > .roles > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 3);
}

/* Links */
.guilds-guild-home > .links
{
	width: 100%;
}
.guilds-guild-home > .links > .list
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.guilds-guild-home > .links > .list,
.guilds-guild-home > .links > .list > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 3);
}
.guilds-guild-home > .links > .list > .link
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.guilds-guild-home > .links > .list > .link > .edit
{
	margin-left: 8px;
}

/* Simple Navigation */
.guilds-guild-home > .simple-navigation
{
	width: 100%;
}
.guilds-guild-home > .simple-navigation > .grid-wrapper
{
	margin-top: calc(var(--vertical-spacing-standard) / 3);
}
.guilds-guild-home > .simple-navigation > .grid-wrapper > .grid
{
	--grid-spacing: 20px;
}
.guilds-guild-home > .simple-navigation > .grid-wrapper > .grid > .item
{
	display: flex;
	flex-direction: column;
	width: 300px;
	max-width: 100%;
	min-height: 170px;
}
@media (max-width: 700px)
{
	.guilds-guild-home > .simple-navigation > .grid-wrapper > .grid > .item
	{
		flex-grow: 1;
	}
}
.guilds-guild-home > .simple-navigation > .grid-wrapper > .grid > .item.unauthorised
{
	cursor: not-allowed;
}
.guilds-guild-home > .simple-navigation > .grid-wrapper > .grid > .item > .main
{
	flex: 1;
}
.guilds-guild-home > .simple-navigation > .grid-wrapper > .grid > .item.unauthorised > .main > .label
{
	color: var(--text-color-less);
}
.page.guilds-guild-my-submissions-submission > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-my-submissions > *:nth-child(n+2):not(.guidance)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Internal Stylesheets */
/* Internal Stylesheets */
.guilds-guild-my-permissions > .heading + .description,
.guilds-guild-members-guild-member-permissions > .heading + .description
{
	margin-top: 0px;
}
.guilds-guild-my-permissions > *:nth-child(n+2),
.guilds-guild-members-guild-member-permissions > *:nth-child(n+2),
.permissions-standard > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.permissions-standard
{
	width: 100%;
}
/*.permissions-standard > .permission
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.permissions-standard > .permission > *:nth-child(n+2)
{
	margin-left: 4px;
}*/
.permissions-standard > .permission > .chip-standard
{
	display: inline-flex;
}
/* Internal Stylesheets */
.page.guilds-guild-members > *:nth-child(n+2),
.page.guilds-guild-members > .members > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-members > .search
{
	max-width: 600px;
}
.page.guilds-guild-members > .members
{
	width: 100%;
}
.page.guilds-guild-members > .members > .member > .identity
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-members > .members > .member > .identity > .avatar
{
	--size: 64px;
	overflow: hidden;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	box-shadow: var(--shadow-standard);
}
.page.guilds-guild-members > .members > .member > .identity > .avatar > .image
{
	width: 100%;
	height: 100%;
}
.page.guilds-guild-members > .members > .member > .identity > .text
{
	margin-left: var(--vertical-spacing-standard);
}
.page.guilds-guild-members > .members > .member > .identity > .text > .badges
{
	display: flex;
	flex-direction: row;
	margin-top: 4px;
}
.page.guilds-guild-members > .members > .member > .identity > .text > .badges > .badge:nth-child(n+2)
{
	margin-left: 4px;
}
.page.guilds-guild-members > .members > .member > .identity > .text > .badges > .badge
{
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color);
	cursor: default;
}
.page.guilds-guild-members > .members > .member > .roles > .chips-standard > .expand
{
	margin: var(--margin);
	font-style: italic;
	cursor: pointer;
}
/* Page */
.page.guilds-guild-forms-submissions-submission > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Labels */
.page.guilds-guild-forms-submissions-submission > .submission > .labels > *:nth-child(n+2)
{
	margin-top: 4px;
}

/* Roles */
.page.guilds-guild-forms-submissions-submission > .submission > .roles > .roles
{
	margin-top: 4px;
}

/* Revoked */
.page.guilds-guild-forms-submissions-submission > .submission > .elements > .element > .revoked-message
{
	margin-top: 4px;
}

/* Comments */
.page.guilds-guild-forms-submissions-submission > .comments > .heading > .closed
{
	margin-top: 6px;
}
.page.guilds-guild-forms-submissions > *:nth-child(n+2):not(.contextual-guidance-standard)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-forms-submissions > .actions
{
	--grid-spacing: 10px;
	max-width: var(--max-width-standard);
}
@media (min-width: 600px)
{
	.page.guilds-guild-forms-submissions > .filters
	{
		--horizontal-spacing: var(--vertical-spacing-standard);
		display: flex;
		flex-direction: row;
		margin-left: calc((var(--horizontal-spacing) / 2) * -1);
		margin-right: calc((var(--horizontal-spacing) / 2) * -1);
		max-width: calc(600px + var(--horizontal-spacing));
		width: 100%;
	}
	.page.guilds-guild-forms-submissions > .filters > *
	{
		margin-left: calc(var(--horizontal-spacing) / 2);
		margin-right: calc(var(--horizontal-spacing) / 2);
		width: calc(50% - var(--horizontal-spacing));
	}
}
@media (max-width: 599px)
{
	.page.guilds-guild-forms-submissions > .filters
	{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.page.guilds-guild-forms-submissions > .filters > *
	{
		width: 100%;
	}
	.page.guilds-guild-forms-submissions > .filters > *:nth-child(n+2)
	{
		margin-top: var(--vertical-spacing-standard);
	}
}
.page.guilds-guild-forms-submissions > .labels
{
	max-width: 600px;
	width: 100%;
}
.page.guilds-guild-forms-submissions > .search
{
	max-width: 600px;
}

/* Export */
.page.guilds-guild-forms-submissions > .export > .content > .error
{
	color: var(--text-color-negative);
}

/* Submissions */
.page.guilds-guild-forms-submissions > .submissions
{
	width: 100%;
}
.page.guilds-guild-forms-submissions > .submissions > .date
{
	display: flex;
	flex-direction: column;
}
.page.guilds-guild-forms-submissions > .submissions > .date:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.guilds-guild-forms-submissions > .submissions > .date > .submissions
{
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.guilds-guild-forms-submissions > .submissions > .date > .submissions > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Internal Stylesheets */
/* Base */
.page.guilds-guild-forms-templates-form > *:nth-child(n+2),
.page.guilds-guild-forms-templates-form > .form > *:nth-child(n+2),
.page.guilds-guild-forms-templates-form > .elements > *:nth-child(n+2),
.page.guilds-guild-forms-templates-form > .elements > .list > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Use in Discord */
.use-in-discord > .content > .text > .image
{
	width: 100%;
}

/* Form */
.page.guilds-guild-forms-templates-form > .form
{
	width: 100%;
}
.page.guilds-guild-forms-templates-form > .form > .entity + .name
{
	margin-top: 0px;
}
.page.guilds-guild-forms-templates-form > .form > .actions
{
	--grid-spacing: 10px;
}

/* Form Settings */
.form-settings-standard > .input > .discord-discussion-channel-issue
{
	color: var(--text-color-negative);
}

/* Form Roles */
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core
{
	padding-bottom: 12px;
	border-bottom: 1px var(--text-color-less) solid;
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core > .label
{
	font-family: var(--font-standard);
	font-size: 0.8rem;
	color: var(--text-color-less);
	cursor: default;
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core > .list
{
	margin-top: 4px;
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core > .list > .role > *:nth-child(n+2)
{
	margin-left: 6px;
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core > .list > .role > .type
{
	color: var(--text-color);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core > .list > .role > .type:hover
{
	color: var(--text-color-less);
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .core > .list > .role > .type > .loading-icon
{
	--size: 14px;
	width: var(--size);
	height: var(--size);
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	cursor: default;
	transition: color 0.15s ease-in-out;
}
.page.guilds-guild-forms-templates-form > .form > .card-standard > .input > .roles > .unauthorised
{
	margin-top: 6px;
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color-negative);
	cursor: default;
}

/* Elements */
.page.guilds-guild-forms-templates-form > .elements
{
	width: 100%;
}

/* Create Element */
.page.guilds-guild-forms-templates-form > .elements > .create-first-element-prompt > .content > .message
{
	margin-top: 4px;
}
.page.guilds-guild-forms-templates-form > .elements > .create-element > .input > .type-options > .type-option
{
	width: calc(50% - var(--grid-spacing));
	max-width: unset;
	cursor: pointer;
	transition: background-color 0.15s ease-in-out;
}
@media (max-width: 500px)
{
	.page.guilds-guild-forms-templates-form > .elements > .create-element > .input > .type-options > .type-option
	{
		width: 100%;
	}
}
.page.guilds-guild-forms-templates-form > .elements > .create-element > .input > .type-options > .type-option:hover
{
	background-color: var(--background-color-0-5);
}

/* Element */
.page.guilds-guild-forms-templates-form > .elements > .list > .element.moving-self
{
	box-shadow: var(--shadow-standard-active);
}

/* Element Options */
.page.guilds-guild-forms-templates-form > .elements > .list > .element > .card-section-standard > .options > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-forms-templates-form > .elements > .list > .element > .card-section-standard > .options > .option.moving-self
{
	box-shadow: var(--shadow-standard-active);
}

/* Element Identity Platforms */
.page.guilds-guild-forms-templates-form > .elements > .list > .element > .card-section-standard > .checkbox-standard > .loading-icon-standard
{
	--size: 20px;
	margin-top: 4px;
	width: var(--size);
	height: var(--size);
}
.page.guilds-guild-forms > *:nth-child(n+2):not(.contextual-guidance-standard):not(.usage)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-forms > .actions > .grid
{
	--grid-spacing: 10px;
}
.page.guilds-guild-forms > .usage
{
	margin-top: 4px;
	width: 100%;
}
.page.guilds-guild-forms > .usage.expanded
{
	margin-top: var(--vertical-spacing-standard);
	width: 100%;
}
.page.guilds-guild-forms > .guild-premium-promotion-standard + .usage.collapsed
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-forms > .search
{
	max-width: 600px;
}
.page.guilds-guild-forms > .forms
{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.page.guilds-guild-forms > .forms > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-forms > .forms > .form
{
	cursor: pointer;
}
.page.guilds-guild-forms > .forms > .form > .content
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-forms > .forms > .form > .content > .identity
{
	flex: 1;
}

/* Internal Stylesheets */
.page.guilds-guild-forms-labels > *:nth-child(n+2),
.page.guilds-guild-forms-labels > .labels > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-forms-labels > .heading + .guidance
{
	margin-top: 0px;
}
.page.guilds-guild-forms-labels > .search
{
	max-width: 600px;
}
.page.guilds-guild-forms-labels > .labels
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
/* Internal Stylesheets */
.page.guilds-guild-roles > *:nth-child(n+2):not(.guidance),
.page.guilds-guild-roles > .roles > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-roles > .search
{
	max-width: 600px;
}
.page.guilds-guild-roles > .roles
{
	width: 100%;
}
.page.guilds-guild-groups > *:nth-child(n+2):not(.guidance),
.page.guilds-guild-groups > .groups > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-groups > .search
{
	max-width: 600px;
}
.page.guilds-guild-groups > .groups
{
	width: 100%;
}
/* Identity */
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .identity
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .identity > .type
{
	font-weight: normal;
	line-height: 0px;
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .identity > .name
{
	margin-top: 4px;
}

/* Skip to section */
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .contents > .sections
{
	--vertical-spacing-standard: 4px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Permission Types */
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > *:nth-child(n+2),
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories,
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types
{
	width: 100%;
}

/* Label */
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .label
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .label > .identity
{
	padding-right: 20px;
	max-width: 410px;
}

/* State */
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .label > .state,
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .label > .subjects-preview
{
	margin-left: auto;
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .label > .state > *:nth-child(n+2)
{
	margin-top: 6px;
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .label > .state > .negate-mode
{
	font-style: italic;
}
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .categories > .category > .types > .type > .state > .subjects
{
	margin-top: 2px;
}

/* Unexpected Agent Type Message */
.page.guilds-guild-permissions-permissions-agent-type-permissions-agent > .unexpected-agent-type-message
{
	margin-top: 0px;
}
.page.guilds-guild-permissions > *:nth-child(n+2):not(.guidance),
.page.guilds-guild-permissions > .permissions > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-permissions > .search
{
	max-width: 600px;
}

/* Filters */
.page.guilds-guild-permissions > .filters-toggle-expand + .options
{
	margin-top: 4px;
}

/* Agents */
.page.guilds-guild-permissions > .agents
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.page.guilds-guild-permissions > .agents > .agent
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.page.guilds-guild-permissions > .agents > .agent:nth-child(n+2)
{
	margin-top: 10px;
}
.page.guilds-guild-permissions > .agents > .agent > .type
{
	font-size: 0.8rem;
	color: var(--text-color-less);
}

/* Internal Stylesheets */
.page.guilds-guild-invites > *:nth-child(n+2),
.page.guilds-guild-invites > .invites > *:nth-child(n+2)
{
	margin-top: 20px;
}
.page.guilds-guild-invites > .guidance
{
	margin-top: 0px;
}
.page.guilds-guild-invites > .search
{
	max-width: 600px;
}
.page.guilds-guild-invites > .invites
{
	width: 100%;
}
.page.guilds-guild-invites > .invites > .card-standard > .card-section-standard.items
{
	display: flex;
	flex-direction: column;
}
.page.guilds-guild-invites > .create-invite > .card-section-standard.details > .paragraph-standard.footnote,
.page.guilds-guild-invites > .invites > .invite > .card-section-standard.details > .paragraph-standard.footnote
{
	margin-top: 0px;
}
.page.guilds-guild-invites > .invites > .card-standard > .card-section-standard > .item > .roles
{
	margin-top: 4px;
}
/* Internal Stylesheets */
.page.guilds-guild-settings > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-settings > .card-standard > .card-section-standard > .logo.file-input-standard > .content
{
	overflow: hidden;
	border-radius: 50%;
}
.page.guilds-guild-recruitment-games-game > *
{
	max-width: 600px;
}
.page.guilds-guild-recruitment-games-game > *:nth-child(n+3)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-recruitment-games-game > * > *:nth-child(n+3)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
/* Not Recruiting */
.page.guilds-guild-recruitment > .not-recruiting > .content > .heading
{
	font-weight: bold;
}
.page.guilds-guild-recruitment > .not-recruiting > .content > .description
{
	margin-top: 4px;
}
.page.guilds-guild-recruitment > .not-recruiting > .content > .button
{
	margin-top: 12px;
}

/* Recruitment */
.page.guilds-guild-recruitment > *:not(.button-standard)
{
	width: 100%;
	max-width: 600px;
}
.page.guilds-guild-recruitment > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-recruitment > .heading-standard + .paragraph-standard.footnote
{
	margin-top: unset;
}
.page.guilds-guild-recruitment > .settings > .card-section-standard > .heading-standard + .paragraph-standard
{
	margin-top: 0px;
}
.page.guilds-guild-recruitment > .filters-legacy
{
	width: 100%;
}

/* Filters */
.page.guilds-guild-recruitment > .filters > .list,
.page.guilds-guild-recruitment-games-game > .filters > .list
{
	display: flex;
	flex-direction: column;
}
.page.guilds-guild-recruitment > .filters > .description,
.page.guilds-guild-recruitment-games-game > .filters > .description
{
	max-width: 600px;
}
.page.guilds-guild-recruitment > .filters > .list > .filter,
.page.guilds-guild-recruitment-games-game > .filters > .list > .filter
{
	margin-top: var(--vertical-spacing-standard);
	max-width: 600px;
}
.page.guilds-guild-recruitment > .filters > .list > .filter > *:nth-child(n+2),
.page.guilds-guild-recruitment-games-game > .filters > .list > .filter > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.guilds-guild-recruitment > .filters > .list > .filter.age-requirement > .age-bounds
{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.page.guilds-guild-recruitment > .filters > .list > .filter.age-requirement > .age-bounds > .age-bound
{
	width: 100px;
}
.page.guilds-guild-recruitment > .filters > .list > .filter.age-requirement > .age-bounds > .age-bound:nth-child(n+2)
{
	margin-left: 20px;
}

/* Filters Legacy */
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter,
.page.guilds-guild-recruitment-games-game > .filters-legacy > .filters > .filters > .filter
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter.options > .content > .options,
.page.guilds-guild-recruitment-games-game > .filters-legacy > .filters > .filters > .filter.options > .content > .options
{
	max-height: 300px;
	overflow-y: scroll;
}
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter > .name,
.page.guilds-guild-recruitment-games-game > .filters-legacy > .filters > .filters > .filter > .name,
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter.options > .content > .options > .option > .name,
.page.guilds-guild-recruitment-games-game > .filters-legacy > .filters > .filters > .filter.options > .content > .options > .option > .name
{
	text-align: left;
}
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter.options > .content > .options > .option > .name > .loading-icon-standard,
.page.guilds-guild-recruitment-games-game > .filters-legacy > .filters > .filters > .filter.options > .content > .options > .option > .name > .loading-icon-standard
{
	--size: 0.8rem;
	width: var(--size);
	height: var(--size);
}

/* Filter: Age Requirement */
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter.age-requirement > .content > *
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter.age-requirement > .content > .text-input-placeholder-standard
{
	max-width: 300px;
	width: 100%;
}

/* Filter: Age Requirement */
.page.guilds-guild-recruitment > .filters-legacy > .filters > .filters > .filter.availability > .content > *
{
	margin-top: var(--vertical-spacing-standard);
}

/* Games */
.page.guilds-guild-recruitment > .games
{
	--column-spacing: var(--vertical-spacing-standard);
	--column-spacing--half: calc(var(--column-spacing) / 2);
	--column-spacing--half-inverse: calc(var(--column-spacing--half) * -1);
	--column-width: 300px;
}
.page.guilds-guild-recruitment > .games,
.page.guilds-guild-recruitment > .games > .games-wrapper,
.page.guilds-guild-recruitment > .games > .games-wrapper > .games,
.page.create-guild > .input > .recruitment > .games
{
	width: 100%;
}
.page.guilds-guild-recruitment > .games > .text-input-placeholder-standard
{
	max-width: calc((var(--column-width) * 3) + (var(--column-spacing) * 2));
}
.page.guilds-guild-recruitment > .games > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-recruitment > .games > .heading-standard + .text-input-placeholder-standard
{
	margin-top: 0px;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games,
.page.create-guild > .input > .recruitment > .games > .list,
.page.games > .games-wrapper > .games
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	overflow: hidden;
	margin: var(--column-spacing--half-inverse);
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game,
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .add-game,
.page.create-guild > .input > .recruitment > .games > .list > .game,
.page.create-guild > .input > .recruitment > .games > .list > .add-game,
.page.games > .games-wrapper > .games > .game
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: var(--column-spacing--half);
	border-radius: 6px;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game,
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .add-game,
.page.create-guild > .input > .recruitment > .games > .list > .game,
.page.create-guild > .input > .recruitment > .games > .list > .add-game
{
	width: var(--column-width);
	height: 100px;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game,
.page.create-guild > .input > .recruitment > .games > .list > .game,
.page.games > .games-wrapper > .games > .game
{
	box-shadow: var(--shadow-standard-large);
	cursor: pointer;
	transition: box-shadow 0.15s ease-in-out;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game:hover,
.page.create-guild > .input > .recruitment > .games > .list > .game:hover,
.page.games > .games-wrapper > .games > .game:hover
{
	box-shadow: var(--shadow-standard-active-large);
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game > .link,
.page.games > .games-wrapper > .games > .game > .link
{
	width: 100%;
	height: 100%;
}
.page.guilds-guild-recruitment > .games > .games-wrapper > .games > .game > .link > .image-loader-standard > .image,
.page.create-guild > .input > .recruitment > .games > .list > .game > .image-loader-standard > .image,
.page.games > .games-wrapper > .games > .game > .image-loader-standard > .image
{
	width: 100%;
	height: 100%;
}
.page.guilds-guild-recruitment > .games > .feedback-standard
{
	align-items: flex-start;
}
.page.guilds-guild-recruitment > .games > .feedback-standard > .message
{
	text-align: left;
}

/* Metrics */
.page.guilds-guild-recruitment > .metrics,
.page.guilds-guild-recruitment > .metrics > .chart
{
	width: 100%;
}
.page.guilds-guild-recruitment > .metrics > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-recruitment > .metrics > .chart > .content > .legend
{
	--grid-spacing: 10px;
}
.page.guilds-guild-recruitment > .metrics > .chart > .content > .legend > .item
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-recruitment > .metrics > .chart > .content > .legend > .item > .line
{
	width: 16px;
	height: 4px;
	border-radius: 2px;
}
.page.guilds-guild-recruitment > .metrics > .chart > .content > .legend > .item > .label
{
	margin-left: 10px;
}

/* Internal Stylesheets */
/* Description */
.page.guilds-guild-discord-notifications > .description
{
	margin-top: 0px;
}

/* No Discord Guild */
.page.guilds-guild-discord-notifications > .no-discord-guild,
.page.guilds-guild-discord-associations > .no-discord-guild
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-discord-notifications > .no-discord-guild > *:nth-child(n+2),
.page.guilds-guild-discord-associations > .no-discord-guild > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Roles */
.page.guilds-guild-discord-associations > .roles
{
	width: 100%;
}
.page.guilds-guild-discord-associations > .roles >  *:nth-child(n+2),
.page.guilds-guild-discord-associations > .roles > .list > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-discord-associations > .roles > .search
{
	max-width: 600px;
}
.page.guilds-guild-discord-associations > .roles > .list > .role > .association > .connect
{
	font-size: unset;
	font-style: unset;
}
.page.guilds-guild-discord-associations > .roles > .list > .role > .association > .name
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-discord-associations > .roles > .list > .role > .association > .name > .delete
{
	margin-left: 4px;
}
/* Description */
.page.guilds-guild-discord-notifications > .description
{
	margin-top: 0px;
}

/* Core */
.page.guilds-guild-discord-notifications > .subscriptions,
.page.guilds-guild-discord-notifications > .subscriptions > .channels > *:nth-child(n+2),
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Create */
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .create > .wrapper > .content > .channel-issue,
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .identity > .name > .issue
{

	color: var(--text-color-negative);
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .create > .wrapper > .content > .channel-issue
{
	margin-top: 6px;
}

/* Subscriptions */
.page.guilds-guild-discord-notifications > .subscriptions
{
	width: 100%;
}

/* Channels */
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .identity
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .identity > .name
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-right: 20px;
	flex: 1;
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .identity > .delete
{
	margin-left: auto;
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscribe
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

/* Types */
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscribe > .select-component-standard
{
	flex: 1;
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscribe > .loading-icon-standard
{
	margin-left: var(--vertical-spacing-standard);
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .subjects > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
@media (max-width: 400px)
{
	.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core
	{
		flex-direction: column;
	}
	.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core > .actions > .content
	{
		flex-direction: column;
		flex-wrap: unset;
		justify-content: stretch;
	}
	.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core > *:nth-child(n+2)
	{
		margin-top: var(--vertical-spacing-standard);
	}
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core > .checkbox-standard
{
	padding-right: 20px;
	flex: 1;
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core > .actions > .content
{
	--grid-spacing: 10px;
	margin-left: auto;
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .core > .checkbox-standard > .description > .loading-icon-standard
{
	--size: 20px;
	width: var(--size);
	height: var(--size);
}

/* Template */
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .template > .text-input-placeholder-standard.warning > .input-area > .input
{
	border-bottom-color: var(--text-color-warning);
	box-shadow: var(--border-shadow-base) var(--text-color-warning);
}
.page.guilds-guild-discord-notifications > .subscriptions > .channels > .channel > .subscriptions > .subscription > .template > .warning-message
{
	margin-top: 6px;
	color: var(--text-color-warning);
}
/* Description */
.page.guilds-guild-discord-messages > .description
{
	margin-top: 0px;
}

/* Core */
.page.guilds-guild-discord-messages > .messages
{
	margin-top: var(--vertical-spacing-standard);
}

/* Create */
.page.guilds-guild-discord-messages > .messages > .create > .wrapper > .content > .channel-issue,
.page.guilds-guild-discord-messages > .messages > .message > .identity > .channel-issue
{
	color: var(--text-color-negative);
}
.page.guilds-guild-discord-messages > .messages > .create > .wrapper > .content > .channel-issue
{
	margin-top: 6px;
}

/* Messages */
.page.guilds-guild-discord-messages > .messages
{
	width: 100%;
}
.page.guilds-guild-discord-messages > .messages > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-discord-messages > .messages > .message > .identity > .forms > *:nth-child(n+2),
.page.guilds-guild-discord-messages > .messages > .message > .identity > .roles > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds-guild-discord > .header + .description
{
	margin-top: 0px;
}
.page.guilds-guild-discord > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}

/* Connect */
.page.create-guild > .input > .input > .discord
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.page.guilds-guild-discord > .connect > .discord-guilds > .list,
.page.create-guild > .input > .input > .discord > .guilds
{
	--padding-vertical: 6px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow-y: scroll;
	margin-top: calc(var(--vertical-spacing-standard) / 2);
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	align-self: stretch;
	max-height: 1000px;
}
.page.create-guild > .input > .input > .discord > .guilds.hide
{
	display: none;
}
.page.create-guild > .input > .input > .discord > .guilds > .footnote + .connect-discord-account
{
	margin-top: 20px;
}
.page.guilds-guild-discord > .connect > .content > .guilds > .guild,
.page.create-guild > .input > .input > .discord > .guilds > .guild
{
	--margin-horizontal: 6px;
	display: block;
	margin-left: var(--margin-horizontal);
	margin-right: var(--margin-horizontal);
	width: calc(100% - (var(--margin-horizontal) * 2));
	cursor: pointer;
}
.page.guilds-guild-discord > .connect > .content > .guilds > .guild:nth-child(n+2),
.page.create-guild > .input > .input > .discord > .guilds > .guild:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.guilds-guild-discord > .connect > .content > .guilds > .guild > .identity,
.page.create-guild > .input > .input > .discord > .guilds > .guild > .identity
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-discord > .connect > .content > .guilds > .guild > .identity > .logo,
.page.create-guild > .input > .input > .discord > .guilds > .guild > .identity > .logo
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.guilds-guild-discord > .connect > .content > .guilds > .guild > .identity > .name,
.page.create-guild > .input > .input > .discord > .guilds > .guild > .identity > .name
{
	margin-left: var(--vertical-spacing-standard);
}

/* Identity */
.page.guilds-guild-discord > .guild > .identity > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.guilds-guild-discord > .guild > .identity
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.page.guilds-guild-discord > .guild > .identity > .core
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-discord > .guild > .identity > .core > .logo
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.guilds-guild-discord > .guild > .identity > .core > .text
{
	margin-left: var(--vertical-spacing-standard);
}
.page.guilds-guild-discord > .guild > .settings > .checkbox-standard > .loading-icon-standard
{
	--size: 20px;
	margin-top: 4px;
	width: var(--size);
	height: var(--size);
}

/* Synchronise */
.page.guilds-guild-discord > .guild > .synchronise > *:nth-child(n+2)
{
	margin-top: 6px;
}

/* Internal Stylesheets */
/* Page */
.page.guilds-guild-premium > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.guilds-guild-premium > .heading + .description
{
	margin-top: 0px;
}

/* Subscription */
.page.guilds-guild-premium > .subscription > .subscriber
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.guilds-guild-premium > .subscription > .subscriber > .avatar
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.guilds-guild-premium > .subscription > .subscriber > .text
{
	margin-left: 20px;
}
.page.guilds-guild-premium > .subscription > .guidance > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}

/* Tiers */
.page.guilds-guild-premium > .tiers
{
	--vertical-spacing: 20px;
	display: flex;
	flex-direction: row;
	width: 100%;
	max-width: 800px;
}
.page.guilds-guild-premium > .tiers > .tier
{
	--padding-horizontal: 20px;
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	width: calc(33% - var(--padding-horizontal));
	display: flex;
	flex-direction: column;
}
.page.guilds-guild-premium > .tiers > .tier:first-child
{
	padding-left: unset;
}
.page.guilds-guild-premium > .tiers > .tier:last-child
{
	padding-right: unset;
}
.page.guilds-guild-premium > .tiers > .tier > .name
{
	font-weight: bold;
}
.page.guilds-guild-premium > .tiers > .tier > .description
{
	margin-top: var(--vertical-spacing);
	font-weight: bold;
}
.page.guilds-guild-premium > .tiers > .tier > .features
{
	margin-top: var(--vertical-spacing);
	margin-bottom: var(--vertical-spacing);
}
.page.guilds-guild-premium > .tiers > .tier > .features > .feature
{
	margin-left: 20px;
	list-style: disc;
}
.page.guilds-guild-premium > .tiers > .tier > .features > .feature:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing) / 2);
}
.page.guilds-guild-premium > .tiers > .tier > .action
{
	margin-top: auto;
}
.page.guilds-guild-premium > .tiers > .tier > .action > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing) / 2);
}
.page.guilds-guild-premium > .tiers > .tier > .action > .submit
{
	width: 100%;
}
@media (max-width: 799px)
{
	.page.guilds-guild-premium > .tiers
	{
		flex-direction: column;
	}
	.page.guilds-guild-premium > .tiers > .tier
	{
		padding-left: unset;
		padding-right: unset;
		width: 100%;
	}
	.page.guilds-guild-premium > .tiers > .tier:nth-child(n+2)
	{
		margin-top: var(--vertical-spacing);
	}
	.page.guilds-guild-premium > .tiers > .tier > .action > .submit
	{
		width: auto;
	}
}
/* Internal Stylesheets */
/* Internal Stylesheets */
.page.guilds > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.guilds > .guilds
{
	width: 100%;
}
.page.guilds > .guilds > .list
{
	--spacing: 40px;
	--spacing-half: calc(var(--spacing) / 2);
	--spacing-inverse: calc(var(--spacing) * -1);
	--spacing-inverse-half: calc(var(--spacing-inverse) / 2);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: var(--spacing-inverse-half);
}
.page.guilds > .guilds > .list > *:nth-child(n+2)
{
	margin-top: 40px;
}
.page.guilds > .guilds > .list > .guild
{
	margin: var(--spacing-half);
	width: 100%;
	max-width: 200px;
	cursor: pointer;
}
.page.guilds > .guilds > .list > .guild > .content
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.page.guilds > .guilds > .list > .guild > .content > .logo
{
	overflow: hidden;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	box-shadow: var(--shadow-standard);
}
.page.guilds > .guilds > .list > .guild > .content > .logo > .image > .image
{
	width: 100%;
	height: 100%;
}
.page.guilds > .guilds > .list > .guild > .content > .name
{
	margin-top: 20px;
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color);
	text-align: center;
}
.page.guilds > .guilds > .list > .guild.create-guild
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: default;
}

/* Internal Stylesheets */
.page-container > .page-body > .page.email-verifications-email-verification > .card-standard
{
	width: 100%;
	max-width: 400px;
}
.page-container > .page-body > .page.email-verifications-email-verification > .card-standard > .card-section-standard
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.page-container > .page-body > .page.email-verifications-email-verification > .card-standard > .card-section-standard > .json
{
	width: 100%;
}
.page-container > .page-body > .page.email-verifications-email-verification > .card-standard > .card-section-standard > .json > .property
{
	display: flex;
	flex-direction: row;
}
.page-container > .page-body > .page.email-verifications-email-verification > .card-standard > .card-section-standard > .json > .property > .key,
.page-container > .page-body > .page.email-verifications-email-verification > .card-standard > .card-section-standard > .json > .property > .value
{
	width: 50%;
}
.page-container > .page-body > .page.password-resets-password-reset > .card-standard
{
	width: 100%;
	max-width: 400px;
}
.identity-redirect-standard
{
	width: 100%;
	max-width: 400px;
}
.identity-redirect-standard > .card-section-standard
{
	--padding-vertical: 48px;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
}
.identity-redirect-standard > .card-section-standard > *:nth-child(n+2)
{
	margin-top: 30px;
}
.page.invites-invite-token > .invite
{
	max-width: 400px;
}
.page.invites-invite-token > .invite > .content > *:nth-child(n+2)
{
	margin-top: 20px;
}
.page.invites-invite-token > .invite > .content > .image-loader-standard
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
	box-shadow: var(--shadow-standard);
	border-radius: 50%;
}
.page.invites-invite-token > .invite > .content > .login
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.page.invites-invite-token > .invite > .content > .login > *:nth-child(n+2)
{
	margin-top: 10px;
}
.page.invites-invite-token > .invite > .content > .roles
{
	display: flex;
	flex-direction: column;
	margin-top: 0px;
}
/* Internal Stylesheets */
/* Standard */
.page.forms-form > .form > .header,
.form-submission-standard > .header,
.page.guilds-guild-forms-submissions > .submissions > .date > .submissions > .submission > .card-section-standard
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.forms-form > .form > .header > .logo,
.form-submission-standard > .header > .logo,
.form-submission-standard > .header > .avatar,
.page.guilds-guild-forms-submissions > .submissions > .date > .submissions > .submission > .card-section-standard > .avatar
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.forms-form > .form > .header > .text,
.form-submission-standard > .header > .text,
.page.guilds-guild-forms-submissions > .submissions > .date > .submissions > .submission > .card-section-standard > .text
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: var(--vertical-spacing-standard);
}
.page.forms-form > .form > .elements > *:nth-child(n+2),
.form-submission-standard > .elements > *:nth-child(n+2),
.page.guilds-guild-forms-submissions > .submissions > .date > .submissions > .submission > .elements > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 3);
}

/* Guild */
.page.forms-form > .form > .header > .text > .guild,
.form-submission-standard > .header > .text > .guild
{
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
@media (any-hover: hover)
{
	.page.forms-form > .form > .header > .text > .guild:hover,
	.form-submission-standard > .header > .text > .guild:hover
	{
		color: var(--text-color-active);
	}
}

/* State */
.page.forms-form > .form > .header > .text > .tooltip-label-standard > .label
{
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
}
.page.forms-form > .form > .header > .text > .tooltip-label-standard > .button > .icon
{
	color: var(--text-color-less);
}

/* Login */
.page.forms-form > .form > .login > *:nth-child(n+2)
{
	margin-top: 4px;
}

/* Submissions */
.page.forms-form > .form > .submissions > .list
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Element: Text Input */
.form-text-input-standard.disabled > .input-area > .input
{
	color: var(--text-color);
}

/* Element: Options */
.form-options-standard > .core
{
	display: flex;
	flex-direction: column;
	padding-bottom: 12px;
	border-bottom: 1px var(--text-color-less) solid;
	transition: border-bottom 0.15s ease-in-out;
}
.form-options-standard.invalid > .core
{
	border-bottom-color: var(--text-color-negative);
}
.form-options-standard > .core > .label
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color-less);
	cursor: default;
}
.form-options-standard > .core > .list
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow-y: scroll;
	margin-top: calc(var(--vertical-spacing-standard) / 2);
	max-height: 200px;
}
.form-options-standard > .core > .list > .option
{
	text-align: left;
	width: 100%;
	font-family: var(--font-standard);
	font-size: 0.9rem;
	color: var(--text-color-less);
	cursor: pointer;
	transition: color 0.15s ease-in-out;
}
.form-options-standard > .core > .list > .option.selected
{
	color: var(--text-color);
}
@media (any-hover: hover)
{
	.form-options-standard > .core > .list > .option:hover
	{
		color: var(--text-color);
	}
}
.form-options-standard.disabled > .core > .list > .option
{
	cursor: not-allowed;
}
.form-options-standard > .core > .list > .option:nth-child(n+2)
{
	margin-top: 4px;
}
.form-options-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
	cursor: default;
}
.form-options-standard > .validation
{
	margin-top: 4px;
	color: var(--text-color-negative);
}

/* Element: Identity */
.form-identity-standard > .core
{
	display: flex;
	flex-direction: column;
	padding-bottom: 12px;
	border-bottom: 1px var(--text-color-less) solid;
	transition: border-bottom 0.15s ease-in-out;
}
.form-identity-standard.invalid > .core
{
	border-bottom-color: var(--text-color-negative);
}
.form-identity-standard > .core > .label
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color-less);
	cursor: default;
}
.form-identity-standard > .core > .identities
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow-y: scroll;
	max-height: 200px;
}
.form-identity-standard > .core > .identities,
.form-identity-standard > .core > .identity
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.form-identity-standard > .core > .identities > .identity,
.form-identity-standard > .core > .identity
{
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: left;
	width: 100%;
	font-family: var(--font-standard);
	font-size: 0.9rem;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
}
.form-identity-standard > .core > .identity
{
	cursor: default;
}
.form-identity-standard > .core > .identities > .identity
{
	cursor: pointer;
}
.form-identity-standard > .core > .identities > .identity > .text
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.form-identity-standard > .core > .identities > .identity:hover,
.form-identity-standard > .core > .identities > .identity:focus,
.form-identity-standard > .core > .identities > .identity:hover > .text > .platform,
.form-identity-standard > .core > .identities > .identity:focus > .text > .platform
{
	color: var(--text-color);
}
.form-identity-standard > .core > .identities > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.form-identity-standard > .core > .identities > .identity > .image-loader-standard,
.form-identity-standard > .core > .identity > .image-loader-standard
{
	--size: 48px;
	width: var(--size);
	height: var(--size);
	transition: filter 0.15s ease-in-out;
}
.form-identity-standard > .core > .identities > .identity > .text,
.form-identity-standard > .core > .identity > .text
{
	margin-left: 10px;
}
.form-identity-standard > .core > .identities > .identity:disabled
{
	color: var(--text-color-less-0);
	cursor: not-allowed;
}
.form-identity-standard > .core > .identities > .identity:disabled > .image-loader-standard
{
	filter: grayscale(1);
}
.form-identity-standard > .core > .identities > .identity > .text > .name
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.form-identity-standard > .core > .identities > .identity > .text > .name > .loading-icon-standard
{
	--size: 30px;
	margin-left: calc(var(--vertical-spacing-standard) / 2);
	width: var(--size);
	height: var(--size);
}
.form-identity-standard > .core > .identities > .identity > .text > .invalid
{
	font-size: 0.8rem;
	font-style: italic;
}
.form-identity-standard > .core > .identity > .text > .username
{
	--username-text-color: var(--text-color);
}
.form-identity-standard > .core > .identity > .text > .username:not(.anchor-standard)
{
	color: var(--username-text-color);
}
.form-identity-standard > .core > .identity > .text > .username.anchor-standard
{
	--anchor-standard-inactive-color: var(--username-text-color);
	display: flex;
	flex-direction: row;
	align-items: center;
}
.form-identity-standard > .core > .identity > .text > .username.anchor-standard > .icon
{
	margin-left: 4px;
	font-size: 0.6rem;
}
.form-identity-standard > .core > .identities > .identity > .text > .platform
{
	transition: color 0.15s ease-in-out;
}
.form-identity-standard > .core > .identities > .identity:disabled > .text > .platform
{
	color: var(--text-color-0);
}
.form-identity-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
	cursor: default;
}
.form-identity-standard > .validation
{
	margin-top: 4px;
	color: var(--text-color-negative);
}

/* Element: Checkbox */
.form-checkbox-standard > .validation
{
	margin-top: 4px;
	color: var(--text-color-negative);
}
.form-checkbox-standard.invalid > .checkbox-standard > .core
{
	border-bottom-color: var(--text-color-negative);
}

/* Element: Datetime */
.form-datetime-standard > .validation
{
	margin-top: 4px;
	color: var(--text-color-negative);
}
.form-datetime-standard > .datetime-standard > .text-input-placeholder-standard > .input-area > .input
{
	color: var(--text-color);
}
.form-datetime-standard.invalid > .datetime-standard > .text-input-placeholder-standard > .input-area > .input
{
	border-bottom-color: var(--text-color-negative);
}

/* Element: Availability */
.form-availability-standard > .core
{
	display: flex;
	flex-direction: column;
	padding-bottom: 12px;
	border-bottom: 1px var(--text-color-less) solid;
	transition: border-bottom 0.15s ease-in-out;
}
.form-availability-standard.invalid > .core
{
	border-bottom-color: var(--text-color-negative);
}
.form-availability-standard > .core > .label
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color-less);
	cursor: default;
}
.form-availability-standard > .core > .privacy
{
	margin-top: 4px;
}
.form-availability-standard > .core > .privacy > .message
{
	font-size: 0.9rem;
	font-style: italic;
	color: var(--text-color-less);
}
.form-availability-standard > .core > .privacy > .button
{
	margin-top: 8px;
}
.form-availability-standard > .core > .guidance,
.form-availability-standard > .core > .availability-grid-standard
{
	margin-top: 4px;
}
.form-availability-standard > .description,
.form-availability-standard > .timezone
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
	cursor: default;
}
.form-availability-standard > .validation
{
	margin-top: 4px;
	color: var(--text-color-negative);
}

/* Availability Grid */
.availability-grid-standard
{
	--background-color-selected: #282828;
	--background-color-focused: #383838;
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.availability-grid-standard > .row
{
	display: flex;
	flex-direction: row;
}
.availability-grid-standard > .row > .cell
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	max-width: 70px;
	height: 30px;
	color: var(--text-color-less);
	border: 2px solid transparent;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.availability-grid-standard > .row > .cell.selectable
{
	user-select: none;
}
@media (any-hover: hover)
{
	.availability-grid-standard:not(.locked) > .row > .cell.selectable
	{
		cursor: pointer;
	}
	.availability-grid-standard:not(.locked) > .row > .cell.selectable:hover,
	.availability-grid-standard:not(.locked) > .row > .cell.selectable:focus
	{
		border-color: var(--anchor-standard-active-color);
	}
}
.availability-grid-standard > .row > .cell.selected
{
	background-color: var(--background-color-selected);
}

/* Element: File Input */
.form-file-input-standard > .core
{
	display: flex;
	flex-direction: column;
	padding-bottom: 12px;
	border-bottom: 1px var(--text-color-less) solid;
	transition: border-bottom 0.15s ease-in-out;
}
.form-file-input-standard.invalid > .core
{
	border-bottom-color: var(--text-color-negative);
}
.form-file-input-standard > .core > .label
{
	font-family: var(--font-standard);
	font-size: 1rem;
	color: var(--text-color-less);
	cursor: default;
}
.form-file-input-standard > .core > .files
{
	display: flex;
	flex-direction: column;
	margin-top: 6px;
}
.form-file-input-standard > .description
{
	margin-top: 4px;
	font-family: var(--font-standard);
	font-size: 0.8rem;
	font-style: italic;
	color: var(--text-color-less);
	transition: color 0.15s ease-in-out;
	cursor: default;
}
/* Internal Stylesheets */
.page.help-guides-help-guide
{
	max-width: 700px;
}
.page.help-guides-help-guide > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
/* Internal Stylesheets */
.page.help > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.help > .contact > *:nth-child(n+3)
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.help > .guides,
.page.help > .guides > .list,
.page.help > .contact
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Internal Stylesheets */
.page.donate > .content
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 600px;
}
.page.donate > .content > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
@media (max-width: 600px)
{
	.page.donate > .content > .message
	{
		font-size: 1.5rem;
	}
}
.page.donate > .content > .link
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.contact-us > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.legal-terms > *:nth-child(n+2),
.page.legal-privacy-policy > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.legal-terms > .heading-standard:nth-child(n+2),
.page.legal-privacy-policy > .heading-standard:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 3);
}
.page.legal-terms > .heading-standard + *,
.page.legal-privacy-policy > .heading-standard + *
{
	margin-top: 0px;
}
/* Internal Stylesheets */
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > *:nth-child(n+2),
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > .event-data > *:nth-child(n+2),
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > .response > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > .event-data,
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > .response
{
	width: 100%;
}
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > .event-data > .event > .content,
.page.developers-bots-bot-webhooks-webhook-events-webhook-event-attempts-webhook-event-attempt > .response > .body > .content
{
	--tab-size: 4;
	font-family: 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace';
	tab-size: var(--tab-size);
	-moz-tab-size: var(--tab-size);
	-o-tab-size: var(--tab-size);
	background-color: unset;
}
/* Internal Stylesheets */
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > *:nth-child(n+2),
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > .attempts > *:nth-child(n+2),
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > .attempts > .list > .attempt:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > .attempts
{
	width: 100%;
}
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > .attempts > .list > .attempt
{
	display: block;
}
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > .attempts > .list > .attempt > .content
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.developers-bots-bot-webhooks-webhook-events-webhook-event > .attempts > .list > .attempt > .content > .time
{
	margin-left: 8px;
}

/* Internal Stylesheets */
/* Internal Stylesheets */
.page.developers-bots-bot-webhooks-webhook > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.developers-bots-bot-webhooks-webhook > .heading + *,
.page.developers-bots-bot-webhooks-webhook > .events > .list,
.page.developers-bots-bot-webhooks-webhook > .events > .list > *:nth-child(n+2),
.page.developers-bots-bot-webhooks-webhook > .subscriptions > .list,
.page.developers-bots-bot-webhooks-webhook > .subscriptions > .list > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.developers-bots-bot-webhooks-webhook > .events,
.page.developers-bots-bot-webhooks-webhook > .subscriptions
{
	width: 100%;
}

/* Webhook */
.page.developers-bots-bot-webhooks-webhook > .webhook > .input > .secret
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.developers-bots-bot-webhooks-webhook > .webhook > .input > .secret > .copy.paragraph-standard
{
	margin-left: 4px;
}
.page.developers-bots-bot-webhooks-webhook > .webhook > .input > .secret > .value,
.page.developers-bots-bot-webhooks-webhook > .webhook > .input > .secret > .copy
{
	cursor: pointer;
}

/* Events */
.webhook-event-standard
{
	display: block;
}
.webhook-event-standard > .card-section-standard
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.webhook-event-standard > .card-section-standard > .right
{
	margin-left: var(--vertical-spacing-standard);
}

/* Webhook Status */
.webhook-status-standard
{
	--padding-vertical: calc(var(--padding-horizontal) / 3);
	--padding-horizontal: 6px;
	display: inline-block;
	padding-top: var(--padding-vertical);
	padding-bottom: var(--padding-vertical);
	padding-left: var(--padding-horizontal);
	padding-right: var(--padding-horizontal);
	border-radius: 4px;
	font-family: var(--font-standard);
	font-size: 0.9rem;
	color: var(--text-color);
	cursor: default;
}
.webhook-status-standard.pending
{
	background-color: var(--background-color-2);
}
.webhook-status-standard.error
{
	background-color: var(--text-color-negative-active);
}
.webhook-status-standard.success
{
	background-color: var(--text-color-positive-active);
}
.webhook-status-standard.unset-cursor
{
	cursor: unset;
}

/* Internal Stylesheets */
.page.developers-bots-bot > *:nth-child(n+2),
.page.developers-bots-bot > .tokens > *:nth-child(n+2),
.page.developers-bots-bot > .tokens > .list > *:nth-child(n+2),
.page.developers-bots-bot > .webhooks > *:nth-child(n+2),
.page.developers-bots-bot > .webhooks > .list > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.developers-bots-bot > .tokens,
.page.developers-bots-bot > .webhooks
{
	width: 100%;
}
.page.developers-bots-bot > .tokens > .list,
.page.developers-bots-bot > .webhooks > .list
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Internal Stylesheets */
.page.developers-bots > *:nth-child(n+2),
.page.developers-bots > .bots > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.developers-bots > .bots
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.page.developers-bots > .bots > .bot > .identity
{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.page.developers-bots > .bots > .bot > .identity > .avatar
{
	--size: 64px;
	width: var(--size);
	height: var(--size);
}
.page.developers-bots > .bots > .bot > .identity > .username
{
	margin-left: var(--vertical-spacing-standard);
}

/* Internal Stylesheets */
/* Internal Stylesheets */
.page.admin-explorer-filters > .filters
{
	width: 100%;
}
.page.admin-explorer-filters > .admin-filters-standard > *:nth-child(n+2),
.page.admin-explorer-filters > .filters > *:nth-child(n+2),
.page.admin-explorer-filters > .filters > .admin-filters-standard > .filters > .filter.options > .card-section-standard > .content > .options > .create > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.admin-explorer-filters > .admin-filters-standard
{
	margin-top: calc(var(--vertical-spacing-standard) / 2);
}
.page.admin-explorer-games-game > .filters,
.page.admin-explorer-games-game > .general
{
	width: 100%;
}
.page.admin-explorer-games-game > *:nth-child(n+2)
{
	margin-top: calc(var(--vertical-spacing-standard) * 2);
}
.page.admin-explorer-games-game > .heading + *
{
	margin-top: var(--vertical-spacing-standard);
}

/* General */
.page.admin-explorer-games-game > .general > *:nth-child(n+3)
{
	margin-top: 20px;
}

/* Filters */
.page.admin-explorer-games-game > .filters > *:nth-child(n+2)
{
	margin-top: 10px;
}
.page.admin-explorer-games > *:nth-child(n+2)
{
	margin-top: 20px;
}
.page.admin-explorer-games > .create,
.page.admin-explorer-games > .games,
.page.admin-explorer-games > .games > .games > .game > .anchor-standard
{
	width: 100%;
}
.page.admin-explorer-games > .create > *:nth-child(n+2),
.page.admin-explorer-games > .games > *:nth-child(n+2),
.page.admin-explorer-games > .games > .games > *:nth-child(n+2)
{
	margin-top: 10px;
}

/* Internal Stylesheets */
/* Internal Stylesheets */
.page.admin-help-guides-help-guide > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.admin-help-guides > *:nth-child(n+2)
{
	margin-top: var(--vertical-spacing-standard);
}
.page.admin-help-guides > .guides
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* Internal Stylesheets */
/* Internal Stylesheets */
/* Internal Stylesheets */
/* Internal Stylesheets */
/* Internal Stylesheets */
