.progress.svelte-1rdfnyh {
	background-color: fade(--blue, 15%);
	height: 4px;
	position: fixed;
	top: 0;
	z-index: 1000;
	height: 4px;
	width: 100%;
	border-radius: 2px;
	background-clip: padding-box;
	overflow: hidden
}

.inner.svelte-1rdfnyh {
	background-color: var(--blue)
}

.inner.svelte-1rdfnyh:before {
	content: "";
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: svelte-1rdfnyh-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation: svelte-1rdfnyh-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}

.inner.svelte-1rdfnyh:after {
	content: "";
	position: absolute;
	background-color: inherit;
	top: 0;
	left: 0;
	bottom: 0;
	will-change: left, right;
	-webkit-animation: svelte-1rdfnyh-indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation: svelte-1rdfnyh-indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s
}

@-webkit-keyframes svelte-1rdfnyh-indeterminate {
	0% {
		left: -35%;
		right: 100%
	}

	60% {
		left: 100%;
		right: -90%
	}

	100% {
		left: 100%;
		right: -90%
	}
}

@keyframes svelte-1rdfnyh-indeterminate {
	0% {
		left: -35%;
		right: 100%
	}

	60% {
		left: 100%;
		right: -90%
	}

	100% {
		left: 100%;
		right: -90%
	}
}

@-webkit-keyframes svelte-1rdfnyh-indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}

	60% {
		left: 107%;
		right: -8%
	}

	100% {
		left: 107%;
		right: -8%
	}
}

@keyframes svelte-1rdfnyh-indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}

	60% {
		left: 107%;
		right: -8%
	}

	100% {
		left: 107%;
		right: -8%
	}
}

.fa-icon.svelte-1dof0an {
	display: inline-block;
	fill: currentColor
}

.fa-flip-horizontal.svelte-1dof0an {
	transform: scale(-1, 1)
}

.fa-flip-vertical.svelte-1dof0an {
	transform: scale(1, -1)
}

.fa-spin.svelte-1dof0an {
	animation: svelte-1dof0an-fa-spin 1s 0s infinite linear
}

.fa-inverse.svelte-1dof0an {
	color: #fff
}

.fa-pulse.svelte-1dof0an {
	animation: svelte-1dof0an-fa-spin 1s infinite steps(8)
}

@keyframes svelte-1dof0an-fa-spin {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

#top-bar.svelte-nbo9ih.svelte-nbo9ih {
	background: rgba(0, 0, 0, 0.33);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	padding: 5px 0
}

#top-bar.svelte-nbo9ih .top-bar-wrapper.svelte-nbo9ih {
	display: flex;
	align-items: center
}

#top-bar.svelte-nbo9ih #logo img.svelte-nbo9ih {
	width: 300px;
	height: auto
}

#top-bar.svelte-nbo9ih nav.svelte-nbo9ih {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap
}

@media screen and (max-width: 1024px) {
	#top-bar.svelte-nbo9ih .top-bar-wrapper.svelte-nbo9ih {
		flex-wrap: wrap;
		flex-direction: column
	}

	#top-bar.svelte-nbo9ih #logo.svelte-nbo9ih {
		padding: 2em 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%
	}

	#top-bar.svelte-nbo9ih nav.svelte-nbo9ih {
		justify-content: center
	}
}

@media screen and (max-width: 768px) {
	#top-bar.svelte-nbo9ih nav.svelte-nbo9ih {
		justify-content: flex-start;
		width: 100%;
		overflow-x: scroll
	}
}

.return-to-user.svelte-nbo9ih.svelte-nbo9ih {
	background: var(--red);
	color: white;
	text-align: center;
	padding: 0.5em 0;
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer
}

footer.svelte-1k5hi47.svelte-1k5hi47 {
	background: var(--greybg2)
}

.footer-wrapper.svelte-1k5hi47.svelte-1k5hi47 {
	padding: 30px 0;
	display: flex;
	align-self: flex-start;
	flex-wrap: nowrap;
	justify-content: space-between
}

@media(max-width: 640px) {
	.footer-wrapper.svelte-1k5hi47.svelte-1k5hi47 {
		flex-wrap: wrap
	}
}

.footer-wrapper.svelte-1k5hi47 .col.svelte-1k5hi47 {
	width: 30%
}

.footer-wrapper.svelte-1k5hi47 .col h3.svelte-1k5hi47 {
	font-size: 1.2em;
	margin-bottom: 20px;
	font-weight: 600
}

.footer-wrapper.svelte-1k5hi47 .col ul.svelte-1k5hi47 {
	padding: 0;
	list-style: none;
	color: var(--textwhite)
}

@media(max-width: 640px) {
	.footer-wrapper.svelte-1k5hi47 .col.svelte-1k5hi47 {
		width: 100%
	}

	.footer-wrapper.svelte-1k5hi47 .col.svelte-1k5hi47:not(:first-child) {
		margin-top: 25px;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		padding-top: 20px
	}
}

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

ul[class],
ol[class] {
	padding: 0
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0
}

body {
	min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	line-height: 1.5
}

ul[class],
ol[class] {
	list-style: none
}

a:not([class]) {
	text-decoration-skip-ink: auto
}

img {
	max-width: 100%;
}

article>*+* {
	margin-top: 1em
}

input,
button,
textarea,
select {
	font: inherit
}

@media(prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important
	}
}

:root {
	--greybg: #14181b;
	--greybg2: #0f1314;
	--greybg3: #1f2324;
	--blue: #4e7cff;
	--blueHover: #3569ff;
	--orange: #dc7754;
	--orangeHover: #d8663f;
	--textwhite: #e6e6e6;
	--textwhitedark: #cccccc;
	--greytext: #6c6d6d;
	--white: white;
	--red: #ce3030;
	--darkRed: #902222;
	--green: #004d00;
	--darkGreen: #000100;
	--lightGreen: #10a70b;
	--containerWidth: 1240px;
	--borderRadius: 3px;
	--borderRadiusLg: 5px;
	--borderRadiusXl: 16px;
	--divOdd: #1a1e1e;
	--responsiveBp1: 1024px
}

*,
body {
	font-family: "Proxima Nova", "Cairo", sans-serif;
	font-style: normal;
	font-weight: 400
}

strong {
	font-weight: 600
}

body {
	background: #121212;
	color: var(--textwhite)
}

body.lightmode {
	background: #fcfcfc;
	color: #666;
}

.container {
	width: var(--containerWidth);
	max-width: 90%;
	margin: 0 auto
}

#sapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh
}

#sapper main {
	flex-grow: 1
}

p a {
	color: var(--blue);
	text-decoration: none;
	font-weight: 600;
	font-size: inherit
}

p a:hover {
	color: var(--blueHover)
}

a.styled {
	color: var(--blue);
	text-decoration: none;
	font-weight: 600;
	font-size: inherit
}

a.styled:hover {
	color: var(--blueHover)
}

.success-flash {
	background: var(--green);
	border: 1px solid var(--darkGreen);
	color: var(--darkGreen);
	padding: 0.75rem 1.25rem;
	color: white;
	border-radius: var(--borderRadius);
	font-size: 0.9em;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15)
}

.error-flash {
	background: var(--red);
	border: 1px solid var(--darkRed);
	color: var(--darkRed);
	padding: 0.75rem 1.25rem;
	color: white;
	border-radius: var(--borderRadius);
	font-size: 0.9em;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15)
}

form.default {
	padding: 30px
}

form.default.inline {
	padding: 0
}

form.default h2 {
	font-weight: 800
}

form.default .form-error {
	font-size: 0.9em;
	color: #d12e2e;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15)
}

form.default .row {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px
}

form.default .row.center {
	text-align: center
}

form.default .row .grey-small {
	color: var(--textwhitedark);
	font-size: 0.8em;
	text-decoration: none;
	margin-top: 15px
}

form.default .row label {
	font-size: 0.9em;
	margin-bottom: 5px
}

form.default .row span.error {
	display: block;
	font-size: 0.8em;
	margin-top: 5px;
	color: var(--red)
}

form.default .row input[type=text],
form.default .row input[type=password],
form.default .row input[type=email],
form.default .row input[type=submit] {
	padding: 7px 15px;
	appearance: none;
	font-size: 0.9em;
	border: 0;
	border-radius: var(--borderRadius);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
}

form.default .row input[type=text].error,
form.default .row input[type=password].error,
form.default .row input[type=email].error,
form.default .row input[type=submit].error {
	border: 1px solid var(--red)
}

form.default .row input[type=text][type=submit],
form.default .row input[type=password][type=submit],
form.default .row input[type=email][type=submit],
form.default .row input[type=submit][type=submit] {
	margin-top: 15px;
	background: var(--blue);
	color: white;
	font-weight: 800;
	cursor: pointer
}

form.default .row input[type=text][type=submit]:hover,
form.default .row input[type=password][type=submit]:hover,
form.default .row input[type=email][type=submit]:hover,
form.default .row input[type=submit][type=submit]:hover {
	background: var(--blueHover)
}

form.default .row input[type=text][type=submit].loading,
form.default .row input[type=password][type=submit].loading,
form.default .row input[type=email][type=submit].loading,
form.default .row input[type=submit][type=submit].loading {
	opacity: 0.7
}

form.default .row-half-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center
}

form.default .row-half-wrapper .row {
	display: inline-flex;
	width: 49%
}

@media screen and (max-width: 768px) {
	form.default .row-half-wrapper {
		flex-wrap: wrap
	}

	form.default .row-half-wrapper .row {
		width: 100%
	}
}

form.default.inline .row input[type=submit] {
	align-self: flex-end
}

table.styled {
	width: 100%;
	border-spacing: 0;
	text-align: left
}

table.styled thead tr th {
	padding: 0.5rem 1.25rem;
	font-weight: 600;
	color: var(--greytext);
	font-size: 1em;
	border-bottom: 1px solid var(--greybg2);
	white-space: nowrap
}

table.styled thead tr th:first-child {
	border-radius: var(--borderRadius) 0 0 0
}

table.styled thead tr th:last-child {
	border-radius: 0 var(--borderRadius) 0 0
}

table.styled tbody tr {
	border-left: 1px solid var(--greybg);
	background: var(--greybg)
}

table.styled tbody tr td {
	padding: 1.25rem;
	font-size: 0.9em;
	white-space: nowrap
}

table.styled tbody tr td.wrap-text {
	white-space: normal
}

table.styled tbody tr:not(:last-child) td {
	border-bottom: 5px solid var(--greybg2)
}

input.styled {
	padding: 0.25em 0.5em;
	appearance: none;
	font-size: 0.9em;
	border: 0;
	border-radius: var(--borderRadius);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
}

input.styled[type=search] {
	background: url("../../../images/icons/search-regular-24.html") no-repeat 15px center var(--greybg3);
	background-size: 16px auto;
	color: var(--textwhitedark)
}

input.styled[type=search].small {
	padding: 0.3em 0.5em 0.3em 2.75em;
	font-size: 0.8em;
	border-radius: 16px
}

.player-list .player {
	display: flex;
	align-items: center;
	padding: 0.25em 1em;
	border-radius: var(--borderRadius)
}

.player-list .player:nth-child(odd) {
	background: var(--divOdd)
}

.player-list .player .avatar {
	margin-right: 1em
}

.player-list .player a {
	color: var(--textwhite);
	text-decoration: none
}

.player-list .player a:hover {
	color: var(--blueHover)
}

.player-list .player .admin {
	color: #cc2f0c;
	display: inline-block
}

.player-list .player .admin::after {
	content: " [Admin]"
}

.player-list .player .helper {
	color: #cc9d27;
	display: inline-block
}

.player-list .player .helper::after {
	content: " [Helper]"
}

.player-list .player .level {
	color: var(--textwhitedark)
}

.player-list .player a.forum-name {
	color: var(--orange);
	font-size: 0.8em
}

.player-list .player a.forum-name:hover {
	color: var(--orangeHover)
}

.main-wrapper {
	display: flex;
	margin: 50px auto;
	align-items: flex-start
}

.main-wrapper .sidebar {
	display: flex;
	align-self: flex-start;
	flex-direction: column;
	width: 280px;
	min-width: 280px;
	max-width: 30%;
	background: var(--greybg2);
	margin-right: 2em;
	border-radius: var(--borderRadius);
	font-size: 0.9em
}

.main-wrapper .sidebar nav {
	background: var(--greybg2)
}

.main-wrapper .sidebar nav a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: var(--white);
	padding: 15px 25px;
	transition: all 100ms
}

.main-wrapper .sidebar nav a:hover {
	color: var(--blue);
	transition: all 150ms;
	transform: translateX(5px)
}

.main-wrapper .sidebar nav a svg {
	margin-right: 18px
}

.main-wrapper .sidebar nav a:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05)
}

.main-wrapper .sidebar nav.sub-header,
.main-wrapper .sidebar nav.spacer {
	background: var(--greybg)
}

.main-wrapper .sidebar nav.sub-header.spacer,
.main-wrapper .sidebar nav.spacer.spacer {
	height: 20px
}

.main-wrapper .sidebar nav.sub-header h3,
.main-wrapper .sidebar nav.spacer h3 {
	color: var(--white);
	font-size: 1.1em;
	font-weight: 800;
	margin-top: 20px;
	margin-left: 0.5em;
	margin-bottom: 0.25em
}

.main-wrapper .content-wrapper {
	flex: 1
}

.main-wrapper .content-wrapper .content {
	background: var(--greybg2);
	border-radius: var(--borderRadius);
	padding: 2em
}

.main-wrapper .content-wrapper .content h1 {
	font-size: 1.5em;
	font-weight: 800
}

.main-wrapper .content-wrapper .content h1 {
	color: var(--white)
}

.main-wrapper .content-wrapper .content h2 {
	color: var(--white)
}

.main-wrapper .content-wrapper .content h3 {
	color: var(--white)
}

@media screen and (max-width: 768px) {
	.main-wrapper {
		flex-wrap: wrap
	}

	.main-wrapper .sidebar {
		width: 100%;
		position: static;
		max-width: 100%;
		position: static;
		margin-right: 0
	}

	.main-wrapper .content-wrapper {
		width: 100%;
		margin-top: 50px
	}

	#top-bar.svelte-nbo9ih nav.svelte-nbo9ih {
		display: block;
	}
}

span.green-money {
	color: var(--lightGreen);
	font-weight: 600
}

span.highlight {
	color: var(--orange);
	font-weight: 600
}

span.warning {
	color: var(--darkRed);
	font-weight: 600
}

span.pathname {
	font-family: monospace;
	font-size: 0.9em;
	white-space: break-spaces
}

hr {
	appearance: none;
	border: 0;
	border-bottom: 1px solid var(--greybg3);
	margin: 1.5em 0
}

.box-shadow-3 {
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.15)
}

.box-shadow-5 {
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15)
}

.opacity-0 {
	opacity: 0
}

.m0 {
	margin: 0px
}

.p0 {
	margin: 0px
}

.mt-0 {
	margin-top: 0px
}

.pt-0 {
	padding-top: 0px
}

.mb-0 {
	margin-bottom: 0px
}

.pb-0 {
	padding-bottom: 0px
}

.ml-0 {
	margin-left: 0px
}

.pl-0 {
	padding-left: 0px
}

.mr-0 {
	margin-right: 0px
}

.pr-0 {
	padding-right: 0px
}

.m5 {
	margin: 5px
}

.p5 {
	margin: 5px
}

.mt-5 {
	margin-top: 5px
}

.pt-5 {
	padding-top: 5px
}

.mb-5 {
	margin-bottom: 5px
}

.pb-5 {
	padding-bottom: 5px
}

.ml-5 {
	margin-left: 5px
}

.pl-5 {
	padding-left: 5px
}

.mr-5 {
	margin-right: 5px
}

.pr-5 {
	padding-right: 5px
}

.m10 {
	margin: 10px
}

.p10 {
	margin: 10px
}

.mt-10 {
	margin-top: 10px
}

.pt-10 {
	padding-top: 10px
}

.mb-10 {
	margin-bottom: 10px
}

.pb-10 {
	padding-bottom: 10px
}

.ml-10 {
	margin-left: 10px
}

.pl-10 {
	padding-left: 10px
}

.mr-10 {
	margin-right: 10px
}

.pr-10 {
	padding-right: 10px
}

.m15 {
	margin: 15px
}

.p15 {
	margin: 15px
}

.mt-15 {
	margin-top: 15px
}

.pt-15 {
	padding-top: 15px
}

.mb-15 {
	margin-bottom: 15px
}

.pb-15 {
	padding-bottom: 15px
}

.ml-15 {
	margin-left: 15px
}

.pl-15 {
	padding-left: 15px
}

.mr-15 {
	margin-right: 15px
}

.pr-15 {
	padding-right: 15px
}

.m20 {
	margin: 20px
}

.p20 {
	margin: 20px
}

.mt-20 {
	margin-top: 20px
}

.pt-20 {
	padding-top: 20px
}

.mb-20 {
	margin-bottom: 20px
}

.pb-20 {
	padding-bottom: 20px
}

.ml-20 {
	margin-left: 20px
}

.pl-20 {
	padding-left: 20px
}

.mr-20 {
	margin-right: 20px
}

.pr-20 {
	padding-right: 20px
}

.m25 {
	margin: 25px
}

.p25 {
	margin: 25px
}

.mt-25 {
	margin-top: 25px
}

.pt-25 {
	padding-top: 25px
}

.mb-25 {
	margin-bottom: 25px
}

.pb-25 {
	padding-bottom: 25px
}

.ml-25 {
	margin-left: 25px
}

.pl-25 {
	padding-left: 25px
}

.mr-25 {
	margin-right: 25px
}

.pr-25 {
	padding-right: 25px
}

.m30 {
	margin: 30px
}

.p30 {
	margin: 30px
}

.mt-30 {
	margin-top: 30px
}

.pt-30 {
	padding-top: 30px
}

.mb-30 {
	margin-bottom: 30px
}

.pb-30 {
	padding-bottom: 30px
}

.ml-30 {
	margin-left: 30px
}

.pl-30 {
	padding-left: 30px
}

.mr-30 {
	margin-right: 30px
}

.pr-30 {
	padding-right: 30px
}

.m35 {
	margin: 35px
}

.p35 {
	margin: 35px
}

.mt-35 {
	margin-top: 35px
}

.pt-35 {
	padding-top: 35px
}

.mb-35 {
	margin-bottom: 35px
}

.pb-35 {
	padding-bottom: 35px
}

.ml-35 {
	margin-left: 35px
}

.pl-35 {
	padding-left: 35px
}

.mr-35 {
	margin-right: 35px
}

.pr-35 {
	padding-right: 35px
}

.m40 {
	margin: 40px
}

.p40 {
	margin: 40px
}

.mt-40 {
	margin-top: 40px
}

.pt-40 {
	padding-top: 40px
}

.mb-40 {
	margin-bottom: 40px
}

.pb-40 {
	padding-bottom: 40px
}

.ml-40 {
	margin-left: 40px
}

.pl-40 {
	padding-left: 40px
}

.mr-40 {
	margin-right: 40px
}

.pr-40 {
	padding-right: 40px
}

.m45 {
	margin: 45px
}

.p45 {
	margin: 45px
}

.mt-45 {
	margin-top: 45px
}

.pt-45 {
	padding-top: 45px
}

.mb-45 {
	margin-bottom: 45px
}

.pb-45 {
	padding-bottom: 45px
}

.ml-45 {
	margin-left: 45px
}

.pl-45 {
	padding-left: 45px
}

.mr-45 {
	margin-right: 45px
}

.pr-45 {
	padding-right: 45px
}

.m50 {
	margin: 50px
}

.p50 {
	margin: 50px
}

.mt-50 {
	margin-top: 50px
}

.pt-50 {
	padding-top: 50px
}

.mb-50 {
	margin-bottom: 50px
}

.pb-50 {
	padding-bottom: 50px
}

.ml-50 {
	margin-left: 50px
}

.pl-50 {
	padding-left: 50px
}

.mr-50 {
	margin-right: 50px
}

.pr-50 {
	padding-right: 50px
}

.m75 {
	margin: 75px
}

.p75 {
	margin: 75px
}

.mt-75 {
	margin-top: 75px
}

.pt-75 {
	padding-top: 75px
}

.mb-75 {
	margin-bottom: 75px
}

.pb-75 {
	padding-bottom: 75px
}

.ml-75 {
	margin-left: 75px
}

.pl-75 {
	padding-left: 75px
}

.mr-75 {
	margin-right: 75px
}

.pr-75 {
	padding-right: 75px
}

.m100 {
	margin: 100px
}

.p100 {
	margin: 100px
}

.mt-100 {
	margin-top: 100px
}

.pt-100 {
	padding-top: 100px
}

.mb-100 {
	margin-bottom: 100px
}

.pb-100 {
	padding-bottom: 100px
}

.ml-100 {
	margin-left: 100px
}

.pl-100 {
	padding-left: 100px
}

.mr-100 {
	margin-right: 100px
}

.pr-100 {
	padding-right: 100px
}

.error-wrapper.svelte-1s8wkhw {
	margin: 50px auto
}

#splitter {
	background: none;
}

/* #global_notification .content:first-child {
	margin-top: 5px;
}

#global_notification .content:last-child {
	margin-bottom: 5px;
} */

.boxcontent {
	/* color: #666; */
}

.tooltip {
	border-bottom: 1px dotted #000000; color: #000000; outline: none;
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span, .tooltip:active span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: -10em; top: 2em; z-index: 99;
	margin-left: 0; width: 400px;
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.classic {background: #2c2c2c; border: 1px solid black; }