/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/inter-ui/inter.css ***!
  \*************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/assets/fonts/Inter-Thin.fff2a096.woff2) format("woff2"), url(/assets/fonts/Inter-Thin.29b9c616.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/assets/fonts/Inter-ThinItalic.bf213704.woff2) format("woff2"), url(/assets/fonts/Inter-ThinItalic.bae95eb2.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/assets/fonts/Inter-ExtraLight.72505e6a.woff2) format("woff2"), url(/assets/fonts/Inter-ExtraLight.c4248615.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/assets/fonts/Inter-ExtraLightItalic.5c7d7d6d.woff2) format("woff2"), url(/assets/fonts/Inter-ExtraLightItalic.170dddfc.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Inter-Light.2d519882.woff2) format("woff2"), url(/assets/fonts/Inter-Light.994e3445.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Inter-LightItalic.f8695226.woff2) format("woff2"), url(/assets/fonts/Inter-LightItalic.ef9f65d9.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Inter-Regular.c8ba52b0.woff2) format("woff2"), url(/assets/fonts/Inter-Regular.8c206db9.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Inter-Italic.cb10ffd7.woff2) format("woff2"), url(/assets/fonts/Inter-Italic.890025e7.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Inter-Medium.293fd13d.woff2) format("woff2"), url(/assets/fonts/Inter-Medium.9053572c.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Inter-MediumItalic.085cb93e.woff2) format("woff2"), url(/assets/fonts/Inter-MediumItalic.3d0107dd.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Inter-SemiBold.b5f0f109.woff2) format("woff2"), url(/assets/fonts/Inter-SemiBold.cca62d21.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/Inter-SemiBoldItalic.d9467ee3.woff2) format("woff2"), url(/assets/fonts/Inter-SemiBoldItalic.463bdbfb.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Inter-Bold.ec64ea57.woff2) format("woff2"), url(/assets/fonts/Inter-Bold.93c1301b.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/Inter-BoldItalic.2d26c56a.woff2) format("woff2"), url(/assets/fonts/Inter-BoldItalic.b3768850.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/Inter-ExtraBold.cbe0ae49.woff2) format("woff2"), url(/assets/fonts/Inter-ExtraBold.d0fa3bb2.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/Inter-ExtraBoldItalic.535a6cf6.woff2) format("woff2"), url(/assets/fonts/Inter-ExtraBoldItalic.6ab17abe.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/Inter-Black.15ca31c0.woff2) format("woff2"), url(/assets/fonts/Inter-Black.c6938660.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/fonts/Inter-BlackItalic.cb2a7335.woff2) format("woff2"), url(/assets/fonts/Inter-BlackItalic.ca1e738e.woff) format("woff");
}
/* -------------------------------------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }
*/
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-style: normal;
  font-named-instance: "Regular";
  font-display: swap;
  src: url(/assets/fonts/Inter-roman.var.ba4caefc.woff2) format("woff2 supports variations(gvar)"), url(/assets/fonts/Inter-roman.var.ba4caefc.woff2) format("woff2-variations"), url(/assets/fonts/Inter-roman.var.ba4caefc.woff2) format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-style: italic;
  font-named-instance: "Italic";
  font-display: swap;
  src: url(/assets/fonts/Inter-italic.var.30807be7.woff2) format("woff2 supports variations(gvar)"), url(/assets/fonts/Inter-italic.var.30807be7.woff2) format("woff2-variations"), url(/assets/fonts/Inter-italic.var.30807be7.woff2) format("woff2");
}
/* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.

Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.

When using this, you will probably need to set font-variation-settings
explicitly, e.g.

  * { font-variation-settings: "slnt" 0deg }
  .italic { font-variation-settings: "slnt" 10deg }

*/
@font-face {
  font-family: "Inter var experimental";
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  font-display: swap;
  src: url(/assets/fonts/Inter.var.c2fe3cb2.woff2) format("woff2-variations"), url(/assets/fonts/Inter.var.c2fe3cb2.woff2) format("woff2");
}

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/qtip2/dist/jquery.qtip.css ***!
  \*********************************************************************************************************************************************************************************************/
/*
 * qTip2 - Pretty powerful tooltips - v3.0.3-jquery3
 * http://qtip2.com
 *
 * Copyright (c) 2019 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Wed May 22 2019 04:29 GMT+0900+0900
 * Plugins: tips modal viewport svg imagemap ie6
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	font-size: 10.5px;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		background-color: #FFEF93;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}


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

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	border-radius: 2px;
	box-shadow: 0 0 3px #333;

	color: white;
	border: 0 solid transparent;

	background: #4A4A4A;
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}

	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;

		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);
	border-radius: 2px;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}

	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}

	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(#default#VML);
		display: inline-block;
		visibility: visible;
	}


#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


.qtipmodal-ie6fix{
	position: absolute !important;
}

/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/photoswipe/dist/photoswipe.css ***!
  \*************************************************************************************************************************************************************************************************/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/photoswipe/dist/default-skin/default-skin.css ***!
  \****************************************************************************************************************************************************************************************************************/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/assets/images/default-skin.0ff4d621.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/assets/images/default-skin.f64c3af3.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(/assets/images/preloader.14d740b6.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@keyframes clockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes donut-rotate {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-140deg); }
  100% {
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./resources/css/entrypoints/app.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: 0.75em;
}
.fa-sm {
  font-size: 0.875em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-border {
  border-radius: 0.1em;
  border: solid 0.08em #eee;
  padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-acquisitions-incorporated:before {
  content: "\f6af";
}
.fa-ad:before {
  content: "\f641";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-card:before {
  content: "\f2bb";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-adn:before {
  content: "\f170";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-air-freshener:before {
  content: "\f5d0";
}
.fa-airbnb:before {
  content: "\f834";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-alipay:before {
  content: "\f642";
}
.fa-allergies:before {
  content: "\f461";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-android:before {
  content: "\f17b";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angry:before {
  content: "\f556";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-angular:before {
  content: "\f420";
}
.fa-ankh:before {
  content: "\f644";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-apper:before {
  content: "\f371";
}
.fa-apple:before {
  content: "\f179";
}
.fa-apple-alt:before {
  content: "\f5d1";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-archive:before {
  content: "\f187";
}
.fa-archway:before {
  content: "\f557";
}
.fa-arrow-alt-circle-down:before {
  content: "\f358";
}
.fa-arrow-alt-circle-left:before {
  content: "\f359";
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-arrows-alt-h:before {
  content: "\f337";
}
.fa-arrows-alt-v:before {
  content: "\f338";
}
.fa-artstation:before {
  content: "\f77a";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-atlas:before {
  content: "\f558";
}
.fa-atlassian:before {
  content: "\f77b";
}
.fa-atom:before {
  content: "\f5d2";
}
.fa-audible:before {
  content: "\f373";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-award:before {
  content: "\f559";
}
.fa-aws:before {
  content: "\f375";
}
.fa-baby:before {
  content: "\f77c";
}
.fa-baby-carriage:before {
  content: "\f77d";
}
.fa-backspace:before {
  content: "\f55a";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-bacon:before {
  content: "\f7e5";
}
.fa-bacteria:before {
  content: "\e059";
}
.fa-bacterium:before {
  content: "\e05a";
}
.fa-bahai:before {
  content: "\f666";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-balance-scale-left:before {
  content: "\f515";
}
.fa-balance-scale-right:before {
  content: "\f516";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-band-aid:before {
  content: "\f462";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-baseball-ball:before {
  content: "\f433";
}
.fa-basketball-ball:before {
  content: "\f434";
}
.fa-bath:before {
  content: "\f2cd";
}
.fa-battery-empty:before {
  content: "\f244";
}
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battle-net:before {
  content: "\f835";
}
.fa-bed:before {
  content: "\f236";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bezier-curve:before {
  content: "\f55b";
}
.fa-bible:before {
  content: "\f647";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-biking:before {
  content: "\f84a";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-biohazard:before {
  content: "\f780";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-blender:before {
  content: "\f517";
}
.fa-blender-phone:before {
  content: "\f6b6";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-blog:before {
  content: "\f781";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-bold:before {
  content: "\f032";
}
.fa-bolt:before {
  content: "\f0e7";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-bone:before {
  content: "\f5d7";
}
.fa-bong:before {
  content: "\f55c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-book-dead:before {
  content: "\f6b7";
}
.fa-book-medical:before {
  content: "\f7e6";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-book-reader:before {
  content: "\f5da";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-bootstrap:before {
  content: "\f836";
}
.fa-border-all:before {
  content: "\f84c";
}
.fa-border-none:before {
  content: "\f850";
}
.fa-border-style:before {
  content: "\f853";
}
.fa-bowling-ball:before {
  content: "\f436";
}
.fa-box:before {
  content: "\f466";
}
.fa-box-open:before {
  content: "\f49e";
}
.fa-box-tissue:before {
  content: "\e05b";
}
.fa-boxes:before {
  content: "\f468";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-brain:before {
  content: "\f5dc";
}
.fa-bread-slice:before {
  content: "\f7ec";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-briefcase-medical:before {
  content: "\f469";
}
.fa-broadcast-tower:before {
  content: "\f519";
}
.fa-broom:before {
  content: "\f51a";
}
.fa-brush:before {
  content: "\f55d";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-buffer:before {
  content: "\f837";
}
.fa-bug:before {
  content: "\f188";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-burn:before {
  content: "\f46a";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-bus:before {
  content: "\f207";
}
.fa-bus-alt:before {
  content: "\f55e";
}
.fa-business-time:before {
  content: "\f64a";
}
.fa-buy-n-large:before {
  content: "\f8a6";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-calendar-alt:before {
  content: "\f073";
}
.fa-calendar-check:before {
  content: "\f274";
}
.fa-calendar-day:before {
  content: "\f783";
}
.fa-calendar-minus:before {
  content: "\f272";
}
.fa-calendar-plus:before {
  content: "\f271";
}
.fa-calendar-times:before {
  content: "\f273";
}
.fa-calendar-week:before {
  content: "\f784";
}
.fa-camera:before {
  content: "\f030";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-campground:before {
  content: "\f6bb";
}
.fa-canadian-maple-leaf:before {
  content: "\f785";
}
.fa-candy-cane:before {
  content: "\f786";
}
.fa-cannabis:before {
  content: "\f55f";
}
.fa-capsules:before {
  content: "\f46b";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-car-alt:before {
  content: "\f5de";
}
.fa-car-battery:before {
  content: "\f5df";
}
.fa-car-crash:before {
  content: "\f5e1";
}
.fa-car-side:before {
  content: "\f5e4";
}
.fa-caravan:before {
  content: "\f8ff";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-square-down:before {
  content: "\f150";
}
.fa-caret-square-left:before {
  content: "\f191";
}
.fa-caret-square-right:before {
  content: "\f152";
}
.fa-caret-square-up:before {
  content: "\f151";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-carrot:before {
  content: "\f787";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cash-register:before {
  content: "\f788";
}
.fa-cat:before {
  content: "\f6be";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-centos:before {
  content: "\f789";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-chair:before {
  content: "\f6c0";
}
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-chalkboard-teacher:before {
  content: "\f51c";
}
.fa-charging-station:before {
  content: "\f5e7";
}
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-chart-bar:before {
  content: "\f080";
}
.fa-chart-line:before {
  content: "\f201";
}
.fa-chart-pie:before {
  content: "\f200";
}
.fa-check:before {
  content: "\f00c";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-check-double:before {
  content: "\f560";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-cheese:before {
  content: "\f7ef";
}
.fa-chess:before {
  content: "\f439";
}
.fa-chess-bishop:before {
  content: "\f43a";
}
.fa-chess-board:before {
  content: "\f43c";
}
.fa-chess-king:before {
  content: "\f43f";
}
.fa-chess-knight:before {
  content: "\f441";
}
.fa-chess-pawn:before {
  content: "\f443";
}
.fa-chess-queen:before {
  content: "\f445";
}
.fa-chess-rook:before {
  content: "\f447";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-chromecast:before {
  content: "\f838";
}
.fa-church:before {
  content: "\f51d";
}
.fa-circle:before {
  content: "\f111";
}
.fa-circle-notch:before {
  content: "\f1ce";
}
.fa-city:before {
  content: "\f64f";
}
.fa-clinic-medical:before {
  content: "\f7f2";
}
.fa-clipboard:before {
  content: "\f328";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-clipboard-list:before {
  content: "\f46d";
}
.fa-clock:before {
  content: "\f017";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-closed-captioning:before {
  content: "\f20a";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-cloud-download-alt:before {
  content: "\f381";
}
.fa-cloud-meatball:before {
  content: "\f73b";
}
.fa-cloud-moon:before {
  content: "\f6c3";
}
.fa-cloud-moon-rain:before {
  content: "\f73c";
}
.fa-cloud-rain:before {
  content: "\f73d";
}
.fa-cloud-showers-heavy:before {
  content: "\f740";
}
.fa-cloud-sun:before {
  content: "\f6c4";
}
.fa-cloud-sun-rain:before {
  content: "\f743";
}
.fa-cloud-upload-alt:before {
  content: "\f382";
}
.fa-cloudflare:before {
  content: "\e07d";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-cocktail:before {
  content: "\f561";
}
.fa-code:before {
  content: "\f121";
}
.fa-code-branch:before {
  content: "\f126";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cog:before {
  content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-coins:before {
  content: "\f51e";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-comment:before {
  content: "\f075";
}
.fa-comment-alt:before {
  content: "\f27a";
}
.fa-comment-dollar:before {
  content: "\f651";
}
.fa-comment-dots:before {
  content: "\f4ad";
}
.fa-comment-medical:before {
  content: "\f7f5";
}
.fa-comment-slash:before {
  content: "\f4b3";
}
.fa-comments:before {
  content: "\f086";
}
.fa-comments-dollar:before {
  content: "\f653";
}
.fa-compact-disc:before {
  content: "\f51f";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-compress:before {
  content: "\f066";
}
.fa-compress-alt:before {
  content: "\f422";
}
.fa-compress-arrows-alt:before {
  content: "\f78c";
}
.fa-concierge-bell:before {
  content: "\f562";
}
.fa-confluence:before {
  content: "\f78d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-cookie:before {
  content: "\f563";
}
.fa-cookie-bite:before {
  content: "\f564";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-cotton-bureau:before {
  content: "\f89e";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-creative-commons-zero:before {
  content: "\f4f3";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-critical-role:before {
  content: "\f6c9";
}
.fa-crop:before {
  content: "\f125";
}
.fa-crop-alt:before {
  content: "\f565";
}
.fa-cross:before {
  content: "\f654";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-crow:before {
  content: "\f520";
}
.fa-crown:before {
  content: "\f521";
}
.fa-crutch:before {
  content: "\f7f7";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-d-and-d-beyond:before {
  content: "\f6ca";
}
.fa-dailymotion:before {
  content: "\e052";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-deaf:before {
  content: "\f2a4";
}
.fa-deezer:before {
  content: "\e077";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-democrat:before {
  content: "\f747";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-dev:before {
  content: "\f6cc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-dharmachakra:before {
  content: "\f655";
}
.fa-dhl:before {
  content: "\f790";
}
.fa-diagnoses:before {
  content: "\f470";
}
.fa-diaspora:before {
  content: "\f791";
}
.fa-dice:before {
  content: "\f522";
}
.fa-dice-d20:before {
  content: "\f6cf";
}
.fa-dice-d6:before {
  content: "\f6d1";
}
.fa-dice-five:before {
  content: "\f523";
}
.fa-dice-four:before {
  content: "\f524";
}
.fa-dice-one:before {
  content: "\f525";
}
.fa-dice-six:before {
  content: "\f526";
}
.fa-dice-three:before {
  content: "\f527";
}
.fa-dice-two:before {
  content: "\f528";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-digital-tachograph:before {
  content: "\f566";
}
.fa-directions:before {
  content: "\f5eb";
}
.fa-discord:before {
  content: "\f392";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-disease:before {
  content: "\f7fa";
}
.fa-divide:before {
  content: "\f529";
}
.fa-dizzy:before {
  content: "\f567";
}
.fa-dna:before {
  content: "\f471";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-docker:before {
  content: "\f395";
}
.fa-dog:before {
  content: "\f6d3";
}
.fa-dollar-sign:before {
  content: "\f155";
}
.fa-dolly:before {
  content: "\f472";
}
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-donate:before {
  content: "\f4b9";
}
.fa-door-closed:before {
  content: "\f52a";
}
.fa-door-open:before {
  content: "\f52b";
}
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dove:before {
  content: "\f4ba";
}
.fa-download:before {
  content: "\f019";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-drafting-compass:before {
  content: "\f568";
}
.fa-dragon:before {
  content: "\f6d5";
}
.fa-draw-polygon:before {
  content: "\f5ee";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-dribbble-square:before {
  content: "\f397";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-drum:before {
  content: "\f569";
}
.fa-drum-steelpan:before {
  content: "\f56a";
}
.fa-drumstick-bite:before {
  content: "\f6d7";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-dumbbell:before {
  content: "\f44b";
}
.fa-dumpster:before {
  content: "\f793";
}
.fa-dumpster-fire:before {
  content: "\f794";
}
.fa-dungeon:before {
  content: "\f6d9";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-edge:before {
  content: "\f282";
}
.fa-edge-legacy:before {
  content: "\e078";
}
.fa-edit:before {
  content: "\f044";
}
.fa-egg:before {
  content: "\f7fb";
}
.fa-eject:before {
  content: "\f052";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-ello:before {
  content: "\f5f1";
}
.fa-ember:before {
  content: "\f423";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-text:before {
  content: "\f658";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-envira:before {
  content: "\f299";
}
.fa-equals:before {
  content: "\f52c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-ethernet:before {
  content: "\f796";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-euro-sign:before {
  content: "\f153";
}
.fa-evernote:before {
  content: "\f839";
}
.fa-exchange-alt:before {
  content: "\f362";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-expand:before {
  content: "\f065";
}
.fa-expand-alt:before {
  content: "\f424";
}
.fa-expand-arrows-alt:before {
  content: "\f31e";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-external-link-alt:before {
  content: "\f35d";
}
.fa-external-link-square-alt:before {
  content: "\f360";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-dropper:before {
  content: "\f1fb";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-fan:before {
  content: "\f863";
}
.fa-fantasy-flight-games:before {
  content: "\f6dc";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-faucet:before {
  content: "\e005";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-feather:before {
  content: "\f52d";
}
.fa-feather-alt:before {
  content: "\f56b";
}
.fa-fedex:before {
  content: "\f797";
}
.fa-fedora:before {
  content: "\f798";
}
.fa-female:before {
  content: "\f182";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-figma:before {
  content: "\f799";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-alt:before {
  content: "\f15c";
}
.fa-file-archive:before {
  content: "\f1c6";
}
.fa-file-audio:before {
  content: "\f1c7";
}
.fa-file-code:before {
  content: "\f1c9";
}
.fa-file-contract:before {
  content: "\f56c";
}
.fa-file-csv:before {
  content: "\f6dd";
}
.fa-file-download:before {
  content: "\f56d";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-file-export:before {
  content: "\f56e";
}
.fa-file-image:before {
  content: "\f1c5";
}
.fa-file-import:before {
  content: "\f56f";
}
.fa-file-invoice:before {
  content: "\f570";
}
.fa-file-invoice-dollar:before {
  content: "\f571";
}
.fa-file-medical:before {
  content: "\f477";
}
.fa-file-medical-alt:before {
  content: "\f478";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-file-powerpoint:before {
  content: "\f1c4";
}
.fa-file-prescription:before {
  content: "\f572";
}
.fa-file-signature:before {
  content: "\f573";
}
.fa-file-upload:before {
  content: "\f574";
}
.fa-file-video:before {
  content: "\f1c8";
}
.fa-file-word:before {
  content: "\f1c2";
}
.fa-fill:before {
  content: "\f575";
}
.fa-fill-drip:before {
  content: "\f576";
}
.fa-film:before {
  content: "\f008";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-fingerprint:before {
  content: "\f577";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-fire-alt:before {
  content: "\f7e4";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-firefox-browser:before {
  content: "\e007";
}
.fa-first-aid:before {
  content: "\f479";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-fish:before {
  content: "\f578";
}
.fa-fist-raised:before {
  content: "\f6de";
}
.fa-flag:before {
  content: "\f024";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-flag-usa:before {
  content: "\f74d";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-flushed:before {
  content: "\f579";
}
.fa-fly:before {
  content: "\f417";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-minus:before {
  content: "\f65d";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-folder-plus:before {
  content: "\f65e";
}
.fa-font:before {
  content: "\f031";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-font-awesome-alt:before {
  content: "\f35c";
}
.fa-font-awesome-flag:before {
  content: "\f425";
}
.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-football-ball:before {
  content: "\f44e";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-frog:before {
  content: "\f52e";
}
.fa-frown:before {
  content: "\f119";
}
.fa-frown-open:before {
  content: "\f57a";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-funnel-dollar:before {
  content: "\f662";
}
.fa-futbol:before {
  content: "\f1e3";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-gas-pump:before {
  content: "\f52f";
}
.fa-gavel:before {
  content: "\f0e3";
}
.fa-gem:before {
  content: "\f3a5";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-ghost:before {
  content: "\f6e2";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-gifts:before {
  content: "\f79c";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-git-alt:before {
  content: "\f841";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-github:before {
  content: "\f09b";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-glass-cheers:before {
  content: "\f79f";
}
.fa-glass-martini:before {
  content: "\f000";
}
.fa-glass-martini-alt:before {
  content: "\f57b";
}
.fa-glass-whiskey:before {
  content: "\f7a0";
}
.fa-glasses:before {
  content: "\f530";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-globe-africa:before {
  content: "\f57c";
}
.fa-globe-americas:before {
  content: "\f57d";
}
.fa-globe-asia:before {
  content: "\f57e";
}
.fa-globe-europe:before {
  content: "\f7a2";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-golf-ball:before {
  content: "\f450";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-google-pay:before {
  content: "\e079";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-gopuram:before {
  content: "\f664";
}
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-greater-than:before {
  content: "\f531";
}
.fa-greater-than-equal:before {
  content: "\f532";
}
.fa-grimace:before {
  content: "\f57f";
}
.fa-grin:before {
  content: "\f580";
}
.fa-grin-alt:before {
  content: "\f581";
}
.fa-grin-beam:before {
  content: "\f582";
}
.fa-grin-beam-sweat:before {
  content: "\f583";
}
.fa-grin-hearts:before {
  content: "\f584";
}
.fa-grin-squint:before {
  content: "\f585";
}
.fa-grin-squint-tears:before {
  content: "\f586";
}
.fa-grin-stars:before {
  content: "\f587";
}
.fa-grin-tears:before {
  content: "\f588";
}
.fa-grin-tongue:before {
  content: "\f589";
}
.fa-grin-tongue-squint:before {
  content: "\f58a";
}
.fa-grin-tongue-wink:before {
  content: "\f58b";
}
.fa-grin-wink:before {
  content: "\f58c";
}
.fa-grip-horizontal:before {
  content: "\f58d";
}
.fa-grip-lines:before {
  content: "\f7a4";
}
.fa-grip-lines-vertical:before {
  content: "\f7a5";
}
.fa-grip-vertical:before {
  content: "\f58e";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-guilded:before {
  content: "\e07e";
}
.fa-guitar:before {
  content: "\f7a6";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-hacker-news-square:before {
  content: "\f3af";
}
.fa-hackerrank:before {
  content: "\f5f7";
}
.fa-hamburger:before {
  content: "\f805";
}
.fa-hammer:before {
  content: "\f6e3";
}
.fa-hamsa:before {
  content: "\f665";
}
.fa-hand-holding:before {
  content: "\f4bd";
}
.fa-hand-holding-heart:before {
  content: "\f4be";
}
.fa-hand-holding-medical:before {
  content: "\e05c";
}
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-hand-holding-water:before {
  content: "\f4c1";
}
.fa-hand-lizard:before {
  content: "\f258";
}
.fa-hand-middle-finger:before {
  content: "\f806";
}
.fa-hand-paper:before {
  content: "\f256";
}
.fa-hand-peace:before {
  content: "\f25b";
}
.fa-hand-point-down:before {
  content: "\f0a7";
}
.fa-hand-point-left:before {
  content: "\f0a5";
}
.fa-hand-point-right:before {
  content: "\f0a4";
}
.fa-hand-point-up:before {
  content: "\f0a6";
}
.fa-hand-pointer:before {
  content: "\f25a";
}
.fa-hand-rock:before {
  content: "\f255";
}
.fa-hand-scissors:before {
  content: "\f257";
}
.fa-hand-sparkles:before {
  content: "\e05d";
}
.fa-hand-spock:before {
  content: "\f259";
}
.fa-hands:before {
  content: "\f4c2";
}
.fa-hands-helping:before {
  content: "\f4c4";
}
.fa-hands-wash:before {
  content: "\e05e";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-handshake-alt-slash:before {
  content: "\e05f";
}
.fa-handshake-slash:before {
  content: "\e060";
}
.fa-hanukiah:before {
  content: "\f6e6";
}
.fa-hard-hat:before {
  content: "\f807";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-hat-cowboy:before {
  content: "\f8c0";
}
.fa-hat-cowboy-side:before {
  content: "\f8c1";
}
.fa-hat-wizard:before {
  content: "\f6e8";
}
.fa-hdd:before {
  content: "\f0a0";
}
.fa-head-side-cough:before {
  content: "\e061";
}
.fa-head-side-cough-slash:before {
  content: "\e062";
}
.fa-head-side-mask:before {
  content: "\e063";
}
.fa-head-side-virus:before {
  content: "\e064";
}
.fa-heading:before {
  content: "\f1dc";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-headphones-alt:before {
  content: "\f58f";
}
.fa-headset:before {
  content: "\f590";
}
.fa-heart:before {
  content: "\f004";
}
.fa-heart-broken:before {
  content: "\f7a9";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-helicopter:before {
  content: "\f533";
}
.fa-highlighter:before {
  content: "\f591";
}
.fa-hiking:before {
  content: "\f6ec";
}
.fa-hippo:before {
  content: "\f6ed";
}
.fa-hips:before {
  content: "\f452";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-history:before {
  content: "\f1da";
}
.fa-hive:before {
  content: "\e07f";
}
.fa-hockey-puck:before {
  content: "\f453";
}
.fa-holly-berry:before {
  content: "\f7aa";
}
.fa-home:before {
  content: "\f015";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-hornbill:before {
  content: "\f592";
}
.fa-horse:before {
  content: "\f6f0";
}
.fa-horse-head:before {
  content: "\f7ab";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-hospital-alt:before {
  content: "\f47d";
}
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-hospital-user:before {
  content: "\f80d";
}
.fa-hot-tub:before {
  content: "\f593";
}
.fa-hotdog:before {
  content: "\f80f";
}
.fa-hotel:before {
  content: "\f594";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-house-user:before {
  content: "\e065";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-hryvnia:before {
  content: "\f6f2";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-ice-cream:before {
  content: "\f810";
}
.fa-icicles:before {
  content: "\f7ad";
}
.fa-icons:before {
  content: "\f86d";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-id-card:before {
  content: "\f2c2";
}
.fa-id-card-alt:before {
  content: "\f47f";
}
.fa-ideal:before {
  content: "\e013";
}
.fa-igloo:before {
  content: "\f7ae";
}
.fa-image:before {
  content: "\f03e";
}
.fa-images:before {
  content: "\f302";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-industry:before {
  content: "\f275";
}
.fa-infinity:before {
  content: "\f534";
}
.fa-info:before {
  content: "\f129";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-innosoft:before {
  content: "\e080";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-instagram-square:before {
  content: "\e055";
}
.fa-instalod:before {
  content: "\e081";
}
.fa-intercom:before {
  content: "\f7af";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-invision:before {
  content: "\f7b0";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-italic:before {
  content: "\f033";
}
.fa-itch-io:before {
  content: "\f83a";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-jedi:before {
  content: "\f669";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-jira:before {
  content: "\f7b1";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-joint:before {
  content: "\f595";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-journal-whills:before {
  content: "\f66a";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-kaaba:before {
  content: "\f66b";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-key:before {
  content: "\f084";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-keyboard:before {
  content: "\f11c";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-khanda:before {
  content: "\f66d";
}
.fa-kickstarter:before {
  content: "\f3bb";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-kiss:before {
  content: "\f596";
}
.fa-kiss-beam:before {
  content: "\f597";
}
.fa-kiss-wink-heart:before {
  content: "\f598";
}
.fa-kiwi-bird:before {
  content: "\f535";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-landmark:before {
  content: "\f66f";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-laptop-code:before {
  content: "\f5fc";
}
.fa-laptop-house:before {
  content: "\e066";
}
.fa-laptop-medical:before {
  content: "\f812";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-laugh:before {
  content: "\f599";
}
.fa-laugh-beam:before {
  content: "\f59a";
}
.fa-laugh-squint:before {
  content: "\f59b";
}
.fa-laugh-wink:before {
  content: "\f59c";
}
.fa-layer-group:before {
  content: "\f5fd";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-lemon:before {
  content: "\f094";
}
.fa-less:before {
  content: "\f41d";
}
.fa-less-than:before {
  content: "\f536";
}
.fa-less-than-equal:before {
  content: "\f537";
}
.fa-level-down-alt:before {
  content: "\f3be";
}
.fa-level-up-alt:before {
  content: "\f3bf";
}
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-link:before {
  content: "\f0c1";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-lira-sign:before {
  content: "\f195";
}
.fa-list:before {
  content: "\f03a";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-lock:before {
  content: "\f023";
}
.fa-lock-open:before {
  content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-long-arrow-alt-right:before {
  content: "\f30b";
}
.fa-long-arrow-alt-up:before {
  content: "\f30c";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-luggage-cart:before {
  content: "\f59d";
}
.fa-lungs:before {
  content: "\f604";
}
.fa-lungs-virus:before {
  content: "\e067";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-mail-bulk:before {
  content: "\f674";
}
.fa-mailchimp:before {
  content: "\f59e";
}
.fa-male:before {
  content: "\f183";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-map:before {
  content: "\f279";
}
.fa-map-marked:before {
  content: "\f59f";
}
.fa-map-marked-alt:before {
  content: "\f5a0";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-markdown:before {
  content: "\f60f";
}
.fa-marker:before {
  content: "\f5a1";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mask:before {
  content: "\f6fa";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-mdb:before {
  content: "\f8ca";
}
.fa-medal:before {
  content: "\f5a2";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-medium-m:before {
  content: "\f3c7";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-megaport:before {
  content: "\f5a3";
}
.fa-meh:before {
  content: "\f11a";
}
.fa-meh-blank:before {
  content: "\f5a4";
}
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}
.fa-memory:before {
  content: "\f538";
}
.fa-mendeley:before {
  content: "\f7b3";
}
.fa-menorah:before {
  content: "\f676";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-meteor:before {
  content: "\f753";
}
.fa-microblog:before {
  content: "\e01a";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-alt:before {
  content: "\f3c9";
}
.fa-microphone-alt-slash:before {
  content: "\f539";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-microscope:before {
  content: "\f610";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-minus:before {
  content: "\f068";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-mitten:before {
  content: "\f7b5";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-mixer:before {
  content: "\e056";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-mobile:before {
  content: "\f10b";
}
.fa-mobile-alt:before {
  content: "\f3cd";
}
.fa-modx:before {
  content: "\f285";
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-money-bill:before {
  content: "\f0d6";
}
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-money-bill-wave:before {
  content: "\f53a";
}
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-money-check:before {
  content: "\f53c";
}
.fa-money-check-alt:before {
  content: "\f53d";
}
.fa-monument:before {
  content: "\f5a6";
}
.fa-moon:before {
  content: "\f186";
}
.fa-mortar-pestle:before {
  content: "\f5a7";
}
.fa-mosque:before {
  content: "\f678";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-mountain:before {
  content: "\f6fc";
}
.fa-mouse:before {
  content: "\f8cc";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-mug-hot:before {
  content: "\f7b6";
}
.fa-music:before {
  content: "\f001";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-neos:before {
  content: "\f612";
}
.fa-network-wired:before {
  content: "\f6ff";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-newspaper:before {
  content: "\f1ea";
}
.fa-nimblr:before {
  content: "\f5a8";
}
.fa-node:before {
  content: "\f419";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-not-equal:before {
  content: "\f53e";
}
.fa-notes-medical:before {
  content: "\f481";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-octopus-deploy:before {
  content: "\e082";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-oil-can:before {
  content: "\f613";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-om:before {
  content: "\f679";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-orcid:before {
  content: "\f8d2";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-otter:before {
  content: "\f700";
}
.fa-outdent:before {
  content: "\f03b";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-pager:before {
  content: "\f815";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-paint-roller:before {
  content: "\f5aa";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-pallet:before {
  content: "\f482";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-parachute-box:before {
  content: "\f4cd";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-parking:before {
  content: "\f540";
}
.fa-passport:before {
  content: "\f5ab";
}
.fa-pastafarianism:before {
  content: "\f67b";
}
.fa-paste:before {
  content: "\f0ea";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-peace:before {
  content: "\f67c";
}
.fa-pen:before {
  content: "\f304";
}
.fa-pen-alt:before {
  content: "\f305";
}
.fa-pen-fancy:before {
  content: "\f5ac";
}
.fa-pen-nib:before {
  content: "\f5ad";
}
.fa-pen-square:before {
  content: "\f14b";
}
.fa-pencil-alt:before {
  content: "\f303";
}
.fa-pencil-ruler:before {
  content: "\f5ae";
}
.fa-penny-arcade:before {
  content: "\f704";
}
.fa-people-arrows:before {
  content: "\e068";
}
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-pepper-hot:before {
  content: "\f816";
}
.fa-perbyte:before {
  content: "\e083";
}
.fa-percent:before {
  content: "\f295";
}
.fa-percentage:before {
  content: "\f541";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-person-booth:before {
  content: "\f756";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-phone:before {
  content: "\f095";
}
.fa-phone-alt:before {
  content: "\f879";
}
.fa-phone-slash:before {
  content: "\f3dd";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-phone-square-alt:before {
  content: "\f87b";
}
.fa-phone-volume:before {
  content: "\f2a0";
}
.fa-photo-video:before {
  content: "\f87c";
}
.fa-php:before {
  content: "\f457";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-square:before {
  content: "\e01e";
}
.fa-piggy-bank:before {
  content: "\f4d3";
}
.fa-pills:before {
  content: "\f484";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-pizza-slice:before {
  content: "\f818";
}
.fa-place-of-worship:before {
  content: "\f67f";
}
.fa-plane:before {
  content: "\f072";
}
.fa-plane-arrival:before {
  content: "\f5af";
}
.fa-plane-departure:before {
  content: "\f5b0";
}
.fa-plane-slash:before {
  content: "\e069";
}
.fa-play:before {
  content: "\f04b";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-plus:before {
  content: "\f067";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-poll:before {
  content: "\f681";
}
.fa-poll-h:before {
  content: "\f682";
}
.fa-poo:before {
  content: "\f2fe";
}
.fa-poo-storm:before {
  content: "\f75a";
}
.fa-poop:before {
  content: "\f619";
}
.fa-portrait:before {
  content: "\f3e0";
}
.fa-pound-sign:before {
  content: "\f154";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-pray:before {
  content: "\f683";
}
.fa-praying-hands:before {
  content: "\f684";
}
.fa-prescription:before {
  content: "\f5b1";
}
.fa-prescription-bottle:before {
  content: "\f485";
}
.fa-prescription-bottle-alt:before {
  content: "\f486";
}
.fa-print:before {
  content: "\f02f";
}
.fa-procedures:before {
  content: "\f487";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-project-diagram:before {
  content: "\f542";
}
.fa-pump-medical:before {
  content: "\e06a";
}
.fa-pump-soap:before {
  content: "\e06b";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-question:before {
  content: "\f128";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-quidditch:before {
  content: "\f458";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-quran:before {
  content: "\f687";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-radiation:before {
  content: "\f7b9";
}
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-rainbow:before {
  content: "\f75b";
}
.fa-random:before {
  content: "\f074";
}
.fa-raspberry-pi:before {
  content: "\f7bb";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-react:before {
  content: "\f41b";
}
.fa-reacteurope:before {
  content: "\f75d";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-receipt:before {
  content: "\f543";
}
.fa-record-vinyl:before {
  content: "\f8d9";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-redhat:before {
  content: "\f7bc";
}
.fa-redo:before {
  content: "\f01e";
}
.fa-redo-alt:before {
  content: "\f2f9";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-remove-format:before {
  content: "\f87d";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-reply:before {
  content: "\f3e5";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-republican:before {
  content: "\f75e";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-restroom:before {
  content: "\f7bd";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-ribbon:before {
  content: "\f4d6";
}
.fa-ring:before {
  content: "\f70b";
}
.fa-road:before {
  content: "\f018";
}
.fa-robot:before {
  content: "\f544";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-route:before {
  content: "\f4d7";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-ruble-sign:before {
  content: "\f158";
}
.fa-ruler:before {
  content: "\f545";
}
.fa-ruler-combined:before {
  content: "\f546";
}
.fa-ruler-horizontal:before {
  content: "\f547";
}
.fa-ruler-vertical:before {
  content: "\f548";
}
.fa-running:before {
  content: "\f70c";
}
.fa-rupee-sign:before {
  content: "\f156";
}
.fa-rust:before {
  content: "\e07a";
}
.fa-sad-cry:before {
  content: "\f5b3";
}
.fa-sad-tear:before {
  content: "\f5b4";
}
.fa-safari:before {
  content: "\f267";
}
.fa-salesforce:before {
  content: "\f83b";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-satellite:before {
  content: "\f7bf";
}
.fa-satellite-dish:before {
  content: "\f7c0";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-school:before {
  content: "\f549";
}
.fa-screwdriver:before {
  content: "\f54a";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-scroll:before {
  content: "\f70e";
}
.fa-sd-card:before {
  content: "\f7c2";
}
.fa-search:before {
  content: "\f002";
}
.fa-search-dollar:before {
  content: "\f688";
}
.fa-search-location:before {
  content: "\f689";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-seedling:before {
  content: "\f4d8";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-server:before {
  content: "\f233";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-shapes:before {
  content: "\f61f";
}
.fa-share:before {
  content: "\f064";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-shekel-sign:before {
  content: "\f20b";
}
.fa-shield-alt:before {
  content: "\f3ed";
}
.fa-shield-virus:before {
  content: "\e06c";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-shipping-fast:before {
  content: "\f48b";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-shoe-prints:before {
  content: "\f54b";
}
.fa-shopify:before {
  content: "\e057";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-shopware:before {
  content: "\f5b5";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-shuttle-van:before {
  content: "\f5b6";
}
.fa-sign:before {
  content: "\f4d9";
}
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-signal:before {
  content: "\f012";
}
.fa-signature:before {
  content: "\f5b7";
}
.fa-sim-card:before {
  content: "\f7c4";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-sink:before {
  content: "\e06d";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-sith:before {
  content: "\f512";
}
.fa-skating:before {
  content: "\f7c5";
}
.fa-sketch:before {
  content: "\f7c6";
}
.fa-skiing:before {
  content: "\f7c9";
}
.fa-skiing-nordic:before {
  content: "\f7ca";
}
.fa-skull:before {
  content: "\f54c";
}
.fa-skull-crossbones:before {
  content: "\f714";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-slack:before {
  content: "\f198";
}
.fa-slack-hash:before {
  content: "\f3ef";
}
.fa-slash:before {
  content: "\f715";
}
.fa-sleigh:before {
  content: "\f7cc";
}
.fa-sliders-h:before {
  content: "\f1de";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-smile:before {
  content: "\f118";
}
.fa-smile-beam:before {
  content: "\f5b8";
}
.fa-smile-wink:before {
  content: "\f4da";
}
.fa-smog:before {
  content: "\f75f";
}
.fa-smoking:before {
  content: "\f48d";
}
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-sms:before {
  content: "\f7cd";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-snowboarding:before {
  content: "\f7ce";
}
.fa-snowflake:before {
  content: "\f2dc";
}
.fa-snowman:before {
  content: "\f7d0";
}
.fa-snowplow:before {
  content: "\f7d2";
}
.fa-soap:before {
  content: "\e06e";
}
.fa-socks:before {
  content: "\f696";
}
.fa-solar-panel:before {
  content: "\f5ba";
}
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-sort-alpha-down-alt:before {
  content: "\f881";
}
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-sort-alpha-up-alt:before {
  content: "\f882";
}
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-sort-amount-down-alt:before {
  content: "\f884";
}
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-sort-amount-up-alt:before {
  content: "\f885";
}
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-sort-numeric-down-alt:before {
  content: "\f886";
}
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-sort-numeric-up-alt:before {
  content: "\f887";
}
.fa-sort-up:before {
  content: "\f0de";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-sourcetree:before {
  content: "\f7d3";
}
.fa-spa:before {
  content: "\f5bb";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-spell-check:before {
  content: "\f891";
}
.fa-spider:before {
  content: "\f717";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-splotch:before {
  content: "\f5bc";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-spray-can:before {
  content: "\f5bd";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-square-full:before {
  content: "\f45c";
}
.fa-square-root-alt:before {
  content: "\f698";
}
.fa-squarespace:before {
  content: "\f5be";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-stackpath:before {
  content: "\f842";
}
.fa-stamp:before {
  content: "\f5bf";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-and-crescent:before {
  content: "\f699";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-star-half-alt:before {
  content: "\f5c0";
}
.fa-star-of-david:before {
  content: "\f69a";
}
.fa-star-of-life:before {
  content: "\f621";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stopwatch:before {
  content: "\f2f2";
}
.fa-stopwatch-20:before {
  content: "\e06f";
}
.fa-store:before {
  content: "\f54e";
}
.fa-store-alt:before {
  content: "\f54f";
}
.fa-store-alt-slash:before {
  content: "\e070";
}
.fa-store-slash:before {
  content: "\e071";
}
.fa-strava:before {
  content: "\f428";
}
.fa-stream:before {
  content: "\f550";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-stroopwafel:before {
  content: "\f551";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-subway:before {
  content: "\f239";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-suitcase-rolling:before {
  content: "\f5c1";
}
.fa-sun:before {
  content: "\f185";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-surprise:before {
  content: "\f5c2";
}
.fa-suse:before {
  content: "\f7d6";
}
.fa-swatchbook:before {
  content: "\f5c3";
}
.fa-swift:before {
  content: "\f8e1";
}
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-swimming-pool:before {
  content: "\f5c5";
}
.fa-symfony:before {
  content: "\f83d";
}
.fa-synagogue:before {
  content: "\f69b";
}
.fa-sync:before {
  content: "\f021";
}
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-syringe:before {
  content: "\f48e";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-tablet-alt:before {
  content: "\f3fa";
}
.fa-tablets:before {
  content: "\f490";
}
.fa-tachometer-alt:before {
  content: "\f3fd";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-tape:before {
  content: "\f4db";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-taxi:before {
  content: "\f1ba";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-teeth:before {
  content: "\f62e";
}
.fa-teeth-open:before {
  content: "\f62f";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-telegram-plane:before {
  content: "\f3fe";
}
.fa-temperature-high:before {
  content: "\f769";
}
.fa-temperature-low:before {
  content: "\f76b";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-tenge:before {
  content: "\f7d7";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-the-red-yeti:before {
  content: "\f69d";
}
.fa-theater-masks:before {
  content: "\f630";
}
.fa-themeco:before {
  content: "\f5c6";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-thermometer:before {
  content: "\f491";
}
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-think-peaks:before {
  content: "\f731";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-ticket-alt:before {
  content: "\f3ff";
}
.fa-tiktok:before {
  content: "\e07b";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-tint:before {
  content: "\f043";
}
.fa-tint-slash:before {
  content: "\f5c7";
}
.fa-tired:before {
  content: "\f5c8";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-toilet:before {
  content: "\f7d8";
}
.fa-toilet-paper:before {
  content: "\f71e";
}
.fa-toilet-paper-slash:before {
  content: "\e072";
}
.fa-toolbox:before {
  content: "\f552";
}
.fa-tools:before {
  content: "\f7d9";
}
.fa-tooth:before {
  content: "\f5c9";
}
.fa-torah:before {
  content: "\f6a0";
}
.fa-torii-gate:before {
  content: "\f6a1";
}
.fa-tractor:before {
  content: "\f722";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-traffic-light:before {
  content: "\f637";
}
.fa-trailer:before {
  content: "\e041";
}
.fa-train:before {
  content: "\f238";
}
.fa-tram:before {
  content: "\f7da";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-trash-alt:before {
  content: "\f2ed";
}
.fa-trash-restore:before {
  content: "\f829";
}
.fa-trash-restore-alt:before {
  content: "\f82a";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-trello:before {
  content: "\f181";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-truck-loading:before {
  content: "\f4de";
}
.fa-truck-monster:before {
  content: "\f63b";
}
.fa-truck-moving:before {
  content: "\f4df";
}
.fa-truck-pickup:before {
  content: "\f63c";
}
.fa-tshirt:before {
  content: "\f553";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-tv:before {
  content: "\f26c";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-uber:before {
  content: "\f402";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-umbraco:before {
  content: "\f8e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-umbrella-beach:before {
  content: "\f5ca";
}
.fa-uncharted:before {
  content: "\e084";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-undo:before {
  content: "\f0e2";
}
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-unity:before {
  content: "\e049";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-university:before {
  content: "\f19c";
}
.fa-unlink:before {
  content: "\f127";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-unsplash:before {
  content: "\e07c";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-upload:before {
  content: "\f093";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-usb:before {
  content: "\f287";
}
.fa-user:before {
  content: "\f007";
}
.fa-user-alt:before {
  content: "\f406";
}
.fa-user-alt-slash:before {
  content: "\f4fa";
}
.fa-user-astronaut:before {
  content: "\f4fb";
}
.fa-user-check:before {
  content: "\f4fc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-clock:before {
  content: "\f4fd";
}
.fa-user-cog:before {
  content: "\f4fe";
}
.fa-user-edit:before {
  content: "\f4ff";
}
.fa-user-friends:before {
  content: "\f500";
}
.fa-user-graduate:before {
  content: "\f501";
}
.fa-user-injured:before {
  content: "\f728";
}
.fa-user-lock:before {
  content: "\f502";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-user-minus:before {
  content: "\f503";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-user-nurse:before {
  content: "\f82f";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-user-shield:before {
  content: "\f505";
}
.fa-user-slash:before {
  content: "\f506";
}
.fa-user-tag:before {
  content: "\f507";
}
.fa-user-tie:before {
  content: "\f508";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-users-cog:before {
  content: "\f509";
}
.fa-users-slash:before {
  content: "\e073";
}
.fa-usps:before {
  content: "\f7e1";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-utensils:before {
  content: "\f2e7";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-vector-square:before {
  content: "\f5cb";
}
.fa-venus:before {
  content: "\f221";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-vest:before {
  content: "\e085";
}
.fa-vest-patches:before {
  content: "\e086";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-vial:before {
  content: "\f492";
}
.fa-vials:before {
  content: "\f493";
}
.fa-viber:before {
  content: "\f409";
}
.fa-video:before {
  content: "\f03d";
}
.fa-video-slash:before {
  content: "\f4e2";
}
.fa-vihara:before {
  content: "\f6a7";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-virus:before {
  content: "\e074";
}
.fa-virus-slash:before {
  content: "\e075";
}
.fa-viruses:before {
  content: "\e076";
}
.fa-vk:before {
  content: "\f189";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-voicemail:before {
  content: "\f897";
}
.fa-volleyball-ball:before {
  content: "\f45f";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-mute:before {
  content: "\f6a9";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-vote-yea:before {
  content: "\f772";
}
.fa-vr-cardboard:before {
  content: "\f729";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-walking:before {
  content: "\f554";
}
.fa-wallet:before {
  content: "\f555";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-watchman-monitoring:before {
  content: "\e087";
}
.fa-water:before {
  content: "\f773";
}
.fa-wave-square:before {
  content: "\f83e";
}
.fa-waze:before {
  content: "\f83f";
}
.fa-weebly:before {
  content: "\f5cc";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-weight:before {
  content: "\f496";
}
.fa-weight-hanging:before {
  content: "\f5cd";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-wind:before {
  content: "\f72e";
}
.fa-window-close:before {
  content: "\f410";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-wine-bottle:before {
  content: "\f72f";
}
.fa-wine-glass:before {
  content: "\f4e3";
}
.fa-wine-glass-alt:before {
  content: "\f5ce";
}
.fa-wix:before {
  content: "\f5cf";
}
.fa-wizards-of-the-coast:before {
  content: "\f730";
}
.fa-wodu:before {
  content: "\e088";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-won-sign:before {
  content: "\f159";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-x-ray:before {
  content: "\f497";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-yammer:before {
  content: "\f840";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-yarn:before {
  content: "\f7e3";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-yen-sign:before {
  content: "\f157";
}
.fa-yin-yang:before {
  content: "\f6ad";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-youtube-square:before {
  content: "\f431";
}
.fa-zhihu:before {
  content: "\f63f";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/assets/fonts/fa-solid-900.9bbb245e.eot);
  src: url(/assets/fonts/fa-solid-900.9bbb245e.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/fa-solid-900.1551f4f6.woff2) format('woff2'), url(/assets/fonts/fa-solid-900.eeccf4f6.woff) format('woff'), url(/assets/fonts/fa-solid-900.be9ee23c.ttf) format('truetype'), url(/assets/fonts/fa-solid-900.7a8b4f13.svg#fontawesome) format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/fonts/fa-regular-400.77206a6b.eot);
  src: url(/assets/fonts/fa-regular-400.77206a6b.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/fa-regular-400.7a333762.woff2) format('woff2'), url(/assets/fonts/fa-regular-400.bb58e57c.woff) format('woff'), url(/assets/fonts/fa-regular-400.491974d1.ttf) format('truetype'), url(/assets/fonts/fa-regular-400.4689f52c.svg#fontawesome) format('svg');
}
.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/fonts/fa-brands-400.23f19bb0.eot);
  src: url(/assets/fonts/fa-brands-400.23f19bb0.eot?#iefix) format('embedded-opentype'), url(/assets/fonts/fa-brands-400.d878b0a6.woff2) format('woff2'), url(/assets/fonts/fa-brands-400.2285773e.woff) format('woff'), url(/assets/fonts/fa-brands-400.527940b1.ttf) format('truetype'), url(/assets/fonts/fa-brands-400.2f517e09.svg#fontawesome) format('svg');
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/assets/fonts/glyphicons-halflings-regular.5be1347c.eot);
  src: url(/assets/fonts/glyphicons-halflings-regular.5be1347c.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/glyphicons-halflings-regular.be810be3.woff2) format("woff2"), url(/assets/fonts/glyphicons-halflings-regular.82b1212e.woff) format("woff"), url(/assets/fonts/glyphicons-halflings-regular.4692b9ec.ttf) format("truetype"), url(/assets/fonts/glyphicons-halflings-regular.060b2710.svg#glyphicons_halflingsregular) format("svg");
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "Microsoft YaHei", "Apple SD Gothic Neo", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #2299bb;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #66ccff;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: #cc5288;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 41px;
}
h2,
.h2 {
  font-size: 34px;
}
h3,
.h3 {
  font-size: 28px;
}
h4,
.h4 {
  font-size: 20px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 900px) {
  .lead {
    font-size: 24px;
  }
}
small,
.small {
  font-size: 87%;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #ff66aa;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #ff338e;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #ff66aa;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #ff338e;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.25;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 900px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.25;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.25;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.25;
  color: #1a1a1a;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 900px) {
  .container {
    width: 1000px;
  }
}
@media (min-width: 900px) {
  .container {
    width: 1000px;
  }
}
@media (min-width: 1300px) {
  .container {
    width: 1000px;
  }
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 900px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 900px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1300px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.25;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 899px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: inherit;
  color: #1a1a1a;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type="search"] {
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 6px;
  font-size: 16px;
  line-height: 1.25;
  color: #1a1a1a;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.25;
  color: #1a1a1a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #ff66aa;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 102, 170, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 33px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 49px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 36px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 33px;
  line-height: 33px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 33px;
  line-height: 33px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 33px;
  min-height: 34px;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.input-lg {
  height: 49px;
  padding: 10px 15px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 49px;
  line-height: 49px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 49px;
  padding: 10px 15px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 49px;
  line-height: 49px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 49px;
  min-height: 40px;
  padding: 11px 15px;
  font-size: 20px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 49px;
  height: 49px;
  line-height: 49px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #ffffff;
}
@media (min-width: 900px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 6px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 26px;
}
.form-horizontal .form-group {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 900px) {
  .form-horizontal .control-label {
    padding-top: 6px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}
@media (min-width: 900px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 20px;
  }
}
@media (min-width: 900px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 14px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.25;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
a[disabled] {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #ff66aa;
  border-color: #ff4c9c;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #ff338e;
  border-color: #cc005b;
}
.btn-primary:hover {
  color: #fff;
  background-color: #ff338e;
  border-color: #ff0f7a;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #ff338e;
  background-image: none;
  border-color: #ff0f7a;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #ff0f7a;
  border-color: #cc005b;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ff66aa;
  border-color: #ff4c9c;
}
.btn-primary .badge {
  color: #ff66aa;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #88b300;
  border-color: #759a00;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #618000;
  border-color: #141a00;
}
.btn-success:hover {
  color: #fff;
  background-color: #618000;
  border-color: #465c00;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #618000;
  background-image: none;
  border-color: #465c00;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #465c00;
  border-color: #141a00;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #88b300;
  border-color: #759a00;
}
.btn-success .badge {
  color: #88b300;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #66ccff;
  border-color: #4cc4ff;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #33bbff;
  border-color: #0088cc;
}
.btn-info:hover {
  color: #fff;
  background-color: #33bbff;
  border-color: #0fafff;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #33bbff;
  background-image: none;
  border-color: #0fafff;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #0fafff;
  border-color: #0088cc;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #66ccff;
  border-color: #4cc4ff;
}
.btn-info .badge {
  color: #66ccff;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ffcc22;
  border-color: #ffc608;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #eeb700;
  border-color: #886900;
}
.btn-warning:hover {
  color: #fff;
  background-color: #eeb700;
  border-color: #ca9c00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #eeb700;
  background-image: none;
  border-color: #ca9c00;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #ca9c00;
  border-color: #886900;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #ffcc22;
  border-color: #ffc608;
}
.btn-warning .badge {
  color: #ffcc22;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #ed1221;
  border-color: #d5101e;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #be0e1a;
  border-color: #5f070d;
}
.btn-danger:hover {
  color: #fff;
  background-color: #be0e1a;
  border-color: #9c0c16;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #be0e1a;
  background-image: none;
  border-color: #9c0c16;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #9c0c16;
  border-color: #5f070d;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #ed1221;
  border-color: #d5101e;
}
.btn-danger .badge {
  color: #ed1221;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #2299bb;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #66ccff;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 15px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 0 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 16px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.25;
  color: #1a1a1a;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #0d0d0d;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #ff66aa;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  line-height: 1.25;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 900px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  padding: 10px 15px;
  font-size: 20px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 49px;
  line-height: 49px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  line-height: 33px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #1a1a1a;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 20px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: transparent;
  border-color: #2299bb;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.25;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #262626;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 900px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 900px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #ff66aa;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 900px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 900px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 900px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 900px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 900px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 900px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 900px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 900px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 10px 10px;
  font-size: 20px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 900px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 900px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 5px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 899px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 900px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navbar-form {
  padding: 10px 10px;
  margin-right: -10px;
  margin-left: -10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@media (min-width: 900px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 899px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 900px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 8.5px;
  margin-bottom: 8.5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 900px) {
  .navbar-text {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (min-width: 900px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 899px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 899px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 5px 10px;
  margin-left: -1px;
  line-height: 1.25;
  color: #2299bb;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #66ccff;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #ff66aa;
  border-color: #ff66aa;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 15px;
  font-size: 20px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #ff66aa;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #ff338e;
}
.label-success {
  background-color: #88b300;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #618000;
}
.label-info {
  background-color: #66ccff;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #33bbff;
}
.label-warning {
  background-color: #ffcc22;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #eeb700;
}
.label-danger {
  background-color: #ed1221;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #be0e1a;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #441188;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #cc5288;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #2299bb;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 900px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 72px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #2299bb;
}
.thumbnail .caption {
  padding: 9px;
  color: #fff;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #ff66aa;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #88b300;
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #66ccff;
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ffcc22;
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #ed1221;
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #ff66aa;
  border-color: #ff66aa;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #ffffff;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #1a1a1a;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #1a1a1a;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #ff66aa;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #ff66aa;
  border-color: #ff66aa;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff66aa;
}
.panel-primary > .panel-heading .badge {
  color: #ff66aa;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff66aa;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.25;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 900px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 900px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "Microsoft YaHei", "Apple SD Gothic Neo", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "Microsoft YaHei", "Apple SD Gothic Neo", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 16px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 16px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    transition: transform 0.6s ease-in-out;
    backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 900px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 899px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 899px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 899px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 899px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 900px) and (max-width: 899px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 900px) and (max-width: 899px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 900px) and (max-width: 899px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 900px) and (max-width: 899px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 900px) and (max-width: 1299px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 900px) and (max-width: 1299px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 900px) and (max-width: 1299px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 900px) and (max-width: 1299px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1300px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1300px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1300px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1300px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 899px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 900px) and (max-width: 899px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 900px) and (max-width: 1299px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1300px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.modal.fade .modal-dialog {
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
}
.pswp {
  z-index: 9000;
}
.pswp__bg {
  background: rgba(0, 0, 0, 0.8);
}
.pswp__button {
  opacity: 0.75;
  color: #fff;
}
.pswp__button--contest-vote {
  /*
       * Overrides original sytle.
       * The second selector is needed to override retina version that is slightly
       * different than what we use.
       */
}
.pswp__button--contest-vote.pswp__button--contest-vote {
  background-image: none;
}
.pswp__button--contest-vote-active {
  opacity: 0.9;
  color: #ffa500;
}
.pswp__button--vote-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  cursor: default;
}
.pswp__button--vote-progress.pswp__button--vote-progress {
  background-image: none;
}
.pswp__button--disabled {
  cursor: default;
}
.pswp__button--disabled:hover,
.pswp__button--disabled:focus,
.pswp__button--disabled:active {
  opacity: 0.75;
}
/*!
 * jQuery UI Slider 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  cursor: pointer;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  width: 10px;
  height: 20px;
  border-radius: 30px;
  background-color: #bb1177;
  outline: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 10px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: -5px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
.ui-corner-all {
  border-radius: 6px;
}
@font-face {
  font-family: "Venera";
  font-weight: 500;
  src: url(/assets/fonts/Venera-500.2deb39f9.otf);
}
/**
 * @license
 * MyFonts Webfont Build ID 3797987, 2019-08-16T07:07:19-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Torus-Thin by Paulo Goode
 * URL: https://www.myfonts.com/fonts/paulo-goode/torus/thin/
 *
 * Webfont: Torus-SemiBold by Paulo Goode
 * URL: https://www.myfonts.com/fonts/paulo-goode/torus/semi-bold/
 *
 * Webfont: Torus-Regular by Paulo Goode
 * URL: https://www.myfonts.com/fonts/paulo-goode/torus/regular/
 *
 * Webfont: Torus-Light by Paulo Goode
 * URL: https://www.myfonts.com/fonts/paulo-goode/torus/light/
 *
 * Webfont: Torus-Heavy by Paulo Goode
 * URL: https://www.myfonts.com/fonts/paulo-goode/torus/heavy/
 *
 * Webfont: Torus-Bold by Paulo Goode
 * URL: https://www.myfonts.com/fonts/paulo-goode/torus/bold/
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3797987
 * Licensed pageviews: 100,000
 * Webfonts copyright: Copyright &#x00A9; 2017 by Paulo Goode. All rights reserved.
 *
 * © 2019 MyFonts Inc
 */
@font-face {
  font-family: "Torus";
  font-weight: 100;
  src: url(/assets/fonts/Torus-Thin.daca2c7e.otf);
}
@font-face {
  font-family: "Torus";
  font-weight: 600;
  src: url(/assets/fonts/Torus-SemiBold.d263d500.otf);
}
@font-face {
  font-family: "Torus";
  font-weight: 700;
  src: url(/assets/fonts/Torus-SemiBold.d263d500.otf);
}
@font-face {
  font-family: "Torus";
  font-weight: 400;
  src: url(/assets/fonts/Torus-Regular.734ed3ae.otf);
}
@font-face {
  font-family: "Torus";
  font-weight: 300;
  src: url(/assets/fonts/Torus-Light.8d3ecae8.otf);
}
@font-face {
  font-family: "Torus";
  font-weight: 900;
  src: url(/assets/fonts/Torus-Heavy.7dc2d96b.otf);
}
@font-face {
  font-family: "Torus";
  font-weight: 800;
  src: url(/assets/fonts/Torus-Bold.c233ce17.otf);
}
blockquote {
  font-size: inherit;
  border-left: 2px solid hsl(var(--hsl-c2));
}
h1 {
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 20px 0;
}
h2 {
  font-weight: normal;
  margin: 10px 0 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: hsl(var(--hsl-c1));
}
a {
  color: hsl(var(--hsl-l2));
  outline-style: none;
  text-decoration: none;
  transition: color 80ms linear;
}
a:hover,
a:focus,
a:active {
  color: hsl(var(--hsl-l1));
}
a:link,
a:visited,
a:hover,
a:active {
  outline-style: none;
}
a:hover {
  text-decoration: underline;
}
code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background: none;
  border-radius: 0;
}
@font-face {
  font-family: "FontAwesomeExtra";
  src: url(/assets/fonts/extra.3045b5fb.eot);
  src: url(/assets/fonts/extra.3045b5fb.eot#iefix) format("embedded-opentype"), url(/assets/fonts/extra.96448ca7.woff2) format("woff2"), url(/assets/fonts/extra.e5688ff6.woff) format("woff"), url(/assets/fonts/extra.3271f4c4.ttf) format("truetype"), url(/assets/fonts/extra.9482c771.svg#extra) format("svg");
  font-weight: normal;
  font-style: normal;
}
.clear {
  clear: both;
}
.large {
  font-size: 120%;
}
.form-control {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: none;
  font-size: 14px;
}
.form-control[type="text"],
.form-control[type="password"] {
  -webkit-appearance: none;
}
.form-control:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
select.form-control {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
select.form-control:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
iframe {
  border: none;
}
label {
  font-size: 12px;
  font-weight: 600;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 2px 0 0;
}
.clickable-row {
  cursor: pointer;
}
[data-visibility] {
  will-change: opacity;
  transition: opacity 120ms;
}
[data-visibility][data-visibility="hidden"] {
  opacity: 0;
  pointer-events: none;
}
[data-visibility][data-visibility-animation="none"] {
  will-change: unset;
  transition: none;
}
@keyframes spinner-sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes spin-w-easing {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes grow-and-shrink {
  0% {
    transform: scale(0.8);
  }
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glow-pulse {
  0% {
    opacity: 0.5;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.3;
  }
}
*,
::before,
::after {
  box-sizing: border-box;
}
::-moz-selection {
  color: #fff;
  background-color: hsl(var(--hsl-h2));
}
::selection {
  color: #fff;
  background-color: hsl(var(--hsl-h2));
}
::-moz-placeholder {
  color: inherit;
  opacity: 0.54;
}
::placeholder {
  color: inherit;
  opacity: 0.54;
}
:root {
  --font-default: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "Microsoft YaHei", "Apple SD Gothic Neo", sans-serif;
  --font-default-vi: Quicksand, Torus, Inter, "Helvetica Neue", Tahoma, Arial, "PingFang TC", "Microsoft JhengHei", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-default-zh: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-default-th: Torus, Inter, "Helvetica Neue", "Prompt", Tahoma, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "Microsoft YaHei", "Apple SD Gothic Neo", sans-serif;
  --font-default-zh-tw: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "PingFang TC", "Microsoft JhengHei", "Apple SD Gothic Neo", system-ui, sans-serif;
  --font-content: Inter, sans-serif;
  --navbar-height: 50px;
  --scroll-padding-top: calc(var(--navbar-height) + 1em + var(--scroll-padding-top-extra, 0px));
  --page-gutter: 10px;
}
@media (min-width: 900px) {
  :root {
    --navbar-height: 50px;
    --page-gutter: 50px;
  }
}
html,
body {
  height: 100%;
}
html {
  scroll-padding-top: var(--scroll-padding-top);
  scroll-padding-bottom: 1em;
}
body {
  font-family: var(--font-default-override, var(--font-default));
  -ms-overflow-style: scrollbar;
  overflow-y: scroll;
  position: static;
  --z-index--nav-bar-mobile: 509;
  --header-pinned-animation-duration: 0ms;
  --beatmapset-status-colour-default: var(--hsl-b3);
  --beatmapset-graveyard-bg-hsl: 0, 0%, 0%;
  --beatmapset-graveyard-colour: hsl(var(--hsl-b1));
  --beatmapset-wip-bg-hsl: var(--hsl-darkorange-1);
  --beatmapset-wip-colour: hsl(var(--beatmapset-status-colour-default));
  --beatmapset-pending-bg-hsl: var(--hsl-orange-1);
  --beatmapset-pending-colour: hsl(var(--beatmapset-status-colour-default));
  --beatmapset-qualified-bg-hsl: var(--hsl-blue-1);
  --beatmapset-qualified-colour: hsl(var(--beatmapset-status-colour-default));
  --beatmapset-approved-bg-hsl: var(--hsl-lime-1);
  --beatmapset-approved-colour: hsl(var(--beatmapset-status-colour-default));
  --beatmapset-ranked-bg-hsl: var(--hsl-lime-1);
  --beatmapset-ranked-colour: hsl(var(--beatmapset-status-colour-default));
  --beatmapset-loved-bg-hsl: var(--hsl-pink-1);
  --beatmapset-loved-colour: hsl(var(--beatmapset-status-colour-default));
  --beatmapset-discussion-colour--hype: hsl(var(--hsl-blue-3));
  --beatmapset-discussion-colour--mapper_note: hsl(var(--hsl-purple-1));
  --beatmapset-discussion-colour--praise: hsl(var(--hsl-blue-3));
  --beatmapset-discussion-colour--problem: hsl(var(--hsl-red-3));
  --beatmapset-discussion-colour--resolved: hsl(var(--hsl-lime-3));
  --beatmapset-discussion-colour--review: hsl(var(--hsl-c2));
  --beatmapset-discussion-colour--suggestion: hsl(var(--hsl-orange-3));
  --forum-bg: hsl(var(--hsl-h1));
  --forum-text: #2299bb;
  --forum-text: #66ccff;
  --forum-item-background-color: hsl(var(--hsl-b4));
  --forum-item-background-color-hover: hsl(var(--hsl-b3));
  --base-hue: var(--base-hue-override, var(--base-hue-default));
  --base-hue-deg: calc(var(--base-hue) * 1deg);
  --level-tier-iron: #bab3ab, #bab3ab;
  --level-tier-bronze: #b88f7a, #855c47;
  --level-tier-silver: #e0e0eb, #a3a3c2;
  --level-tier-gold: #f0e4a8, #e0c952;
  --level-tier-platinum: #a8f0ef, #52e0df;
  --level-tier-rhodium: #d9f8d3, #a0cf96;
  --level-tier-radiant: #97dcff, #ed82ff;
  --level-tier-lustrous: #ffe600, #ed82ff;
}
body.js-nav2--active {
  --z-index--nav-bar-mobile: 511;
}
body.js-animate-nav {
  --header-pinned-animation-duration: 300ms;
}
#popup-container {
  backface-visibility: hidden;
  position: fixed;
  width: 100%;
  top: 155px;
  z-index: 9999;
  pointer-events: none;
}
#popup-container .alert {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border: none;
  pointer-events: auto;
}
#popup-container .popup-text {
  vertical-align: middle;
  font-weight: 700;
}
.bbcode {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
.bbcode code {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b5));
  padding: 1px 4px;
}
.bbcode h2,
.bbcode h4 {
  font-style: normal;
  font-weight: bold;
}
.bbcode h2 {
  font-size: 1.5em;
  color: hsl(var(--hsl-l1));
}
.bbcode blockquote {
  font-size: inherit;
  padding: 0 0 0 20px;
  border: none;
  color: hsl(var(--hsl-c2));
  position: relative;
}
.bbcode blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  border-radius: 10000px;
  background-color: hsl(var(--hsl-c2));
}
.bbcode blockquote h4 {
  font-size: inherit;
  color: hsl(var(--hsl-c1));
  margin: 0;
  margin-bottom: 10px;
}
.bbcode blockquote blockquote {
  font-size: 0.9em;
}
.bbcode blockquote blockquote::before {
  display: none;
}
.bbcode blockquote blockquote h4 {
  color: inherit;
}
.bbcode blockquote blockquote blockquote blockquote blockquote {
  padding-left: 0;
  font-size: 1em;
}
.bbcode img {
  max-width: 100%;
}
.bbcode ol,
.bbcode ul {
  padding-left: 20px;
}
.bbcode pre {
  border-radius: 4px;
  white-space: pre-wrap;
  background-color: hsl(var(--hsl-b5));
  color: inherit;
  padding: 10px;
  border: none;
  font-size: inherit;
}
.bbcode .unordered {
  list-style-type: disc;
}
.bbcode .spoiler {
  background-color: #000 !important;
  color: #000 !important;
}
.bbcode .well {
  margin: 0;
  background: hsl(var(--hsl-b5));
  border: 2px solid hsl(var(--hsl-b1));
}
.bbcode--normal-line-height {
  line-height: inherit;
}
.bbcode__list-title {
  list-style: none;
  margin: 0;
}
.t-section .u-section--bg-normal {
  background-color: hsl(var(--hsl-h1)) !important;
}
.t-section .u-section--color-hover:focus,
.t-section .u-section--color-hover:hover,
.t-section .u-section--color-hover:active {
  color: hsl(var(--hsl-l1)) !important;
}
.t-section .u-section--gradient-down {
  background-image: linear-gradient(hsla(var(--hsl-h2), 0.9) 0%, hsl(var(--hsl-h2)) 37.5%, hsl(var(--hsl-h2)) 50%, hsl(var(--hsl-h2)) 50%, hsl(var(--hsl-h2)) 100%);
  background-size: 200% 200%;
}
.u-section--bg {
  background-color: hsl(var(--hsl-h2));
}
.u-section-beatmaps--before-bg-normal::before {
  background-color: hsl(var(--hsl-blue-1)) !important;
}
.u-section-beatmapsets--before-bg-normal::before {
  background-color: hsl(var(--hsl-blue-1)) !important;
}
.u-section-community--before-bg-normal::before {
  background-color: hsl(var(--hsl-pink-1)) !important;
}
.u-section-error--before-bg-normal::before {
  background-color: hsl(var(--hsl-pink-1)) !important;
}
.u-section-help--before-bg-normal::before {
  background-color: hsl(var(--hsl-orange-1)) !important;
}
.u-section-home--before-bg-normal::before {
  background-color: hsl(var(--hsl-purple-1)) !important;
}
.u-section-multiplayer--before-bg-normal::before {
  background-color: hsl(var(--hsl-pink-1)) !important;
}
.u-section-rankings--before-bg-normal::before {
  background-color: hsl(var(--hsl-green-1)) !important;
}
.u-section-store--before-bg-normal::before {
  background-color: hsl(var(--hsl-darkorange-1)) !important;
}
.t-changelog-stream--beta40 .u-changelog-stream--bg {
  background-color: #ffdd55;
}
.t-changelog-stream--beta40 .u-changelog-stream--text {
  color: #ffdd55;
}
.t-changelog-stream--cuttingedge .u-changelog-stream--bg {
  background-color: #eeaa00;
}
.t-changelog-stream--cuttingedge .u-changelog-stream--text {
  color: #eeaa00;
}
.t-changelog-stream--lazer .u-changelog-stream--bg {
  background-color: #ed1221;
}
.t-changelog-stream--lazer .u-changelog-stream--text {
  color: #ed1221;
}
.t-changelog-stream--stable40 .u-changelog-stream--bg {
  background-color: #66ccff;
}
.t-changelog-stream--stable40 .u-changelog-stream--text {
  color: #66ccff;
}
.t-changelog-stream--tachyon .u-changelog-stream--bg {
  background-color: #ce00ff;
}
.t-changelog-stream--tachyon .u-changelog-stream--text {
  color: #ce00ff;
}
.t-changelog-stream--web .u-changelog-stream--bg {
  background-color: #8866ee;
}
.t-changelog-stream--web .u-changelog-stream--text {
  color: #8866ee;
}
.t-changelog-stream--all .u-changelog-stream--bg {
  background-color: #fff;
}
.t-changelog-stream--all .u-changelog-stream--text {
  color: #fff;
}
.t-changelog-stream--online .u-changelog-stream--bg {
  background-color: #b3d944;
}
.t-changelog-stream--online .u-changelog-stream--text {
  color: #b3d944;
}
.t-changelog-stream--offline .u-changelog-stream--bg {
  background-color: #000;
}
.t-changelog-stream--offline .u-changelog-stream--text {
  color: #000;
}
.t-forum-category-beatmaps {
  --forum-bg: #8866ee;
  --forum-text: #441188;
  --forum-text-hover: #8866ee;
  --forum-cover: url(/assets/images/forum-cover-category-beatmaps.4ca83c82.jpg);
  --forum-cover-2x: url(/assets/images/forum-cover-category-beatmaps@2x.4333f9be.jpg);
}
.t-forum-category-language-specific {
  --forum-bg: #ffcc22;
  --forum-text: #cc6600;
  --forum-text-hover: #eeaa00;
  --forum-cover: url(/assets/images/forum-cover-category-language-specific.98877694.jpg);
  --forum-cover-2x: url(/assets/images/forum-cover-category-language-specific@2x.9e5942bf.jpg);
}
.t-forum-category-management {
  --forum-bg: #777777;
  --forum-text: #0e0e0e;
  --forum-text-hover: #262626;
  --forum-cover: url(/assets/images/forum-cover-category-management.8abef404.jpg);
  --forum-cover-2x: url(/assets/images/forum-cover-category-management@2x.9a09b114.jpg);
}
.t-forum-category-osu {
  --forum-bg: #ff66aa;
  --forum-text: #cc5288;
  --forum-text-hover: #ff66aa;
  --forum-cover: url(/assets/images/forum-cover-category-osu.e4db1419.jpg);
  --forum-cover-2x: url(/assets/images/forum-cover-category-osu@2x.266ab03e.jpg);
}
.t-forum-category-other {
  --forum-bg: #88b300;
  --forum-text: #445500;
  --forum-text-hover: #88b300;
  --forum-cover: url(/assets/images/forum-cover-category-other.b4801060.jpg);
  --forum-cover-2x: url(/assets/images/forum-cover-category-other@2x.4b21abff.jpg);
}
/*!
 * Load Awesome v1.1.0-osu (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Copyright 2018 ppy Pty. Ltd.
 * Licensed under MIT
 *
 * Changelogs for -osu:
 * - main container changes:
 *   - set display to inline-flex
 *   - set width and height to 1em
 *   - remove font-size
 *   - remove color
 * - content divs:
 *   - moved as ::before of the parent
 *   - set width and height to 90%
 *   - set border to 0.18em
 *   - remove display, float
 * - remove variations (.la-dark, .la-<sizes>)
 * - remove prefixes
 */
.la-ball-clip-rotate {
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
}
.la-ball-clip-rotate::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0.18em solid currentColor;
  border-bottom-color: transparent;
  border-radius: 100%;
  animation: ball-clip-rotate 0.75s linear infinite;
}
.la-ball-clip-rotate--loaded.la-ball-clip-rotate::before {
  animation-iteration-count: 1;
}
.la-ball-clip-rotate--center-inline {
  bottom: -0.1em;
}
.la-ball-clip-rotate--comment-editor {
  bottom: -0.1em;
}
.la-ball-clip-rotate--self-center {
  align-self: center;
}
/*
 * Animation
 */
@keyframes ball-clip-rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fab,
.fas,
.far,
.fal {
  flex: none;
}
[class^="fa-extra-"],
[class*=" fa-extra-"] {
  font-family: "FontAwesomeExtra";
  font-weight: normal;
}
.fa-extra-mode-osu::before {
  content: '\e800';
}
.fa-extra-mode-fruits::before {
  content: '\e801';
}
.fa-extra-mode-mania::before {
  content: '\e802';
}
.fa-extra-mode-taiko::before {
  content: '\e803';
}
.fa-extra-team-leader::before {
  content: '\e806';
}
.fa-extra-osu::before {
  content: '\e805';
}
@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}
.u-blackout-visible {
  z-index: 512 !important;
}
@media (max-width: 899px) {
  .u-chat {
    position: fixed;
    width: 100%;
  }
}
.u-contents {
  display: contents !important;
}
.u-ellipsis-overflow {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
@media (min-width: 900px) {
  .u-ellipsis-overflow-desktop {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
}
.u-ellipsis-pre-overflow {
  white-space: pre !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}
.u-embed-wide {
  display: block;
  aspect-ratio: 16 / 9;
  width: 100%;
}
.u-embed-wide--bbcode {
  max-width: 425px;
}
.u-fancy-scrollbar {
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
}
.u-fancy-scrollbar * {
  scrollbar-width: thin;
}
.u-fancy-scrollbar ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.u-fancy-scrollbar ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.u-fancy-scrollbar ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.u-fancy-scrollbar ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.u-fancy-scrollbar ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
.u-focus-hides-placeholder:focus::-moz-placeholder {
  opacity: 0;
}
.u-focus-hides-placeholder:focus::placeholder {
  opacity: 0;
}
.u-full-size {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.u-hidden {
  display: none !important;
}
@media (min-width: 900px) {
  .u-hidden-desktop {
    display: none !important;
  }
}
@media (max-width: 479px) {
  .u-hidden-narrow {
    display: none !important;
  }
}
.u-hover {
  pointer-events: auto !important;
}
.u-hover-none {
  pointer-events: none !important;
}
.u-invisible {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.u-nav-float {
  z-index: 999 !important;
}
.u-relative {
  position: relative;
}
.u-uppercase {
  text-transform: uppercase;
}
.account-edit {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b5));
  font-size: 12px;
  color: white;
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .account-edit {
    flex-direction: row;
  }
}
.account-edit--first {
  position: relative;
}
.account-edit--first::after {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  pointer-events: none;
}
.account-edit__input-group {
  background-color: hsl(var(--hsl-b4));
  padding: 10px;
}
.account-edit__input-group + .account-edit__input-group {
  margin-top: 1px;
}
.account-edit__input-groups {
  flex: 1;
}
.account-edit__section {
  flex: none;
  width: 250px;
  padding: 20px 20px 20px 10px;
}
@media (min-width: 900px) {
  .account-edit__section {
    padding-bottom: 0px;
    padding-left: 50px;
  }
}
.account-edit__section-title {
  color: #fff;
  font-size: 20px;
  margin: 0;
  overflow-wrap: break-word;
}
.account-edit-entry {
  text-transform: none;
  padding: 10px 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.account-edit-entry--block {
  display: block;
}
@media (min-width: 900px) {
  .account-edit-entry--block {
    padding-left: 160px;
  }
}
@media (min-width: 900px) {
  .account-edit-entry--no-label {
    padding-left: 160px;
  }
}
.account-edit-entry.js-account-edit-avatar--start {
  position: relative;
}
.account-edit-entry.js-account-edit-avatar--start::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
}
.account-edit-entry__avatar {
  border-radius: 4px;
  transform: translateZ(0);
  width: 128px;
  height: 128px;
  margin-bottom: 10px;
  overflow: hidden;
}
.account-edit-entry__button {
  margin-left: 10px;
}
@media (max-width: 899px) {
  .account-edit-entry__button {
    margin-left: 5px;
  }
}
.account-edit-entry__checkbox {
  margin: 0;
  cursor: pointer;
  text-transform: inherit;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
@media (min-width: 900px) {
  .account-edit-entry__checkbox {
    position: relative;
    flex-wrap: nowrap;
  }
}
.account-edit-entry__checkbox--grid {
  display: flex;
  justify-content: center;
}
.account-edit-entry__checkbox--no-wrap {
  flex-wrap: nowrap;
}
.account-edit-entry__checkbox-label {
  margin-bottom: 5px;
  width: 100%;
  order: -1;
  font-weight: 600;
}
.account-edit-entry__checkbox-label--grid {
  margin-bottom: 0;
  order: 0;
}
@media (min-width: 900px) {
  .account-edit-entry__checkbox-label {
    margin-bottom: 0;
    width: auto;
    order: 0;
  }
}
.account-edit-entry__checkbox-label-info {
  margin-top: 5px;
  font-weight: normal;
  display: block;
}
.account-edit-entry__checkbox-status {
  pointer-events: none;
  display: flex;
  align-items: baseline;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 900px) {
  .account-edit-entry__checkbox-status {
    position: absolute;
    right: 100%;
    height: 100%;
  }
}
.account-edit-entry__checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (min-width: 900px) {
  .account-edit-entry__checkboxes {
    position: relative;
  }
}
.account-edit-entry__checkboxes--grid {
  display: grid;
  grid-template-columns: auto auto;
}
.account-edit-entry__checkboxes--vertical {
  flex-direction: column;
}
.account-edit-entry__checkboxes-label {
  margin-bottom: 10px;
  width: 100%;
}
.account-edit-entry__rules {
  margin-top: 10px;
}
.account-edit-entry__drop-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  opacity: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
  transition: all 120ms;
  --bg-opacity: 0;
}
.account-edit-entry.js-account-edit-avatar--start .account-edit-entry__drop-overlay {
  opacity: 1;
  --bg-opacity: 0.5;
}
.account-edit-entry.js-account-edit-avatar--hover .account-edit-entry__drop-overlay {
  --bg-opacity: 0.7;
}
.account-edit-entry__error {
  display: none;
  margin-top: 5px;
  width: 100%;
  color: hsl(var(--hsl-h1));
  padding-left: 10px;
}
@media (min-width: 900px) {
  .account-edit-entry__error {
    padding-left: 170px;
  }
}
.account-edit-entry[data-form-error-state="error"] .account-edit-entry__error {
  display: block;
}
.account-edit-entry__delivery-options {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 5px;
}
.account-edit-entry__group {
  flex: 1;
}
.account-edit-entry__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  flex: 1;
  max-width: 250px;
  align-self: stretch;
  background-color: hsl(var(--hsl-b3));
  border: 2px solid transparent;
  color: #fff;
  font-weight: normal;
  padding: 5px;
}
@media (max-width: 899px) {
  .account-edit-entry__input {
    font-size: 16px;
  }
}
.account-edit-entry--read-only .account-edit-entry__input {
  background: none;
}
.account-edit-entry__input:focus {
  border-color: hsl(var(--hsl-l1));
}
.account-edit-entry[data-form-error-state="error"] .account-edit-entry__input {
  border-color: #ed1221;
}
.account-edit-entry--wide .account-edit-entry__input {
  max-width: 100%;
}
.account-edit-entry__label {
  width: 100%;
  flex: none;
  padding-bottom: 5px;
  order: -1;
  font-weight: bold;
  color: hsl(var(--hsl-f1));
}
@media (min-width: 900px) {
  .account-edit-entry__label {
    align-self: center;
    width: 160px;
    padding-right: 10px;
    padding-bottom: 0;
    text-align: right;
  }
}
.account-edit-entry__label--top-pinned {
  align-self: flex-start;
}
*:focus ~ .account-edit-entry__label {
  color: hsl(var(--hsl-l1));
}
.account-edit-entry__misc-info {
  max-width: 250px;
  display: block;
}
.account-edit-entry__misc-info--signature-preview {
  max-height: 150px;
  overflow: hidden;
}
.account-edit-entry--wide .account-edit-entry__misc-info {
  max-width: 100%;
}
.account-edit-entry__overlay-spinner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: all 120ms;
}
.account-edit-entry.js-account-edit-avatar--saving .account-edit-entry__overlay-spinner {
  opacity: 1;
}
.account-edit-status {
  margin-left: 10px;
  display: flex;
  font-weight: bold;
}
.account-edit-status__content {
  opacity: 0;
  transition: all 120ms ease-in-out;
  padding-right: 10px;
}
.account-edit-status__content--saved {
  color: #88b300;
}
[data-account-edit-state="saved"] .account-edit-status__content--saved {
  opacity: 1;
}
.account-edit-status__content--saving {
  position: absolute;
}
@media (min-width: 900px) {
  .account-edit-status--left .account-edit-status__content--saving {
    right: 0;
    top: 2px;
  }
}
[data-account-edit-state="saving"] .account-edit-status__content--saving {
  opacity: 1;
}
.account-verification-message {
  text-align: center;
}
.account-verification-message__icon {
  font-size: 60px;
  color: #88b300;
}
.account-verification-message__text {
  font-size: 12px;
}
.account-verification-message__title {
  margin: 10px 0;
}
.address {
  margin-bottom: 20px;
  overflow-wrap: break-word;
}
.admin-contest {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.admin-contest__description {
  background-color: hsl(var(--hsl-b4));
  font-size: 14px;
  padding: 10px;
}
.admin-contest__description--judges {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 5px;
}
@media (min-width: 480px) {
  .admin-contest__description {
    padding: 20px;
  }
}
.admin-contest__meta-title {
  color: hsl(var(--hsl-f1));
  font-weight: bold;
}
@media (min-width: 480px) {
  .admin-contest__meta-title {
    justify-self: flex-end;
  }
}
.admin-contest__meta {
  display: grid;
  grid-template-columns: auto;
  gap: 5px 10px;
}
@media (min-width: 480px) {
  .admin-contest__meta {
    grid-template-columns: auto 1fr;
  }
}
.admin-contest__table {
  table-layout: fixed;
  word-wrap: break-word;
}
.admin-contest__table-column--username {
  width: 150px;
}
.admin-contest__table-column--filesize {
  width: 70px;
}
.admin-contest__table-column--button {
  width: 50px;
}
.admin-contest__title {
  color: hsl(var(--hsl-f1));
  font-weight: bold;
  margin-bottom: 5px;
}
.admin-contest__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-end;
}
.admin-contest__vote-count {
  color: hsl(var(--hsl-red-2));
}
.admin-contest__vote-count--complete {
  color: hsl(var(--hsl-green-2));
}
.admin-contest-entry__deleted {
  opacity: 0.25;
}
.admin-contest-entry__thumbnail {
  max-height: 400px;
}
.admin-contest-entry__user-column {
  width: 250px;
  padding-left: 10px;
}
.admin-contest-entry__avatar {
  display: inline-block;
  width: 32px;
  margin-right: 5px;
}
.admin-contest-entry__preview {
  padding: 20px;
}
.admin-contest-entry__user-link {
  display: flex;
  align-items: center;
}
.admin-contest-entry__username {
  margin-bottom: 10px;
}
.admin-contest-entry__column.admin-contest-entry__column {
  vertical-align: middle;
}
.admin-contest-entry__column--button {
  text-align: center;
}
.admin-menu {
  position: fixed;
  z-index: 499;
  bottom: 0;
  left: 0;
  opacity: 0;
  color: #fff;
  padding: 20px 20px 50px 50px;
}
.admin-menu:hover {
  opacity: 1;
}
.admin-menu__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 10000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  width: 50px;
  background-color: #333;
}
.admin-menu__button:hover,
.admin-menu__button.js-menu--active {
  background-color: #2299bb;
}
.admin-menu__button-arrow {
  font-size: 12px;
}
.admin-menu__button-icon {
  margin-top: 10px;
  font-size: 24px;
}
.admin-menu__menu {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-left: 50px;
  margin-bottom: -20px;
  padding-bottom: 10px;
}
.admin-menu-item {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  color: #fff;
  display: block;
  margin-top: 10px;
}
.admin-menu-item:hover,
.admin-menu-item:focus,
.admin-menu-item:active {
  text-decoration: none;
}
.admin-menu-item:hover,
.admin-menu-item:focus,
.admin-menu-item:active {
  color: #fff;
}
.admin-menu-item__content {
  display: flex;
  align-items: center;
}
.admin-menu-item__label {
  flex: none;
  background-color: #333;
}
.admin-menu-item:hover .admin-menu-item__label {
  background-color: #2299bb;
}
.admin-menu-item__label--icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  font-size: 24px;
}
.admin-menu-item__label--text {
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 14px;
}
.artist__admin-note {
  background-color: hsl(var(--hsl-h2));
  color: black;
  font-weight: bold;
  padding: 20px;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 900px) {
  .artist__admin-note {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }
}
.artist__badge-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
  pointer-events: none;
}
.artist__box {
  margin: 10px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.artist__box--hidden {
  opacity: 0.25;
}
.artist__description {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-b5));
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media (min-width: 900px) {
  .artist__description {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 900px) {
  .artist__description {
    margin-bottom: 10px;
  }
}
.artist__description > h1,
.artist__description h2,
.artist__description h3,
.artist__description h4,
.artist__description h5,
.artist__description h6 {
  color: white;
}
@media (min-width: 900px) {
  .artist__description--index {
    margin-bottom: 0;
  }
}
.artist__index {
  background-color: hsl(var(--hsl-b4));
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
.artist__label-overlay {
  width: 64px;
  height: 64px;
  background-size: cover;
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 4px 0 3px 0;
  background-image: var(--artist-label-overlay);
}
@media (min-resolution: 1.5dppx) {
  .artist__label-overlay {
    background-image: var(--artist-label-overlay-2x);
  }
}
.artist__links-area {
  margin: 0 auto 10px auto;
  width: 270px;
  padding: 10px;
}
@media (min-width: 900px) {
  .artist__links-area {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    background: hsl(var(--hsl-b5));
  }
}
.artist__links-area--albums {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 899px) {
  .artist__links-area--albums {
    display: none;
  }
}
.artist__name {
  white-space: nowrap;
  color: hsl(var(--hsl-l1));
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  display: block;
}
.artist__name:hover {
  color: white;
}
.artist__portrait {
  background-image: var(--artist-portrait, url(/assets/images/artist-noavatar.29940f4f.jpg));
  width: 250px;
  height: 250px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  display: block;
  margin: 10px auto;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
  .artist__portrait {
    background-image: var(--artist-portrait-2x, url(/assets/images/artist-noavatar@2x.1500726c.jpg));
  }
}
@media (min-width: 900px) {
  .artist__portrait {
    margin-top: -113px;
  }
}
.artist__portrait--index {
  width: 200px;
  height: 200px;
  margin: 0;
}
@media (min-width: 900px) {
  .artist__portrait--index {
    margin: 0;
  }
}
.artist__portrait--new {
  box-shadow: 25px -10px 50px hsla(var(--hsl-orange-1), 0.2);
}
.artist__portrait-wrapper {
  width: 200px;
  height: 200px;
  position: relative;
}
.artist__track-count {
  color: hsl(var(--hsl-f1));
  font-size: 12px;
  text-align: center;
}
.artist__video {
  margin-top: 20px;
  aspect-ratio: 16 / 9;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.artist__white-link {
  color: #fff;
  text-decoration: none;
}
.artist__white-link:hover,
.artist__white-link:focus,
.artist__white-link:active {
  color: #fff;
}
.artist__white-link:hover,
.artist__white-link:focus,
.artist__white-link:active {
  text-decoration: none;
}
.artist-album {
  background-color: hsl(var(--hsl-b5));
  padding: 20px;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.artist-album__badge {
  position: relative;
  margin-left: auto;
}
.artist-album__cover {
  width: 64px;
  height: 64px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: relative;
}
.artist-album__header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}
.artist-album__header-overlay {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  filter: blur(20px);
  -webkit-filter: blur(20px);
  opacity: 0.5;
  top: 0;
}
.artist-album__header-overlay--new::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: linear-gradient(to left, hsl(var(--hsl-orange-1)) 0%, transparent 30%);
}
.artist-album__title {
  padding: 10px;
  font-size: 2em;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  position: relative;
}
.artist-link-button {
  align-items: center;
  background: hsl(var(--hsl-b4));
  border-radius: 4px;
  color: white;
  display: flex;
  font-size: 16px;
  height: 40px;
  margin-bottom: 5px;
  padding: 6px 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: 0.1s ease-out;
}
.artist-link-button .artist-link-button__lightbar {
  background: #fff;
}
.artist-link-button .artist-link-button__chevron {
  color: #fff;
}
.artist-link-button:hover .artist-link-button__lightbar {
  background: #ffffff;
  box-shadow: 0 0 5px #ffffff;
}
.artist-link-button:hover .artist-link-button__chevron {
  color: #ffffff;
  text-shadow: 0 0 10px #ffffff;
}
.artist-link-button:hover,
.artist-link-button:focus {
  color: white;
  text-decoration: none;
}
.artist-link-button:hover {
  background: hsl(var(--hsl-b6));
}
.artist-link-button:hover .artist-link-button__chevron {
  right: -5px;
}
.artist-link-button__lightbar {
  height: 100%;
  margin-right: 15px;
  width: 7px;
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: 0.1s ease-out;
}
.artist-link-button__text {
  font-weight: 600;
  flex-basis: 100%;
  text-align: left;
  padding-left: 20px;
}
.artist-link-button__chevron {
  right: 0;
  font-size: 14px;
  transition: 0.1s ease-out;
}
.artist-link-button--twitter .artist-link-button__lightbar {
  background: #1d9bf0;
}
.artist-link-button--twitter .artist-link-button__chevron {
  color: #1d9bf0;
}
.artist-link-button--twitter:hover .artist-link-button__lightbar {
  background: #4db0f3;
  box-shadow: 0 0 5px #65bbf5;
}
.artist-link-button--twitter:hover .artist-link-button__chevron {
  color: #4db0f3;
  text-shadow: 0 0 10px #65bbf5;
}
.artist-link-button--facebook .artist-link-button__lightbar {
  background: #3b5998;
}
.artist-link-button--facebook .artist-link-button__chevron {
  color: #3b5998;
}
.artist-link-button--facebook:hover .artist-link-button__lightbar {
  background: #4c70ba;
  box-shadow: 0 0 5px #5f7ec1;
}
.artist-link-button--facebook:hover .artist-link-button__chevron {
  color: #4c70ba;
  text-shadow: 0 0 10px #5f7ec1;
}
.artist-link-button--soundcloud .artist-link-button__lightbar {
  background: #f50;
}
.artist-link-button--soundcloud .artist-link-button__chevron {
  color: #f50;
}
.artist-link-button--soundcloud:hover .artist-link-button__lightbar {
  background: #ff7733;
  box-shadow: 0 0 5px #ff884d;
}
.artist-link-button--soundcloud:hover .artist-link-button__chevron {
  color: #ff7733;
  text-shadow: 0 0 10px #ff884d;
}
.artist-link-button--bandcamp .artist-link-button__lightbar {
  background: #61929c;
}
.artist-link-button--bandcamp .artist-link-button__chevron {
  color: #61929c;
}
.artist-link-button--bandcamp:hover .artist-link-button__lightbar {
  background: #80a8b0;
  box-shadow: 0 0 5px #90b3ba;
}
.artist-link-button--bandcamp:hover .artist-link-button__chevron {
  color: #80a8b0;
  text-shadow: 0 0 10px #90b3ba;
}
.artist-link-button--osu {
  background-color: #bb1177;
}
.artist-link-button--osu .artist-link-button__lightbar {
  background: black;
}
.artist-link-button--osu .artist-link-button__chevron {
  color: black;
}
.artist-link-button--osu:hover {
  background: #d21386;
}
.artist-link-button--osu:hover .artist-link-button__lightbar {
  background: white;
  box-shadow: 0 0 5px #ffffff;
}
.artist-link-button--osu:hover .artist-link-button__chevron {
  color: #ffffff;
  text-shadow: 0 0 10px #ffffff;
}
.artist-link-button--patreon .artist-link-button__lightbar {
  background: #e6461a;
}
.artist-link-button--patreon .artist-link-button__chevron {
  color: #e6461a;
}
.artist-link-button--patreon:hover .artist-link-button__lightbar {
  background: #eb6b48;
  box-shadow: 0 0 5px #ee7e5f;
}
.artist-link-button--patreon:hover .artist-link-button__chevron {
  color: #eb6b48;
  text-shadow: 0 0 10px #ee7e5f;
}
.artist-link-button--spotify .artist-link-button__lightbar {
  background: #1db954;
}
.artist-link-button--spotify .artist-link-button__chevron {
  color: #1db954;
}
.artist-link-button--spotify:hover .artist-link-button__lightbar {
  background: #2bde6a;
  box-shadow: 0 0 5px #41e17a;
}
.artist-link-button--spotify:hover .artist-link-button__chevron {
  color: #2bde6a;
  text-shadow: 0 0 10px #41e17a;
}
.artist-link-button--youtube .artist-link-button__lightbar {
  background: #ff0000;
}
.artist-link-button--youtube .artist-link-button__chevron {
  color: #ff0000;
}
.artist-link-button--youtube:hover .artist-link-button__lightbar {
  background: #ff3333;
  box-shadow: 0 0 5px #ff4d4d;
}
.artist-link-button--youtube:hover .artist-link-button__chevron {
  color: #ff3333;
  text-shadow: 0 0 10px #ff4d4d;
}
.artist-sidebar-album {
  text-align: center;
  margin: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.artist-sidebar-album:hover,
.artist-sidebar-album:active {
  color: white;
  text-decoration: none;
}
.artist-sidebar-album:hover .artist-sidebar-album__glow {
  opacity: 0.4;
}
.artist-sidebar-album__badge-wrapper {
  position: absolute;
  top: 10px;
  right: 10px;
}
.artist-sidebar-album__cover {
  width: 128px;
  height: 128px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.artist-sidebar-album--new .artist-sidebar-album__cover {
  box-shadow: 15px -10px 50px hsla(var(--hsl-orange-1), 0.2);
}
.artist-sidebar-album__cover-wrapper {
  width: 128px;
  height: 128px;
  position: relative;
}
.artist-sidebar-album__glow {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  filter: blur(20px);
  opacity: 0;
  transition: 1s ease-in-out;
}
.artist-sidebar-album__title {
  font-size: 14px;
  margin-top: 5px;
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}
.artist-track {
  --bg-hover: hsl(var(--hsl-b3));
  --cover-play-opacity: 0;
  --cover-size: 35px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-color: hsl(var(--hsl-b4));
  font-size: 12px;
  width: 100%;
  padding: 5px;
  display: grid;
  grid-template-columns: auto 1fr auto auto auto auto;
  gap: 5px;
  align-items: center;
}
@media (min-width: 900px) {
  .artist-track {
    --cover-size: 40px;
    gap: 0;
  }
}
.artist-track:hover {
  background-color: var(--bg-hover);
  --cover-play-opacity: 1;
}
.artist-track[data-audio-state="loading"],
.artist-track[data-audio-state="playing"] {
  --cover-play-opacity: 1;
}
@media (min-width: 900px) {
  .artist-track--large {
    --cover-size: 60px;
  }
}
.artist-track--original {
  background-image: linear-gradient(to right, hsla(var(--hsl-pink-1), 0.2), hsla(var(--hsl-pink-1), 0) 50%);
}
.artist-track--search {
  background-color: hsl(var(--hsl-b5));
}
.artist-track__button {
  outline: none;
  border: none;
  padding: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff;
  text-decoration: none;
  margin: 0;
  font-size: 18px;
}
.artist-track__button:hover,
.artist-track__button:focus,
.artist-track__button:active {
  color: #fff;
}
.artist-track__button:hover,
.artist-track__button:focus,
.artist-track__button:active {
  text-decoration: none;
}
.artist-track__button:hover,
.artist-track__button:focus,
.artist-track__button:active {
  color: hsl(var(--hsl-orange-1));
}
.artist-track__button--play {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: hsla(var(--hsl-b6), 0.8);
  opacity: var(--cover-play-opacity);
  border-radius: inherit;
  font-size: 14px;
}
@media (min-width: 900px) {
  .artist-track__col {
    margin: 0 10px;
  }
}
.artist-track__col--badges {
  display: flex;
  gap: 2px;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 900px) {
  .artist-track__col--badges {
    margin: 0;
  }
}
@media (min-width: 900px) {
  .artist-track__col--buttons {
    margin: 0 5px;
  }
}
.artist-track__col--details {
  display: grid;
  grid-template: "length" auto "genre" auto "bpm" auto;
  align-items: center;
  width: 60px;
}
@media (min-width: 900px) {
  .artist-track__col--details {
    grid-template: "genre genre" auto "length bpm" auto / 35px 1fr;
    width: 100px;
  }
}
.artist-track__col--names {
  min-width: 0;
}
@media (min-width: 900px) {
  .artist-track__col--names {
    margin-left: 20px;
  }
}
.artist-track__col--preview {
  border-radius: 4px;
  width: var(--cover-size);
  height: var(--cover-size);
  background-size: cover;
  background-position: center;
  margin: 0;
  position: relative;
}
.artist-track__detail {
  color: hsl(var(--hsl-c2));
}
.artist-track__detail--bpm {
  grid-area: bpm;
}
.artist-track__detail--genre {
  grid-area: genre;
}
.artist-track__detail--length {
  grid-area: length;
  color: hsl(var(--hsl-c1));
}
.artist-track__info {
  color: hsl(var(--hsl-c2));
}
.artist-track__title {
  font-size: 16px;
}
.artist-track__version {
  color: hsl(var(--hsl-c2));
  font-size: 12px;
}
.artist-track-search-form {
  background-color: hsl(var(--hsl-b4));
}
.artist-track-search-form__advanced {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 900px) {
  .artist-track-search-form__advanced {
    grid-template-columns: repeat(4, 1fr);
  }
}
.artist-track-search-form__content {
  --vertical-gutter: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: var(--vertical-gutter);
  padding-bottom: var(--vertical-gutter);
}
@media (min-width: 900px) {
  .artist-track-search-form__content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.artist-track-search-form__content--buttons {
  --vertical-gutter: 10px;
  background-color: hsl(var(--hsl-b3));
  display: flex;
  justify-content: center;
  gap: 5px;
}
.artist-track-search-form-switches {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
}
.artist-track-search-form-switches__link {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background: hsl(var(--hsl-b3));
  color: hsl(var(--hsl-c1));
  padding: 2px 15px 3px;
  border-radius: 10000px;
  transition: none;
  text-align: center;
  white-space: nowrap;
}
.artist-track-search-form-switches__link:hover,
.artist-track-search-form-switches__link:focus,
.artist-track-search-form-switches__link:active {
  text-decoration: none;
}
.artist-track-search-form-switches__link:focus,
.artist-track-search-form-switches__link:active {
  color: hsl(var(--hsl-c1));
}
.artist-track-search-form-switches__link:hover {
  background: hsl(var(--hsl-l1));
  color: hsl(var(--hsl-b6));
}
.artist-track-search-form-switches__link--active {
  background: hsl(var(--hsl-b1));
}
.artist-track-search-sort {
  padding: 0 0 10px;
}
.artist-track-search-sort__desktop {
  display: none;
}
@media (min-width: 900px) {
  .artist-track-search-sort__desktop {
    display: block;
  }
}
.artist-track-search-sort__mobile {
  display: block;
}
@media (min-width: 900px) {
  .artist-track-search-sort__mobile {
    display: none;
  }
}
.audio-player {
  --current-time: "0:00";
  --duration: "0:00";
  --progress: 0;
  height: 40px;
  width: 100%;
  max-width: 520px;
  background-color: hsl(var(--hsl-b2));
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-family: Torus, Inter, "Helvetica Neue", Tahoma, Arial, "Hiragino Kaku Gothic ProN", Meiryo, "Microsoft YaHei", "Apple SD Gothic Neo", sans-serif;
  text-align: left;
  pointer-events: auto;
  position: relative;
}
.audio-player--main {
  margin-left: auto;
  bottom: -40px;
  transition: bottom 120ms,
      opacity 120ms;
  opacity: 0;
}
.audio-player--main[data-audio-visible="1"] {
  bottom: 0;
  opacity: 1;
}
.audio-player__autoplay-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  text-align: center;
  width: 1.25em;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: none;
  opacity: 0.5;
}
.audio-player__autoplay-button.fa-pull-left {
  margin-right: 0.3em;
}
.audio-player__autoplay-button.fa-pull-right {
  margin-left: 0.3em;
}
.audio-player__autoplay-button:hover {
  color: hsl(var(--hsl-l1));
}
.audio-player__autoplay-button::before {
  content: "\f01e";
}
.audio-player[data-audio-autoplay="1"] .audio-player__autoplay-button {
  opacity: 1;
}
.audio-player__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: hsl(var(--hsl-c1));
  padding: 5px;
  font-size: 14px;
}
.audio-player__button:hover {
  color: hsl(var(--hsl-l1));
}
.audio-player__button--prev {
  opacity: 0.5;
  pointer-events: none;
}
.audio-player[data-audio-has-prev="1"] .audio-player__button--prev {
  opacity: 1;
  pointer-events: auto;
}
.audio-player__button--play {
  font-size: 16px;
}
.audio-player__button--next {
  opacity: 0.5;
  pointer-events: none;
}
.audio-player[data-audio-has-next="1"] .audio-player__button--next {
  opacity: 1;
  pointer-events: auto;
}
.audio-player__current-time::before {
  content: var(--current-time);
}
.audio-player__bar {
  flex: 1;
  cursor: pointer;
  margin: 0 5px 0 10px;
  height: 2px;
  background-color: hsl(var(--hsl-b6));
  border-radius: 10000px;
  --current-head-opacity: 0;
  --bar: 0;
  transition: height 100ms,
      opacity 100ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
}
.audio-player__bar::before {
  position: absolute;
  content: "";
  display: block;
  left: -5px;
  right: -5px;
  top: -10px;
  bottom: -10px;
}
.audio-player__bar:hover,
.audio-player__bar[data-audio-dragging="1"] {
  height: 6px;
  --current-head-opacity: 1;
}
.audio-player__bar--progress {
  --bar: var(--progress);
}
.audio-player__bar--volume {
  --bar: var(--volume);
  width: 50px;
  flex: none;
}
.audio-player[data-audio-volume-bar-visible="0"] .audio-player__bar--volume {
  display: none;
}
.audio-player__bar-current {
  height: 100%;
  width: calc(var(--bar) * 100%);
  background-color: hsl(var(--hsl-h1));
  pointer-events: none;
  border-radius: inherit;
  position: relative;
}
.audio-player__bar-current::after {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: hsl(var(--hsl-h1));
  right: -7px;
  top: calc(50% - (14px / 2));
  content: "";
  display: block;
  opacity: var(--current-head-opacity);
  transition: inherit;
}
.audio-player__timestamps {
  display: flex;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}
.audio-player__timestamp {
  margin: 0 5px;
  text-align: right;
  min-width: 33px;
}
.audio-player__timestamp::before {
  content: var(--timestamp, "");
}
.audio-player[data-audio-time-format="minute"] .audio-player__timestamp {
  min-width: 42px;
}
.audio-player[data-audio-time-format="hour_minimal"] .audio-player__timestamp {
  min-width: 57px;
}
.audio-player[data-audio-time-format="hour"] .audio-player__timestamp {
  min-width: 66px;
}
.audio-player__timestamp--current {
  display: none;
}
.audio-player[data-audio-has-duration="1"] .audio-player__timestamp--current {
  display: block;
  --timestamp: var(--current-time);
}
.audio-player__timestamp--total {
  color: hsl(var(--hsl-c2));
  --timestamp: "--:--";
}
.audio-player[data-audio-has-duration="1"] .audio-player__timestamp--total {
  --timestamp: var(--duration);
}
.audio-player__timestamp-separator {
  display: none;
}
.audio-player[data-audio-has-duration="1"] .audio-player__timestamp-separator {
  display: block;
}
.audio-player__volume-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  text-align: center;
  width: 1.25em;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: none;
  --icon: "\f028";
}
.audio-player__volume-button.fa-pull-left {
  margin-right: 0.3em;
}
.audio-player__volume-button.fa-pull-right {
  margin-left: 0.3em;
}
.audio-player__volume-button:hover {
  color: hsl(var(--hsl-l1));
}
.audio-player__volume-button::before {
  content: var(--icon);
}
.audio-player[data-audio-volume="muted"] .audio-player__volume-button {
  --icon: "\f6a9";
}
.audio-player[data-audio-volume="silent"] .audio-player__volume-button {
  --icon: "\f026";
}
.audio-player[data-audio-volume="quiet"] .audio-player__volume-button {
  --icon: "\f027";
}
.audio-player__volume-control {
  display: flex;
  align-items: center;
}
.audio-player-floating {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 501;
  width: 100%;
  pointer-events: none;
}
.avatar {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  width: 70px;
  height: 70px;
  flex: none;
  background-color: #333;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.avatar--beatmapset {
  border-radius: 4px;
  margin-right: 5px;
  width: 50px;
  height: 50px;
}
.avatar--centered {
  margin-left: auto;
  margin-right: auto;
}
.avatar--dynamic-size {
  height: 1em;
  width: 1em;
}
.avatar--forum {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius: 20px;
  box-shadow: none;
}
.avatar--forum-reply {
  align-self: flex-end;
  width: 60px;
  height: 60px;
  border: 3px solid #fff;
  margin-right: 10px;
}
.avatar--forum-small {
  flex: none;
  width: 50px;
  height: 50px;
  box-shadow: none;
}
.avatar--full {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  box-shadow: none;
  border-radius: 0;
}
.avatar--full-circle {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  box-shadow: none;
  border-radius: 50%;
}
.avatar--full-rounded {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  box-shadow: none;
}
.avatar--guest {
  background-image: url(/assets/images/avatar-guest.8a2df920.png);
}
@media (min-resolution: 1.5dppx) {
  .avatar--guest {
    background-image: url(/assets/images/avatar-guest@2x.01495bc4.png);
  }
}
.avatar--join-channel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  border-radius: 50%;
}
.avatar--nav2 {
  width: 60px;
  height: 60px;
  box-shadow: none;
  border-radius: 50%;
  overflow: hidden;
  transition: width var(--header-pinned-animation-duration), height var(--header-pinned-animation-duration);
  position: relative;
}
.js-header-is-pinned .avatar--nav2 {
  width: 40px;
  height: 40px;
}
.avatar--nav2.js-click-menu--active,
.avatar--nav2:hover {
  box-shadow: inset 0 0 0 3px hsl(var(--hsl-c1));
}
.avatar--navbar-mobile {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.avatar--profile {
  width: 120px;
  height: 120px;
}
.avatar--restricted::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: url(/assets/images/exclamation-icon.0db8a908.svg);
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.6);
}
.badge-achievement {
  text-align: center;
  vertical-align: middle;
}
.badge-achievement--dynamic-height {
  flex: none;
  width: 0.93220339em;
  height: 1em;
}
.badge-achievement--listing {
  width: 70px;
  margin: auto;
}
.badge-achievement--recent {
  min-width: 65px;
  width: 25%;
  margin-bottom: 10px;
}
.badge-achievement--recent-activity {
  height: 100%;
}
.badge-achievement__image {
  max-width: 100%;
}
.badge-achievement__image--big {
  width: 110px;
  height: 118px;
}
.badge-achievement--dynamic-height .badge-achievement__image {
  vertical-align: baseline;
}
.badge-achievement--recent .badge-achievement__image {
  max-width: 55px;
}
.badge-achievement--recent-activity .badge-achievement__image {
  height: 100%;
}
.badge-achievement--locked .badge-achievement__image {
  opacity: 0.25;
  filter: saturate(0);
}
.bar {
  --fill: 0%;
  display: block;
  width: 100%;
  background-color: #ffcc22;
  height: 3px;
  position: relative;
}
.bar--beatmap-rating {
  height: 5px;
  background-color: #88b300;
}
.bar--beatmap-stats {
  height: 5px;
  background-color: hsl(var(--hsl-b6));
}
.bar--beatmap-success-rate {
  height: 5px;
  background-color: hsl(var(--hsl-b6));
  margin-top: 5px;
  margin-bottom: calc(1em + 2px);
}
.bar--double {
  height: 6px;
}
.bar--forum-poll {
  background-color: hsl(var(--hsl-b3));
  border-radius: 10000px;
  height: 6px;
}
.bar--locale {
  background-color: #8866ee;
}
.bar--user-profile {
  border-radius: 10000px;
  height: 6px;
  background-color: hsl(var(--hsl-b6));
}
.bar__fill {
  height: 100%;
  width: var(--fill);
}
.bar--beatmap-rating .bar__fill {
  background-color: #eeaa00;
}
.bar--beatmap-stats .bar__fill {
  transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #fff;
}
.bar--beatmap-stats-stars .bar__fill {
  background-color: #ffcc22;
}
.bar--beatmap-success-rate .bar__fill {
  transition: width 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #88b300;
}
.bar--forum-poll .bar__fill {
  background-color: hsl(var(--hsl-h1));
  border-radius: 10000px;
  opacity: 0.5;
}
.bar--forum-poll-voted .bar__fill {
  opacity: 1;
}
.bar--user-profile .bar__fill {
  border-radius: 10000px;
  background-color: hsl(var(--hsl-h1));
}
.bar__text {
  position: absolute;
  top: 100%;
  margin-top: 2px;
}
.bar--beatmap-success-rate .bar__text {
  margin-left: var(--fill);
  transform: translateX(-50%);
}
.bar--user-profile .bar__text {
  right: 0;
}
.bbcode-editor {
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
}
.bbcode-editor * {
  scrollbar-width: thin;
}
.bbcode-editor ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.bbcode-editor ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.bbcode-editor ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.bbcode-editor ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.bbcode-editor ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
.bbcode-editor--create {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: hsl(var(--hsl-b2));
}
@media (min-width: 900px) {
  .bbcode-editor--create {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.bbcode-editor--beatmapset-description-editor {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: hsl(var(--hsl-b2));
  border-radius: 6px;
}
@media (min-width: 900px) {
  .bbcode-editor--beatmapset-description-editor {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.bbcode-editor--profile-page {
  padding-right: var(--inner-gutter);
}
.bbcode-editor__body {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 16px;
  resize: vertical;
  width: 100%;
  min-height: 150px;
  flex: 1 0 auto;
}
.bbcode-editor__body:invalid {
  box-shadow: none;
}
@media (min-width: 900px) {
  .bbcode-editor__body {
    min-height: 300px;
    font-size: 14px;
  }
}
.bbcode-editor[data-state="preview"] .bbcode-editor__body {
  display: none;
}
.bbcode-editor[data-state="loading-preview"] .bbcode-editor__body {
  opacity: 0.5;
  pointer-events: none;
}
.bbcode-editor--beatmapset-description-editor .bbcode-editor__body {
  max-height: calc(80vh - 2 * 15px - 2 * 10px - 3 * (1em + 2 * 5px));
}
.bbcode-editor__button {
  margin: 5px;
}
.bbcode-editor__button--deactivate {
  display: none;
}
.js-forum-topic-reply[data-state="stick"] .bbcode-editor__button--deactivate {
  display: block;
}
.bbcode-editor[data-state="loading-preview"] .bbcode-editor__button--hide-on-preview,
.bbcode-editor[data-state="preview"] .bbcode-editor__button--hide-on-preview {
  display: none;
}
.bbcode-editor[data-state="write"] .bbcode-editor__button--hide-on-write {
  display: none;
}
.bbcode-editor__buttons {
  margin: 5px;
  display: flex;
}
.bbcode-editor__buttons--actions {
  margin: 0;
  flex: 1;
  justify-content: flex-end;
}
.bbcode-editor[data-state="loading-preview"] .bbcode-editor__buttons--toolbar,
.bbcode-editor[data-state="preview"] .bbcode-editor__buttons--toolbar {
  display: none;
}
.bbcode-editor__buttons-bar {
  margin: auto -5px -5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 900px) {
  .bbcode-editor__buttons-bar {
    flex-direction: row;
  }
}
.bbcode-editor__content {
  background-color: hsl(var(--hsl-b3));
  border-radius: 6px;
  padding: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.bbcode-editor--create .bbcode-editor__content {
  padding: 20px 20px 10px;
}
.bbcode-editor--profile-page .bbcode-editor__content {
  background-color: transparent;
  padding: 0 0 var(--padding-vertical);
}
.bbcode-editor__header {
  margin-bottom: 10px;
  margin-left: 10px;
  display: flex;
  align-items: center;
}
.bbcode-editor__input-title {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 24px;
  margin-bottom: 10px;
}
.bbcode-editor__preview {
  display: none;
}
.bbcode-editor[data-state="preview"] .bbcode-editor__preview {
  display: block;
  min-height: 0;
  overflow-y: auto;
  margin-bottom: 5px;
}
.bbcode-editor__title {
  font-size: 14px;
  color: hsl(var(--hsl-c1));
  padding: 0;
  margin: 0;
  font-style: normal;
  flex: 1;
}
.bbcode-size-select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-c1));
  text-transform: none;
  text-shadow: none;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 10px;
  margin: 2px;
  height: 30px;
  border-radius: 10000px;
  position: relative;
}
.bbcode-size-select__label {
  margin-right: 10px;
}
.bbcode-size-select__select {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  color: initial;
}
.bbcode-spoilerbox {
  --link-icon: "\f105";
}
.bbcode-spoilerbox.js-spoilerbox--open {
  --link-icon: "\f107";
}
.bbcode-spoilerbox__body {
  display: none;
  margin-top: 10px;
  padding-left: 20px;
}
.bbcode-spoilerbox__link {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-l2));
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.bbcode-spoilerbox__link:hover,
.bbcode-spoilerbox__link:focus,
.bbcode-spoilerbox__link:active {
  color: hsl(var(--hsl-l1));
}
.bbcode-spoilerbox__link:hover {
  text-decoration: underline;
}
.bbcode-spoilerbox__link-icon {
  width: 20px;
  display: block;
  flex: none;
}
.bbcode-spoilerbox__link-icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  content: var(--link-icon);
  color: hsl(var(--hsl-c1));
  display: inline-block;
  text-align: left;
}
.bbcode-spoilerbox__link-icon::before.fa-pull-left {
  margin-right: 0.3em;
}
.bbcode-spoilerbox__link-icon::before.fa-pull-right {
  margin-left: 0.3em;
}
.beatmap-basic-stats {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  font-weight: 600;
  font-size: 12px;
  color: #ffdd55;
}
.beatmap-basic-stats__entry {
  display: flex;
  flex: none;
  align-items: center;
}
.beatmap-basic-stats__entry-icon {
  width: 24px;
  height: 24px;
  background-size: contain;
  margin-right: 3px;
}
.beatmap-discussion {
  --base-bg: hsl(var(--hsl-b4));
  transform: translateZ(0);
  display: flex;
}
.beatmap-discussion--deleted {
  opacity: 0.5;
}
.beatmap-discussion--modding-profile {
  --base-bg: hsl(var(--hsl-b3));
}
.beatmap-discussion--preview {
  flex-grow: 1;
  overflow: hidden;
}
.beatmap-discussion__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.beatmap-discussion__action {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: flex;
}
.beatmap-discussion__action--with-line {
  position: relative;
}
.beatmap-discussion__action--with-line::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  width: 1px;
  right: 100%;
  background-image: linear-gradient(to bottom, hsla(var(--hsl-b1), 0), hsl(var(--hsl-b1)) 50%, hsla(var(--hsl-b1), 0));
}
.beatmap-discussion__discussion {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  flex: 1;
  min-width: 0;
  margin: 5px 0;
  display: flex;
  flex-direction: column;
  background-color: var(--base-bg);
  overflow: hidden;
  position: relative;
}
@media (max-width: 899px) {
  .beatmap-discussion__discussion::before {
    overflow-anchor: none;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: var(--discussion-colour);
  }
}
.beatmap-discussion--highlighted .beatmap-discussion__discussion {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}
.beatmap-discussion--highlighted .beatmap-discussion__discussion::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(255, 255, 255, 0.15);
  pointer-events: none;
  opacity: 0.5;
  animation: flash 0.5s;
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@media (min-width: 900px) {
  .beatmap-discussion__discussion {
    border-radius: 4px;
  }
}
.beatmap-discussion__expanded {
  display: flex;
  flex-direction: column;
}
.beatmap-discussion__line {
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
}
@media (min-width: 900px) {
  .beatmap-discussion__line {
    border-radius: 4px 0 0 4px;
  }
}
.beatmap-discussion__line--resolved {
  background-color: hsl(var(--hsl-lime-3));
}
.beatmap-discussion__link-to-parent {
  margin: 10px;
  margin-right: 15px;
  color: hsl(var(--hsl-f1));
  text-decoration: none;
}
.beatmap-discussion__link-to-parent:hover,
.beatmap-discussion__link-to-parent:focus,
.beatmap-discussion__link-to-parent:active {
  color: hsl(var(--hsl-c1));
}
.beatmap-discussion__link-to-parent:hover,
.beatmap-discussion__link-to-parent:focus,
.beatmap-discussion__link-to-parent:active {
  text-decoration: none;
}
.beatmap-discussion__replies {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.beatmap-discussion__resolved {
  text-align: center;
  color: #668800;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  margin: 5px 0;
}
.beatmap-discussion__timestamp {
  overflow-anchor: none;
  flex: none;
  width: 50px;
}
.beatmap-discussion--timeline .beatmap-discussion__timestamp,
.beatmap-discussion--preview .beatmap-discussion__timestamp {
  width: 110px;
}
.beatmap-discussion__top {
  background-color: hsl(var(--hsl-b3));
  display: grid;
  grid-template-areas: "user actions" "message message";
  grid-template-columns: 1fr auto;
  gap: 10px;
}
@media (min-width: 900px) {
  .beatmap-discussion--horizontal-desktop .beatmap-discussion__top {
    grid-template-areas: "user message actions";
    grid-template-columns: auto 1fr auto;
  }
}
.beatmap-discussion--unread .beatmap-discussion__top::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #2299bb;
  width: 5px;
}
.beatmap-discussion--review .beatmap-discussion__top {
  border-top: 2px solid var(--group-colour, transparent);
}
.beatmap-discussion--single .beatmap-discussion__top {
  display: block;
  padding: 10px 15px;
}
.beatmap-discussion__top-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  height: 40px;
}
.beatmap-discussion__top-message {
  grid-area: message;
  margin: 0 15px 10px;
}
@media (min-width: 900px) {
  .beatmap-discussion--horizontal-desktop .beatmap-discussion__top-message {
    margin: 10px 0;
  }
}
.beatmap-discussion__top-user {
  margin-top: 10px;
  margin-left: 15px;
}
@media (min-width: 900px) {
  .beatmap-discussion--horizontal-desktop .beatmap-discussion__top-user {
    margin-bottom: 10px;
    border-right: 2px solid var(--group-colour, hsl(var(--hsl-b5)));
  }
}
.beatmap-discussion-editor {
  display: flex;
  background-color: hsl(var(--hsl-b4));
  flex-direction: column;
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
}
.beatmap-discussion-editor * {
  scrollbar-width: thin;
}
.beatmap-discussion-editor ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.beatmap-discussion-editor ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.beatmap-discussion-editor ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.beatmap-discussion-editor ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.beatmap-discussion-editor ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
.beatmap-discussion-editor--edit-mode {
  margin-bottom: 10px;
}
.beatmap-discussion-editor__block {
  position: relative;
}
.beatmap-discussion-editor--readonly .beatmap-discussion-editor__block:hover .beatmap-discussion-editor__hover-menu {
  display: none;
}
.beatmap-discussion-editor__block:hover .beatmap-discussion-editor__hover-menu {
  display: block;
}
.beatmap-discussion-editor__block-count {
  margin-right: 10px;
}
.beatmap-discussion-editor__hover-menu {
  bottom: -10px;
  display: none;
  margin-left: -15px;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  z-index: 512;
}
.beatmap-discussion-editor__button-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background: hsl(var(--hsl-b6));
  border-radius: 0 0 4px 4px;
}
.beatmap-discussion-editor__content {
  display: flex;
  margin: 0 15px 15px 15px;
  flex-direction: column;
  color: white;
  background: hsl(var(--hsl-b5));
  border-radius: 4px;
}
.beatmap-discussion-editor--edit-mode .beatmap-discussion-editor__content {
  margin: 0 -15px;
  border: 2px solid hsl(200, 60%, 50%);
}
@media (max-width: 899px) {
  .beatmap-discussion-editor__content {
    margin: 0;
  }
}
.beatmap-discussion-editor__inner-block-count {
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
  margin: -31px 10px 10px;
}
.beatmap-discussion-editor__input-area {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  max-height: calc(50 * var(--vh, 1vh));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.beatmap-discussion-editor__input-area > div {
  padding: 15px;
}
.beatmap-discussion-editor--edit-mode .beatmap-discussion-editor__input-area > div {
  padding-bottom: 46px;
}
.beatmap-discussion-editor--edit-mode .beatmap-discussion-editor__input-area {
  max-height: unset;
}
.beatmap-discussion-editor--readonly .beatmap-discussion-editor__input-area {
  opacity: 0.5;
}
.beatmap-discussion-editor__menu {
  color: white;
  font-size: 16px;
}
.beatmap-discussion-editor-insertion-menu {
  display: none;
  z-index: 100;
  position: fixed;
  width: 100%;
  justify-content: center;
  pointer-events: none;
}
.beatmap-discussion-editor-insertion-menu::before {
  content: "";
  background: hsl(var(--hsl-b3));
  position: absolute;
  top: 9px;
  height: 3px;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.beatmap-discussion-editor-insertion-menu__body {
  align-items: center;
  background: hsl(var(--hsl-b6));
  border-radius: 20px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  text-align: center;
  width: 100px;
  height: 20px;
  color: hsl(var(--hsl-f1));
  will-change: width, height;
  transition: ease-in-out 100ms;
  pointer-events: auto;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.beatmap-discussion-editor-insertion-menu__body:hover {
  width: 150px;
  height: 30px;
  margin-top: -5px;
}
@media (max-width: 899px) {
  .beatmap-discussion-editor-insertion-menu__body {
    width: 150px;
    height: 30px;
    margin-top: -5px;
  }
}
.beatmap-discussion-editor-insertion-menu__buttons {
  position: absolute;
  background: hsl(var(--hsl-b6));
  white-space: nowrap;
  opacity: 0;
  transition: opacity ease-in-out 100ms;
}
.beatmap-discussion-editor-insertion-menu__body:hover .beatmap-discussion-editor-insertion-menu__buttons {
  opacity: 1;
}
@media (max-width: 899px) {
  .beatmap-discussion-editor-insertion-menu__buttons {
    opacity: 1;
  }
}
.beatmap-discussion-editor-insertion-menu__menu-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px 10px;
  color: hsl(var(--hsl-f1));
  filter: grayscale(1);
}
.beatmap-discussion-editor-insertion-menu__menu-button:hover {
  filter: none;
}
.beatmap-discussion-editor-insertion-menu__menu-button--paragraph:hover {
  color: hsl(var(--hsl-c1));
}
.beatmap-discussion-editor-insertion-menu__menu-button--praise:hover {
  color: hsl(var(--hsl-blue-3));
}
.beatmap-discussion-editor-insertion-menu__menu-button--problem:hover {
  color: hsl(var(--hsl-red-3));
}
.beatmap-discussion-editor-insertion-menu__menu-button--suggestion:hover {
  color: hsl(var(--hsl-orange-3));
}
.beatmap-discussion-editor-toolbar {
  background-color: hsl(var(--hsl-b6));
  display: none;
  position: fixed;
  left: -10000px;
  top: -10000px;
  z-index: 1;
  border-radius: 4px;
}
.beatmap-discussion-editor-toolbar__button {
  color: hsl(var(--hsl-f1));
  height: 32px;
  width: 32px;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.beatmap-discussion-editor-toolbar__button:hover {
  color: hsl(var(--hsl-c1));
}
.beatmap-discussion-editor-toolbar__button--active {
  color: hsl(var(--hsl-c2));
}
.beatmap-discussion-editor-toolbar__popup-tail {
  border-color: hsl(var(--hsl-b6)) transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  left: calc(50% - 5px);
  position: absolute;
  width: 0;
}
.beatmap-discussion-expand {
  font-size: 15px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms;
  color: hsl(var(--hsl-b1));
}
@media (max-width: 899px) {
  .beatmap-discussion-expand {
    padding: 0 15px;
  }
}
.beatmap-discussion-expand--expanded {
  transform: rotate(180deg);
}
.beatmap-discussion-new {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  background-color: hsl(var(--hsl-b4));
  flex-direction: column;
}
.beatmap-discussion-new__avatar {
  flex: none;
  width: 45px;
  height: 45px;
}
.beatmap-discussion-new__content {
  display: flex;
  padding: 0 20px 10px;
}
.beatmap-discussion-new__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  background-color: hsl(var(--hsl-b5));
  padding: 10px 20px;
  justify-content: space-between;
}
@media (max-width: 899px) {
  .beatmap-discussion-new__footer {
    flex-direction: column;
  }
}
.beatmap-discussion-new__footer-content {
  display: flex;
  min-height: 2em;
}
.beatmap-discussion-new__footer-content--right {
  gap: 5px;
  justify-content: flex-end;
  flex: 1 0 auto;
  flex-wrap: wrap;
}
.beatmap-discussion-new__footer-message {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  padding: 5px 10px;
  font-size: 11px;
  color: #fff;
  background-color: hsl(var(--hsl-b3));
  border-radius: 0 4px 4px 0;
}
.beatmap-discussion-new__footer-message--label {
  background-color: hsl(var(--hsl-b6));
  border-radius: 4px 0 0 4px;
  flex-grow: 0;
}
.beatmap-discussion-new__login-required {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  color: hsl(var(--hsl-f1));
  padding: 0 20px 20px 20px;
  font-size: 15px;
}
.beatmap-discussion-new__message {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  color: hsl(var(--hsl-f1));
  flex: 1;
  padding-left: 10px;
  font-size: 15px;
  display: flex;
  flex-direction: column;
}
.beatmap-discussion-new__message-area {
  color: white;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  resize: vertical;
  width: 100%;
  max-height: calc(50 * var(--vh, 1vh));
  min-height: 3em;
  -webkit-overflow-scrolling: touch;
  flex: 1 0 auto;
  font-size: 16px;
}
@media (max-width: 899px) {
  .beatmap-discussion-new__message-area {
    max-height: calc(40 * var(--vh, 1vh));
  }
}
.beatmap-discussion-new__message-area::-moz-placeholder {
  color: hsl(var(--hsl-b1));
}
.beatmap-discussion-new__message-area::placeholder {
  color: hsl(var(--hsl-b1));
}
@media (min-width: 900px) {
  .beatmap-discussion-new__message-area {
    font-size: inherit;
  }
}
.beatmap-discussion-new__message-counter {
  font-size: 12px;
  text-align: right;
  margin-top: 5px;
}
.beatmap-discussion-new__message-counter--almost-over {
  color: #eeaa00;
}
.beatmap-discussion-new__message-counter--over {
  color: #ed1221;
  font-weight: 700;
}
.beatmap-discussion-new__notice {
  background-color: hsl(var(--hsl-b5));
  padding: 5px 20px;
  color: #fff;
  font-size: 12px;
}
.beatmap-discussion-new__notice-checkbox {
  margin: 5px 0 0;
  text-transform: initial;
  font-weight: initial;
}
.beatmap-discussion-new__type {
  color: #999;
  margin: 0 5px;
}
.beatmap-discussion-new__type--active {
  color: #fff;
}
.beatmap-discussion-new__types {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.beatmap-discussion-new-float {
  margin-bottom: 10px;
  pointer-events: none;
}
.beatmap-discussion-new-float--pinned {
  position: sticky;
  z-index: 1;
}
.beatmap-discussion-new-float__content {
  pointer-events: initial;
}
.beatmap-discussion-new-float__floatable {
  transform: translateZ(0);
  width: 100%;
}
.beatmap-discussion-nominations {
  background-color: hsl(var(--hsl-b4));
  color: #fff;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.beatmap-discussion-nominations__discrete-bar-group {
  display: flex;
  gap: 5px;
  margin: 5px 0;
  min-height: 5px;
}
.beatmap-discussion-nominations__discrete-bar-group--hybrid {
  min-height: 20px;
}
.beatmap-discussion-nominations__header {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}
.beatmap-discussion-nominations__item {
  margin: var(--item-margin);
}
.beatmap-discussion-nominations__item:empty {
  display: none;
}
.beatmap-discussion-nominations__items--buttons .beatmap-discussion-nominations__item {
  flex: none;
}
.beatmap-discussion-nominations__item--nominators {
  display: flex;
  flex: 1 0 auto;
  align-items: flex-end;
  justify-content: flex-end;
}
.beatmap-discussion-nominations__items {
  --item-margin: 10px;
  display: flex;
  margin: calc(var(--item-margin) * -1);
  font-size: 12px;
}
.beatmap-discussion-nominations__items--buttons {
  --item-margin: 2px;
  flex-wrap: wrap;
  margin-top: 10px;
  justify-content: space-between;
}
.beatmap-discussion-nominations__items--messages {
  flex-direction: column;
  flex: 1 0 auto;
}
.beatmap-discussion-nominations__items-grouping {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.beatmap-discussion-nominations__title {
  font-weight: 600;
}
.beatmap-discussion-nominations__problems {
  color: hsl(var(--hsl-orange-2));
}
.beatmap-discussion-post {
  transition: background-color 0.1s ease-in-out;
  margin: 10px 0;
}
.beatmap-discussion-post--deleted {
  opacity: 0.5;
}
.beatmap-discussion-post--discussion {
  min-width: 0;
  margin: 0;
}
@media (min-width: 900px) {
  .beatmap-discussion-post--discussion {
    flex: 1;
  }
}
.beatmap-discussion-post--new-reply {
  margin: 0;
  background-color: hsl(var(--hsl-b5));
  border-radius: 0 0 4px 4px;
}
.beatmap-discussion-post--new-reply-placeholder {
  padding: 10px;
  display: flex;
  justify-content: flex-end;
  background-color: transparent;
}
.beatmap-discussion-post--unread {
  position: relative;
}
.beatmap-discussion-post--unread::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: hsl(var(--hsl-blue-3));
  width: 5px;
}
.beatmap-discussion-post__action {
  margin: 0 5px;
  text-transform: lowercase;
}
.beatmap-discussion-post__action--button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  color: hsl(var(--hsl-l2));
  margin: 0 5px;
  font-size: 10px;
}
.beatmap-discussion-post__action--button:hover,
.beatmap-discussion-post__action--button:focus,
.beatmap-discussion-post__action--button:active {
  text-decoration: none;
}
.beatmap-discussion-post__action--button:hover,
.beatmap-discussion-post__action--button:focus,
.beatmap-discussion-post__action--button:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-discussion-post__action--cancel {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  color: hsl(var(--hsl-f1));
  right: 0;
  width: 60px;
  height: 60px;
}
.beatmap-discussion-post__actions {
  display: flex;
}
.beatmap-discussion-post--editing .beatmap-discussion-post__actions {
  justify-content: flex-end;
}
.beatmap-discussion-post--new-reply .beatmap-discussion-post__actions {
  justify-content: flex-end;
}
.beatmap-discussion-post--editing.beatmap-discussion-post--reply .beatmap-discussion-post__actions {
  margin-top: 5px;
}
.beatmap-discussion-post__actions-group {
  display: flex;
  align-items: center;
  margin: 0 -5px;
}
.beatmap-discussion-post__avatar {
  flex: none;
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
}
@media (min-width: 900px) {
  .beatmap-discussion-post__avatar {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.beatmap-discussion-post__content {
  overflow-anchor: none;
  display: flex;
  padding: 0 15px;
  flex-direction: column;
  flex: none;
  min-width: 0;
}
@media (min-width: 900px) {
  .beatmap-discussion-post__content {
    flex-direction: row;
    flex: 1;
  }
}
.beatmap-discussion-post--discussion .beatmap-discussion-post__content {
  padding: 0;
}
.beatmap-discussion--preview .beatmap-discussion-post--reply .beatmap-discussion-post__content,
.beatmap-discussion-review-post-embed .beatmap-discussion-post--reply .beatmap-discussion-post__content {
  padding: 10px 15px;
}
@media (min-width: 900px) {
  .beatmap-discussion-post--reply .beatmap-discussion-post__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.beatmap-discussion-post--new-reply .beatmap-discussion-post__content {
  padding-top: 10px;
  padding-bottom: 0;
}
.beatmap-discussion-post__footer {
  padding: 10px;
}
.beatmap-discussion-post__footer--notice {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 12px;
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-post--reply .beatmap-discussion-post__footer {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 900px) {
  .beatmap-discussion-post--reply .beatmap-discussion-post__footer {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.beatmap-discussion-post__info {
  font-size: 10px;
  margin-right: 10px;
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-post__info-container {
  display: flex;
  flex-wrap: wrap;
}
.beatmap-discussion-post--reply .beatmap-discussion-post__info-container::after {
  content: "";
  height: 1px;
  align-self: center;
  flex: 1;
}
.beatmap-discussion-post__info-user {
  opacity: 0.5;
  font-weight: 600;
}
.beatmap-discussion-post__message {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  word-break: break-word;
  margin-bottom: 10px;
  color: white;
}
.beatmap-discussion-post--discussion .beatmap-discussion-post__message {
  font-size: 15px;
}
.beatmap-discussion-post--reply .beatmap-discussion-post__message {
  font-size: 13px;
}
.beatmap-discussion-post__message::-moz-placeholder {
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-post__message::placeholder {
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-post__message--editor {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  resize: vertical;
  min-height: 3em;
}
.beatmap-discussion-post__message--editor,
.beatmap-discussion-post--reply .beatmap-discussion-post__message--editor {
  font-size: 16px;
}
@media (min-width: 900px) {
  .beatmap-discussion-post__message--editor,
  .beatmap-discussion-post--reply .beatmap-discussion-post__message--editor {
    font-size: 13px;
  }
}
.beatmap-discussion-post__message-container {
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: none;
}
@media (min-width: 900px) {
  .beatmap-discussion-post__message-container {
    flex: 1;
  }
}
.beatmap-discussion-review-post__block {
  white-space: pre-wrap;
}
.beatmap-discussion-review-post-embed-preview {
  --stripe-colour: hsl(var(--hsl-b5));
  padding: 5px 10px;
  flex: 1;
  min-width: 0;
  margin: 5px 0;
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--hsl-b4));
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}
.beatmap-discussion-review-post-embed-preview--lighter {
  --stripe-colour: hsl(var(--hsl-b4));
}
.beatmap-discussion-review-post-embed-preview--praise {
  --stripe-colour: hsl(var(--hsl-blue-3));
}
.beatmap-discussion-review-post-embed-preview--resolved {
  --stripe-colour: hsl(var(--hsl-lime-3));
}
.beatmap-discussion-review-post-embed-preview__content {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 899px) {
  .beatmap-discussion-review-post-embed-preview__content {
    flex-direction: column;
  }
}
.beatmap-discussion-review-post-embed-preview__delete {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 32px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 5px;
  margin-left: 10px;
  color: hsl(var(--hsl-f1));
  opacity: 0.5;
  margin-top: 10px;
}
.beatmap-discussion-review-post-embed-preview__delete:hover {
  opacity: 1;
}
.beatmap-discussion-review-post-embed-preview__indicator {
  align-self: center;
  color: hsl(var(--hsl-blue-3));
  margin-left: 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.beatmap-discussion-review-post-embed-preview__indicator--warning {
  color: hsl(var(--hsl-orange-3));
}
@media (min-width: 900px) {
  .beatmap-discussion-review-post-embed-preview__selectors > .beatmap-discussion-review-post-embed-preview__indicator {
    display: none;
  }
}
@media (max-width: 899px) {
  .beatmap-discussion-review-post-embed-preview__content > .beatmap-discussion-review-post-embed-preview__indicator {
    display: none;
  }
}
.beatmap-discussion-review-post-embed-preview__link {
  padding: 5px;
}
@media (min-width: 900px) {
  .beatmap-discussion-review-post-embed-preview__selectors > .beatmap-discussion-review-post-embed-preview__link {
    display: none;
  }
}
@media (max-width: 899px) {
  .beatmap-discussion-review-post-embed-preview__content > .beatmap-discussion-review-post-embed-preview__link {
    display: none;
  }
}
.beatmap-discussion-review-post-embed-preview__link-text {
  color: hsl(var(--hsl-f1));
  text-decoration: none;
}
.beatmap-discussion-review-post-embed-preview__link-text:hover,
.beatmap-discussion-review-post-embed-preview__link-text:focus,
.beatmap-discussion-review-post-embed-preview__link-text:active {
  text-decoration: none;
}
.beatmap-discussion-review-post-embed-preview__link-text:hover,
.beatmap-discussion-review-post-embed-preview__link-text:focus,
.beatmap-discussion-review-post-embed-preview__link-text:active {
  color: hsl(var(--hsl-c1));
}
.beatmap-discussion-review-post-embed-preview__message-container {
  flex: 1;
  word-break: break-word;
  margin: 5px 0;
}
.beatmap-discussion-review-post-embed-preview__missing {
  flex: 1;
  margin: 10px;
  text-align: center;
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-review-post-embed-preview__selectors {
  align-items: center;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 900px) {
  .beatmap-discussion-review-post-embed-preview__selectors {
    width: 130px;
  }
}
@media (max-width: 899px) {
  .beatmap-discussion-review-post-embed-preview__selectors {
    width: 100%;
  }
}
.beatmap-discussion-review-post-embed-preview__stripe {
  background-color: var(--stripe-colour);
  border-radius: 5px;
  display: flex;
  margin: 0 15px;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 2px;
  align-self: stretch;
}
@media (min-width: 900px) {
  .beatmap-discussion-review-post-embed-preview__selectors > .beatmap-discussion-review-post-embed-preview__stripe {
    display: none;
  }
}
@media (max-width: 899px) {
  .beatmap-discussion-review-post-embed-preview__content > .beatmap-discussion-review-post-embed-preview__stripe {
    display: none;
  }
}
.beatmap-discussion-review-post-embed-preview__timestamp {
  color: hsl(var(--hsl-f1));
  font-size: 9px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-grow: 1;
}
.beatmap-discussion-system-post {
  margin: 15px 15px;
  font-size: 10px;
}
@media (min-width: 900px) {
  .beatmap-discussion-system-post {
    margin-left: 60px;
    margin-right: 60px;
  }
}
.beatmap-discussion-system-post--resolved {
  color: hsl(var(--hsl-lime-3));
  display: flex;
}
.beatmap-discussion-system-post--resolved::after {
  flex: 1;
  content: "";
  background-color: hsl(var(--hsl-lime-3));
  align-self: center;
  height: 1px;
  margin-left: 10px;
}
.beatmap-discussion-system-post--deleted {
  opacity: 0.5;
}
.beatmap-discussion-system-post__user {
  color: white;
}
.beatmap-discussion-system-post__user:hover,
.beatmap-discussion-system-post__user:focus,
.beatmap-discussion-system-post__user:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-discussion-timestamp {
  height: 70px;
  align-items: center;
  display: flex;
}
.beatmap-discussion-timestamp--sticky {
  position: sticky;
  top: calc(var(--navbar-height) + 36px);
}
.beatmap-discussion-timestamp__icons {
  display: flex;
  gap: 5px;
}
.beatmap-discussion-timestamp__icons-container {
  margin-left: 5px;
}
.beatmap-discussion-timestamp__text {
  color: hsl(var(--hsl-f1));
  font-size: 9px;
  height: 0;
}
.beatmap-discussion-timestamp__point {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin: 0 4px;
  background-color: hsl(var(--hsl-b6));
}
.beatmap-discussion-timestamp-decoration {
  text-decoration: none;
  border-radius: 6px;
  padding: 1px 5px;
  background-color: hsl(var(--hsl-b6));
  font-weight: 600;
  font-size: 85%;
  color: hsl(var(--hsl-f1));
  display: inline-block;
}
.beatmap-discussion-timestamp-decoration:hover,
.beatmap-discussion-timestamp-decoration:focus,
.beatmap-discussion-timestamp-decoration:active {
  text-decoration: none;
}
.beatmap-discussion-timestamp-decoration:hover,
.beatmap-discussion-timestamp-decoration:focus,
.beatmap-discussion-timestamp-decoration:active {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-l1));
}
.beatmap-discussion-user-card {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
  flex: none;
}
@media (min-width: 900px) {
  .beatmap-discussion-user-card {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
.beatmap-discussion-user-card__avatar {
  width: 40px;
  height: 40px;
  flex: none;
}
.beatmap-discussion-user-card--new-reply .beatmap-discussion-user-card__avatar {
  margin-bottom: 5px;
}
@media (min-width: 900px) {
  .beatmap-discussion-user-card--new-reply .beatmap-discussion-user-card__avatar {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
.beatmap-discussion-user-card__user {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0 5px;
}
@media (min-width: 900px) {
  .beatmap-discussion-user-card__user {
    min-width: 150px;
    flex: none;
  }
}
.beatmap-discussion-user-card__user-badge {
  min-height: 16px;
  margin-top: 2px;
}
.beatmap-discussion-user-card__user-link {
  display: flex;
  color: white;
  font-size: 13px;
  font-weight: 600;
  max-width: 120px;
}
.beatmap-discussion-user-card__user-link:hover,
.beatmap-discussion-user-card__user-link:focus,
.beatmap-discussion-user-card__user-link:active {
  color: white;
}
.beatmap-discussion-user-card__user-modding-history-link {
  color: white;
  color: hsl(var(--hsl-l1));
  font-size: 10px;
  margin-left: 5px;
}
.beatmap-discussion-user-card__user-modding-history-link:hover,
.beatmap-discussion-user-card__user-modding-history-link:focus,
.beatmap-discussion-user-card__user-modding-history-link:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-discussion-user-card__user-row {
  display: flex;
  align-items: baseline;
}
.beatmap-discussion-user-card__user-stripe {
  align-self: stretch;
  background-color: var(--group-colour, hsl(var(--hsl-b5)));
  border-radius: 1px;
  flex: none;
  width: 2px;
}
@media (max-width: 899px) {
  .beatmap-discussion-post--discussion .beatmap-discussion-user-card__user-stripe {
    display: none;
  }
}
.beatmap-discussion-vote {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 100ms ease-in-out;
  display: flex;
  font-size: 12px;
}
.beatmap-discussion-vote--up,
.beatmap-discussion-vote--up:hover {
  color: hsl(var(--hsl-lime-3));
}
.beatmap-discussion-vote--down,
.beatmap-discussion-vote--down:hover {
  color: hsl(var(--hsl-orange-2));
}
.beatmap-discussion-vote--inactive {
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-vote[disabled] {
  color: hsl(var(--hsl-b1));
  background-color: hsl(var(--hsl-b3));
  cursor: default;
}
.beatmap-discussion-vote[disabled]:hover {
  color: hsl(var(--hsl-b1));
}
.beatmap-discussion-vote__count {
  padding-left: 5px;
  color: white;
}
.beatmap-discussion-vote--inactive .beatmap-discussion-vote__count {
  color: hsl(var(--hsl-f1));
}
.beatmap-discussion-vote[disabled] .beatmap-discussion-vote__count {
  color: hsl(var(--hsl-b1));
}
.beatmap-discussions {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b4));
  display: flex;
  flex-direction: column;
}
.beatmap-discussions__discussions {
  padding: 10px 20px;
  background-color: hsl(var(--hsl-b5));
  position: relative;
}
.beatmap-discussions__discussions--empty {
  font-size: 12px;
}
@media (max-width: 899px) {
  .beatmap-discussions__discussions {
    padding: 10px 0;
  }
}
.beatmap-discussions__mode {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
}
.beatmap-discussions__mode-container {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.beatmap-discussions__mode-circle {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background-color: hsl(var(--hsl-b6));
  overflow-anchor: none;
}
.beatmap-discussions__mode-text {
  font-size: 10px;
}
.beatmap-discussions__timeline-line {
  overflow-anchor: none;
  position: absolute;
  top: 17.5px;
  left: 20px;
  width: 3px;
  height: calc(100% - (15px + 10px * 2));
  margin: 0 6px;
  background-color: hsl(var(--hsl-b6));
}
.beatmap-discussions__timeline-line--half {
  height: 50%;
}
.beatmap-discussions__timeline-line--bottom {
  top: 50%;
}
.beatmap-discussions__toolbar {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .beatmap-discussions__toolbar {
    flex-direction: row;
  }
}
.beatmap-discussions__toolbar-content {
  display: flex;
}
.beatmap-discussions__toolbar-content--right {
  flex: 1;
  justify-content: flex-end;
}
.beatmap-discussions__toolbar-item {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 5px;
}
.beatmap-discussions__toolbar-item--link {
  text-decoration: none;
  border-radius: 4px;
  font-size: 12px;
  color: white;
  padding: 5px 10px;
}
.beatmap-discussions__toolbar-item--link:hover,
.beatmap-discussions__toolbar-item--link:focus,
.beatmap-discussions__toolbar-item--link:active {
  text-decoration: none;
}
.beatmap-discussions__toolbar-item--link:hover {
  background-color: hsl(var(--hsl-b3));
}
.beatmap-discussions__toolbar-link-content + .beatmap-discussions__toolbar-link-content {
  margin-left: 5px;
}
.beatmap-discussions-header-bottom {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
  --gutter: 10px;
  display: flex;
  padding: 0 var(--gutter);
  background-color: hsl(var(--hsl-b5));
  flex-direction: column;
  margin-bottom: 10px;
}
@media (min-width: 900px) {
  .beatmap-discussions-header-bottom {
    --gutter: calc(40px - 20px);
    flex-direction: row;
    align-items: stretch;
  }
}
@media (min-width: 900px) {
  .beatmap-discussions-header-bottom__content {
    flex: 1;
  }
}
.beatmap-discussions-header-bottom__content--details {
  display: flex;
  margin: -5px;
  padding: 20px 10px 10px 0;
  flex-direction: column;
}
@media (max-width: 899px) {
  .beatmap-discussions-header-bottom__content--details {
    padding: 15px 5px 5px;
    align-self: center;
  }
}
.beatmap-discussions-header-bottom__content--nomination {
  margin-top: 10px;
  min-width: 0;
}
@media (min-width: 900px) {
  .beatmap-discussions-header-bottom__content--nomination {
    flex-basis: 30%;
  }
}
.beatmap-discussions-header-bottom__details {
  margin: 5px;
  flex: none;
  display: flex;
}
.beatmap-discussions-header-bottom__details--full {
  flex: 1;
}
.beatmap-discussions-header-top {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b2));
  --box-height: 50px;
  --gutter: 10px;
}
@media (min-width: 900px) {
  .beatmap-discussions-header-top {
    --gutter: 40px;
  }
}
.beatmap-discussions-header-top__basic-stats {
  grid-area: stats;
  padding: 10px 10px 0;
}
.beatmap-discussions-header-top__beatmap-stats {
  position: relative;
  display: grid;
  grid-template-areas: "owners stats" "chart chart";
  grid-template-columns: 1fr auto;
  background-color: hsl(var(--hsl-b4));
}
@media (max-width: 479px) {
  .beatmap-discussions-header-top__beatmap-stats {
    grid-template-areas: "stats" "owners" "chart";
  }
}
.beatmap-discussions-header-top__chart {
  grid-area: chart;
}
.beatmap-discussions-header-top__content {
  position: relative;
  padding: 70px var(--gutter) 0;
}
.beatmap-discussions-header-top__cover {
  --border-radius: 0;
}
.beatmap-discussions-header-top__cover::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: hsla(var(--hsl-b5), 60%);
}
.beatmap-discussions-header-top__title-container {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.beatmap-discussions-header-top__filter-group {
  min-width: 0;
  flex: 1 1 auto;
}
.beatmap-discussions-header-top__filter-group + .beatmap-discussions-header-top__filter-group {
  margin-top: 10px;
}
@media (min-width: 900px) {
  .beatmap-discussions-header-top__filter-group {
    align-self: flex-end;
  }
  .beatmap-discussions-header-top__filter-group + .beatmap-discussions-header-top__filter-group {
    margin-top: 0;
  }
  .beatmap-discussions-header-top__filter-group--stats {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.beatmap-discussions-header-top__filters {
  display: flex;
  margin: 10px 0;
  flex-direction: column;
  position: relative;
}
@media (min-width: 900px) {
  .beatmap-discussions-header-top__filters {
    justify-content: space-between;
    flex-direction: row;
  }
}
.beatmap-discussions-header-top__owners {
  grid-area: owners;
  font-size: 14px;
  padding: 10px 10px 0;
  overflow-wrap: anywhere;
}
.beatmap-discussions-header-top__stats {
  flex: none;
  margin: 5px -5px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 900px) {
  .beatmap-discussions-header-top__stats {
    margin-bottom: -5px;
    margin-left: 5px;
  }
}
.beatmap-discussions-header-top__title {
  color: inherit;
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.beatmap-discussions-header-top__title--artist {
  font-size: 15px;
  font-weight: normal;
}
.beatmap-icon {
  font-size: 22px;
  display: flex;
  color: var(--diff);
}
.beatmap-icon--beatmapset {
  font-size: 24px;
  position: relative;
}
.beatmap-list {
  color: #fff;
  min-width: 0;
  position: relative;
}
.beatmap-list--selecting {
  z-index: 512;
}
.beatmap-list__body {
  height: var(--box-height);
  min-width: 0;
}
.beatmap-list__item {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 3px 10px;
  gap: 10px;
  font-size: 14px;
}
.beatmap-list__item:hover,
.beatmap-list__item:focus,
.beatmap-list__item:active {
  text-decoration: none;
}
.beatmap-list__item:hover,
.beatmap-list__item:focus,
.beatmap-list__item:active {
  color: #fff;
}
.beatmap-list__item:hover {
  background-color: hsl(var(--hsl-b6));
}
.beatmap-list__item--selected {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-color: hsl(var(--hsl-b5));
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  min-width: 0;
  font-size: inherit;
}
.beatmap-list__item--selected:hover {
  background-color: hsl(var(--hsl-b6));
}
.beatmap-list__item--current {
  background-color: hsl(var(--hsl-b6));
}
.beatmap-list__item-count {
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 0.7em;
  font-weight: bold;
  margin-left: 10px;
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-b5));
}
.beatmap-list__item-selector-button {
  margin-left: auto;
}
.beatmap-list__selector {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  max-height: 70vh;
}
.beatmap-list__selector-container {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
  background-color: hsl(var(--hsl-b5));
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 5px;
  padding: 10px 0;
  min-width: 100%;
  width: -moz-max-content;
  width: max-content;
  max-width: min(max(90vw, 100%), 1000px);
  display: none;
}
.beatmap-list__selector-container * {
  scrollbar-width: thin;
}
.beatmap-list__selector-container ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.beatmap-list__selector-container ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.beatmap-list__selector-container ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.beatmap-list__selector-container ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.beatmap-list__selector-container ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
.beatmap-list--selecting .beatmap-list__selector-container {
  display: grid;
}
.beatmap-list-item {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0.4em;
  min-width: 0;
  --difficulty-badge-width: max-content;
  --main-width: 0;
}
.beatmap-list-item--deleted {
  opacity: 0.5;
}
.beatmap-list-item--inline {
  display: inline-grid;
}
.beatmap-list-item--full-width {
  --main-width: auto;
}
.beatmap-list-item__col--icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25em;
  width: 1em;
}
.beatmap-list-item__col--main {
  align-self: baseline;
  min-width: var(--main-width);
  white-space: nowrap;
}
.beatmap-list-item__mapper {
  color: hsl(var(--hsl-c2));
  font-size: 0.87em;
}
.beatmap-list-item__version {
  -webkit-text-decoration: var(--version-text-decoration, none);
          text-decoration: var(--version-text-decoration, none);
}
.beatmap-list-item__version-link {
  color: #fff;
  text-decoration: none;
}
.beatmap-list-item__version-link:hover,
.beatmap-list-item__version-link:focus,
.beatmap-list-item__version-link:active {
  color: #fff;
}
.beatmap-list-item__version-link:hover,
.beatmap-list-item__version-link:focus,
.beatmap-list-item__version-link:active {
  text-decoration: none;
}
.beatmap-owner {
  display: flex;
  gap: 2px;
  background-color: hsla(var(--hsl-b5), 0.8);
  border-radius: 6px;
}
.beatmap-owner__avatar {
  width: 20px;
  height: 20px;
}
.beatmap-owner__remove {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0.7;
  margin: 2px;
  padding: 0 0.3em;
  visibility: hidden;
  border-radius: 50%;
  display: flex;
  place-items: center;
}
.beatmap-owner__remove:hover,
.beatmap-owner__remove:focus,
.beatmap-owner__remove:active {
  opacity: 1;
  background-color: hsl(var(--hsl-b1));
}
.beatmap-owner__remove--editing {
  visibility: visible;
}
.beatmap-owner__user {
  display: flex;
  align-items: center;
  gap: 5px;
}
.beatmap-owner-editor {
  display: contents;
}
.beatmap-owner-editor__avatar {
  width: 20px;
  height: 20px;
}
.beatmap-owner-editor__col {
  display: flex;
  align-items: center;
  gap: 5px;
}
.beatmap-owner-editor__col--buttons {
  display: flex;
  justify-content: flex-end;
}
.beatmap-owner-editor__col--version {
  margin-right: 5px;
}
@media (min-width: 900px) {
  .beatmap-owner-editor__col--version {
    margin-right: 20px;
  }
}
.beatmap-owner-editor__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-l2));
}
.beatmap-owner-editor__button:hover,
.beatmap-owner-editor__button:focus,
.beatmap-owner-editor__button:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-owner-editor__button[disabled] {
  opacity: 0.5;
}
.beatmap-owner-editor__user {
  display: flex;
  align-items: center;
  gap: 5px;
}
.beatmap-owner-editor-owners {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2px;
  padding: var(--input-padding);
  border-radius: 6px;
}
.beatmap-owner-editor-owners--editing {
  background: var(--input-bg);
  box-shadow: inset 0 0 0 2px var(--input-border-colour);
}
.beatmap-pack {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  color: white;
  width: 100%;
  margin: 2px 0;
}
.beatmap-pack.js-accordion__item--expanded,
.beatmap-pack--expanded {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.beatmap-pack__body {
  background-color: hsl(var(--hsl-b3));
}
.beatmap-pack__date {
  font-size: 90%;
}
.beatmap-pack__details {
  margin-left: auto;
  padding-left: 20px;
  text-align: right;
  justify-content: flex-end;
  color: hsl(var(--hsl-c1));
}
.beatmap-pack__header {
  text-decoration: none;
  color: #fff;
  padding: 15px 20px;
  background-color: hsl(var(--hsl-b3));
  display: flex;
}
.beatmap-pack__header:hover,
.beatmap-pack__header:focus,
.beatmap-pack__header:active {
  text-decoration: none;
}
.beatmap-pack__header:hover,
.beatmap-pack__header:focus,
.beatmap-pack__header:active {
  color: #fff;
}
.js-accordion__item--expanded .beatmap-pack__header,
.beatmap-pack--expanded .beatmap-pack__header {
  background-color: hsl(var(--hsl-b2));
}
.beatmap-pack__header:hover {
  background-color: hsl(var(--hsl-b2));
}
.js-accordion__item--expanded .beatmap-pack__name,
.beatmap-pack--expanded .beatmap-pack__name {
  font-weight: 600;
}
.beatmap-pack-description {
  line-height: 1.75;
  border-bottom: 1px solid hsl(var(--hsl-b4));
  padding: 20px;
}
.beatmap-pack-description__link {
  font-size: 120%;
  font-weight: bold;
}
.beatmap-pack-items {
  line-height: 1.5;
  margin: 0;
  padding: 20px;
}
.beatmap-pack-items__artist {
  margin-left: 8px;
  font-weight: 600;
}
.beatmap-pack-items__icon {
  color: hsl(var(--hsl-b5));
}
.beatmap-pack-items__icon--cleared {
  color: hsl(var(--hsl-l1));
}
.beatmap-pack-items__link {
  color: white;
}
.beatmap-pack-items__link:hover,
.beatmap-pack-items__link:focus,
.beatmap-pack-items__link:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-pack-items__set {
  list-style: none;
}
.beatmap-packs {
  padding: 20px;
  background-color: hsl(var(--hsl-b4));
}
.beatmap-packs-header {
  padding: 20px 40px;
  color: hsl(var(--hsl-c1));
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
  background-color: hsl(var(--hsl-d3));
}
.beatmap-packs-header__important {
  font-size: 110%;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.beatmap-playcount {
  --border-radius: 6px 0 0 6px;
  color: #fff;
  background-color: #000;
  border-radius: 6px;
  display: flex;
  margin-bottom: 2px;
  line-height: normal;
}
.beatmap-playcount__artist {
  margin-right: 10px;
}
@media (min-width: 900px) {
  .beatmap-playcount__artist {
    display: none;
  }
}
.beatmap-playcount__count {
  color: #ffcc22;
  font-size: 20px;
  display: flex;
  align-items: center;
}
.beatmap-playcount__count-icon {
  font-size: 0.6em;
  margin-right: 5px;
  margin-top: 0.2em;
}
.beatmap-playcount__cover {
  flex: none;
  width: 70px;
  height: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.beatmap-playcount__cover-count {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-right: 6px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: var(--border-radius);
}
@media (min-width: 900px) {
  .beatmap-playcount__cover-count {
    display: none;
  }
}
.beatmap-playcount__detail {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  background-color: hsl(var(--hsl-b3));
  border-radius: 6px;
  margin-left: -6px;
  padding: 0 10px;
  position: relative;
}
.beatmap-playcount:hover .beatmap-playcount__detail {
  background-color: hsl(var(--hsl-b2));
}
.beatmap-playcount__detail-count {
  display: none;
  align-items: center;
}
@media (min-width: 900px) {
  .beatmap-playcount__detail-count {
    display: flex;
  }
}
.beatmap-playcount__info {
  min-width: 0;
  flex: 1;
}
.beatmap-playcount__info-row {
  font-size: 12px;
}
.beatmap-playcount__mapper {
  color: hsl(var(--hsl-f1));
}
.beatmap-playcount__mapper-link {
  font-weight: bold;
  color: hsl(var(--hsl-f1));
}
.beatmap-playcount__mapper-link:hover,
.beatmap-playcount__mapper-link:focus,
.beatmap-playcount__mapper-link:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-playcount__title {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  min-width: 0;
}
.beatmap-playcount__title:hover,
.beatmap-playcount__title:focus,
.beatmap-playcount__title:active {
  color: #fff;
}
.beatmap-playcount__title-artist {
  display: none;
  font-weight: normal;
}
@media (min-width: 900px) {
  .beatmap-playcount__title-artist {
    display: inline;
  }
}
.beatmap-score-top {
  position: relative;
  display: flex;
  flex-direction: column;
}
.beatmap-score-top__achieved {
  margin-bottom: 2px;
  font-size: 10px;
}
.beatmap-score-top__avatar {
  flex: none;
  margin: 0px 10px;
}
.beatmap-score-top__flags {
  display: flex;
  gap: 5px;
  font-size: 20px;
}
.beatmap-score-top__link-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.beatmap-score-top__position {
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.beatmap-score-top__position-number {
  color: #fff;
  text-decoration: none;
  display: block;
  padding-bottom: 5px;
}
.beatmap-score-top__position-number:hover,
.beatmap-score-top__position-number:focus,
.beatmap-score-top__position-number:active {
  color: #fff;
}
.beatmap-score-top__position-number:hover,
.beatmap-score-top__position-number:focus,
.beatmap-score-top__position-number:active {
  text-decoration: none;
}
.beatmap-score-top__section {
  position: relative;
  pointer-events: none;
  width: 100%;
  padding: 10px;
  display: flex;
  background-color: hsl(var(--hsl-b3));
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 899px) {
  .beatmap-score-top__section {
    flex-direction: column;
  }
}
.beatmap-score-top__stat {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
@media (max-width: 899px) {
  .beatmap-score-top__stat {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.beatmap-score-top__stat-header {
  font-size: 10px;
  font-weight: 700;
  color: hsl(var(--hsl-f1));
  padding-bottom: 2px;
  border-bottom: 2px solid hsl(var(--hsl-b3));
  text-transform: uppercase;
  min-width: 50px;
  white-space: nowrap;
}
.beatmap-score-top__stat-header--wider {
  min-width: 80px;
  width: 100%;
}
.beatmap-score-top__stat-header--mods {
  width: 100%;
  min-width: 30px;
}
.beatmap-score-top__stat-value {
  font-size: 22px;
  font-weight: 300;
  color: white;
  margin-top: 4px;
  line-height: 0.9;
}
.beatmap-score-top__stat-value--mods {
  display: flex;
  --mod-height: 18px;
}
.beatmap-score-top__stat-value--perfect {
  color: hsl(var(--hsl-lime-1));
}
.beatmap-score-top__stat-value--smaller {
  font-size: 16px;
  font-weight: 500;
}
.beatmap-score-top__stats {
  display: flex;
  flex-shrink: 1;
  justify-content: space-around;
}
@media (min-width: 900px) {
  .beatmap-score-top__stats {
    margin: 5px 10px 5px 0px;
    justify-content: flex-end;
  }
}
.beatmap-score-top__stats--wrappable {
  flex-wrap: wrap;
}
.beatmap-score-top__user-box {
  flex: none;
  display: grid;
  gap: 4px;
}
@media (min-width: 900px) {
  .beatmap-score-top__user-box {
    margin-right: 10px;
  }
}
.beatmap-score-top__username {
  font-size: 18px;
  font-weight: 700;
  display: block;
  color: white;
}
.beatmap-score-top__username:hover,
.beatmap-score-top__username:focus,
.beatmap-score-top__username:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-score-top__wrapping-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.beatmap-score-top__wrapping-container--left {
  flex-shrink: 0;
}
.beatmap-score-top__wrapping-container--right {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 899px) {
  .beatmap-score-top__wrapping-container--right {
    justify-content: space-around;
  }
}
.beatmap-scoreboard-mod {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 2px;
  cursor: pointer;
  opacity: var(--scoreboard-mod-opacity, 0.5);
}
.beatmap-scoreboard-mod:hover {
  --scoreboard-mod-opacity: 1;
}
.beatmap-scoreboard-mod--enabled {
  --scoreboard-mod-opacity: 1;
}
.beatmap-scoreboard-table {
  --default-color: #fff;
  --padding-h: 4px;
  --perfect-color: hsl(var(--hsl-lime-1));
  --row-background-color: hsl(var(--hsl-b4));
  --row-background-color-highlight: hsl(var(--hsl-b2));
  --zero-color: rgba(255, 255, 255, 0.4);
  transform: translateZ(0);
  margin-right: -16px;
  overflow-x: auto;
}
@media (max-width: 899px) {
  .beatmap-scoreboard-table {
    margin-right: 0;
  }
}
.beatmap-scoreboard-table__table {
  width: 100%;
  min-width: 800px;
  font-size: 12px;
}
.beatmap-scoreboard-table__header {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0 var(--padding-h) 5px;
  color: hsl(var(--hsl-f1));
}
.beatmap-scoreboard-table__header--rank {
  width: 40px;
  text-align: right;
}
.beatmap-scoreboard-table__header--grade {
  width: 70px;
}
.beatmap-scoreboard-table__header--score {
  width: 70px;
}
.beatmap-scoreboard-table__header--accuracy {
  width: 70px;
}
.beatmap-scoreboard-table__header--flag {
  width: 25px;
}
.beatmap-scoreboard-table__header--player {
  width: 180px;
}
.beatmap-scoreboard-table__header--maxcombo {
  width: 100px;
}
.beatmap-scoreboard-table__header--hitstat {
  max-width: 55px;
  min-width: 30px;
  white-space: nowrap;
}
.beatmap-scoreboard-table__header--hitstat-miss {
  width: 50px;
}
.beatmap-scoreboard-table__header--pp {
  width: 50px;
}
.beatmap-scoreboard-table__header--mods {
  min-width: 50px;
  padding-left: 5px;
}
.beatmap-scoreboard-table__header--popup-menu {
  width: 16px;
}
.beatmap-scoreboard-table__body-row:nth-child(odd) {
  --row-background-color: hsl(var(--hsl-b3));
}
.beatmap-scoreboard-table__body-row:hover,
.beatmap-scoreboard-table__body-row--menu-active {
  --zero-color: #fff;
}
.beatmap-scoreboard-table--menu-active .beatmap-scoreboard-table__body-row--highlightable {
  pointer-events: none;
}
.beatmap-scoreboard-table__body-row.beatmap-scoreboard-table__body-row--friend {
  --row-background-color: rgba(238, 170, 0, 0.2);
  --row-background-color-highlight: rgba(255, 206, 85, 0.2);
}
.beatmap-scoreboard-table__body-row.beatmap-scoreboard-table__body-row--self {
  --row-background-color: rgba(102, 136, 0, 0.3);
  --row-background-color-highlight: rgba(179, 238, 0, 0.3);
}
.beatmap-scoreboard-table__cell {
  background-color: var(--row-background-color);
}
.beatmap-scoreboard-table__body-row:hover .beatmap-scoreboard-table__cell,
.beatmap-scoreboard-table__body-row--menu-active .beatmap-scoreboard-table__cell {
  background-color: var(--row-background-color-highlight);
}
.beatmap-scoreboard-table__cell:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.beatmap-scoreboard-table__cell:nth-last-child(2) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 1%;
}
.beatmap-scoreboard-table__cell--player {
  max-width: 200px;
}
.beatmap-scoreboard-table__cell-content {
  text-decoration: none;
  display: flex;
  height: 1.8em;
  align-items: center;
  color: var(--default-color);
  padding: 0 var(--padding-h);
  gap: 5px;
  position: relative;
}
.beatmap-scoreboard-table__cell-content:hover,
.beatmap-scoreboard-table__cell-content:focus,
.beatmap-scoreboard-table__cell-content:active {
  text-decoration: none;
}
.beatmap-scoreboard-table__cell-content:hover,
.beatmap-scoreboard-table__cell-content:focus,
.beatmap-scoreboard-table__cell-content:active {
  color: var(--default-color);
}
.beatmap-scoreboard-table__cell-content--bg-link {
  position: absolute;
  inset: 0;
}
.beatmap-scoreboard-table__cell-content--grade {
  justify-content: center;
}
.beatmap-scoreboard-table__cell-content--mods {
  padding-right: 10px;
}
.beatmap-scoreboard-table__cell-content--perfect {
  --default-color: var(--perfect-color);
}
.beatmap-scoreboard-table__cell-content--rank {
  font-weight: 700;
  justify-content: flex-end;
}
.beatmap-scoreboard-table__body-row--first .beatmap-scoreboard-table__cell-content--score {
  font-weight: 700;
}
.beatmap-scoreboard-table__cell-content--time {
  white-space: nowrap;
}
.beatmap-scoreboard-table__cell-content--zero {
  --default-color: var(--zero-color);
}
.beatmap-scoreboard-table__mods {
  display: flex;
  --mod-height: 18px;
}
.beatmap-scoreboard-table__popup-menu {
  position: relative;
}
.beatmap-scoreboard-table__body-row--menu-active .beatmap-scoreboard-table__popup-menu {
  opacity: 1;
}
.beatmap-scoreboard-table__body-row--highlightable .beatmap-scoreboard-table__popup-menu {
  opacity: 0;
}
@media (max-width: 899px) {
  .beatmap-scoreboard-table__body-row--highlightable .beatmap-scoreboard-table__popup-menu {
    opacity: 1;
  }
}
.beatmap-scoreboard-table__body-row--highlightable:hover .beatmap-scoreboard-table__popup-menu {
  opacity: 1;
}
.beatmap-scoreboard-table__user-link {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  color: white;
}
.beatmap-scoreboard-table__user-link:hover,
.beatmap-scoreboard-table__user-link:focus,
.beatmap-scoreboard-table__user-link:active {
  color: hsl(var(--hsl-l1));
}
.beatmap-scoreboard-table__user-link:hover,
.beatmap-scoreboard-table__user-link:focus,
.beatmap-scoreboard-table__user-link:active {
  text-decoration: underline;
}
.beatmap-scoreboard-top {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0px;
}
.beatmap-scoreboard-top__item {
  width: 100%;
  margin: 5px 0px;
}
.beatmap-scoreboard-top__title {
  font-size: 15px;
  margin: 0 15px 15px;
}
.beatmap-stats-table {
  text-align: center;
  width: 100%;
}
.beatmap-stats-table__bar {
  width: 100%;
  padding: 0 10px;
}
.beatmap-stats-table__label {
  white-space: nowrap;
  font-weight: normal;
  padding: 2.5px 0;
}
.beatmap-stats-table__value {
  text-align: center;
  min-width: 25px;
}
.beatmap-success-rate {
  height: 100%;
  padding: 0 15px;
  background-color: hsl(var(--hsl-b3));
  font-size: 12px;
  display: flex;
  flex-direction: column;
}
.beatmap-success-rate__chart {
  flex: none;
  height: 60px;
  margin-top: 20px;
  line-height: 0;
}
@media (min-width: 900px) {
  .beatmap-success-rate__chart {
    flex: 1;
    min-height: 0;
    height: auto;
  }
}
.beatmap-success-rate__empty {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin: 20px 0;
}
.beatmap-success-rate__header {
  color: inherit;
  font-size: inherit;
  font-weight: normal;
  font-style: normal;
  margin: 20px 0 0;
  text-align: center;
}
.beatmap-success-rate__percentage {
  transition: margin-left 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 0;
  display: flex;
  justify-content: center;
}
.beatmaps-owner-editor {
  width: calc(100% - (0px * 2));
  max-width: 1000px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b5));
  margin: auto;
  width: auto;
}
@media (min-width: 900px) {
  .beatmaps-owner-editor {
    width: calc(100% - ((0px + 20px) * 2));
    max-width: 1000px;
  }
}
@media (min-width: 900px) {
  .beatmaps-owner-editor {
    width: auto;
  }
}
.beatmaps-owner-editor__row {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .beatmaps-owner-editor__row {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.beatmaps-owner-editor__row--content {
  display: grid;
  grid-gap: 5px;
  font-size: 12px;
  grid-template-columns: auto minmax(20px, auto) minmax(20px, 300px) 70px;
  align-items: center;
  overflow-y: auto;
  max-height: calc(var(--vh) * 60);
}
.beatmaps-owner-editor__row--footer {
  display: flex;
  justify-content: flex-end;
}
.beatmaps-popup {
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
  pointer-events: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: hsl(var(--hsl-b2));
  padding: 5px 0 10px;
  border-radius: 0 0 10px 10px;
  transition: opacity 150ms ease-in-out;
  z-index: 4;
  --panel-height: 120px;
}
.beatmaps-popup * {
  scrollbar-width: thin;
}
.beatmaps-popup ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.beatmaps-popup ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.beatmaps-popup ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.beatmaps-popup ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.beatmaps-popup ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
@media (min-width: 900px) {
  .beatmaps-popup {
    padding-top: 10px;
    --panel-height: 100px;
  }
}
.beatmaps-popup::before {
  content: "";
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  border: 2px solid hsl(var(--hsl-h1));
  height: calc(100% + var(--panel-height));
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border-radius: 10px;
}
@media (min-width: 900px) {
  .beatmaps-popup--size-extra {
    --panel-height: 140px;
  }
}
.beatmaps-popup__content {
  max-height: 50vh;
  overflow: auto;
  padding: 2px 5px;
  display: grid;
  grid-gap: 10px;
}
.beatmaps-popup__group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 2px;
}
.beatmaps-popup-item {
  font-size: 12px;
  display: grid;
  grid-gap: 4px;
  align-items: center;
  color: hsl(var(--hsl-c1));
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  --version-text-decoration: none;
}
.beatmaps-popup-item:hover,
.beatmaps-popup-item:focus,
.beatmaps-popup-item:active {
  --version-text-decoration: underline;
  text-decoration: none;
  color: hsl(var(--hsl-c1));
}
.beatmapset-activities {
  color: white;
}
.beatmapset-activities h2,
.beatmapset-activities h3 {
  color: white;
}
.beatmapset-activities__post-grow {
  flex-grow: 1;
}
.beatmapset-activities__discussion-post {
  display: flex;
  margin-bottom: 10px;
}
.beatmapset-activities__spinner {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 20px;
}
.beatmapset-activities__timeline-icon-margin {
  margin: 10px !important;
}
.beatmapset-activities__user-upvote-list {
  display: flex;
  flex-wrap: wrap;
}
.beatmapset-activities__user-upvote-panel {
  display: flex;
  margin: 10px;
  width: 200px;
}
.beatmapset-activities__vote-icon-spacer {
  margin: 10px 5px 10px 0px;
}
.beatmapset-activities__vote-link {
  pointer-events: auto;
}
.beatmapset-activities__vote-user-panel {
  width: 50px;
  flex-shrink: 0;
}
.beatmapset-activities .js-usercard {
  pointer-events: auto;
}
.beatmapset-badge {
  background-color: hsl(var(--hsl-b5));
  font-size: 10px;
  border-radius: 10000px;
  padding: 0.2em 1em;
  margin-left: 10px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  --colour: hsl(var(--hsl-c1));
  --colour-hover: var(--colour);
  color: var(--colour);
}
.beatmapset-badge:hover,
.beatmapset-badge:focus,
.beatmapset-badge:active {
  text-decoration: none;
}
.beatmapset-badge:hover,
.beatmapset-badge:focus,
.beatmapset-badge:active {
  color: var(--colour-hover);
}
.beatmapset-badge--featured_artist {
  --colour: hsl(var(--hsl-blue-2));
  --colour-hover: hsl(var(--hsl-blue-1));
}
.beatmapset-badge--nsfw {
  --colour: hsl(var(--hsl-orange-2));
}
.beatmapset-badge--panel {
  margin-left: 5px;
}
.beatmapset-badge--spotlight {
  --colour: hsl(var(--hsl-green-2));
  --colour-hover: hsl(var(--hsl-green-1));
}
.beatmapset-beatmap-picker {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px 10px;
  background-color: hsla(var(--hsl-b3), 70%);
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.beatmapset-beatmap-picker__beatmap {
  transform: translateZ(0);
  text-decoration: none;
  transition: all 100ms ease-in-out;
  padding: 7px;
  width: 38px;
  height: 38px;
  opacity: 0.7;
}
.beatmapset-beatmap-picker__beatmap:hover,
.beatmapset-beatmap-picker__beatmap:focus,
.beatmapset-beatmap-picker__beatmap:active {
  text-decoration: none;
}
.beatmapset-beatmap-picker__beatmap:hover {
  opacity: 1;
}
.beatmapset-beatmap-picker__beatmap::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  content: "";
  background-color: hsla(var(--hsl-b6), 0.5);
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  opacity: 0;
  border: 2px solid;
}
.beatmapset-beatmap-picker__beatmap:hover::before {
  opacity: 1;
}
.beatmapset-beatmap-picker__beatmap--active {
  opacity: 1;
}
.beatmapset-beatmap-picker__beatmap--active::before {
  opacity: 1;
  background-color: hsla(var(--hsl-b6), 0.5);
}
.beatmapset-cover {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 45px;
  height: 30px;
  border-radius: var(--border-radius, 6px);
  background-image: url(/assets/images/default-bg.7594e945.png);
  background-size: auto auto;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
  flex: none;
}
@media (min-resolution: 1.5dppx) {
  .beatmapset-cover {
    background-image: url(/assets/images/default-bg@2x.4043b8f4.png);
  }
}
.beatmapset-cover::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: inherit;
  background-image: var(--bg);
  background-position: center;
  background-size: cover;
}
@media (min-resolution: 1.5dppx) {
  .beatmapset-cover::before {
    background-image: var(--bg-2x, var(--bg));
  }
}
.beatmapset-cover--full {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.beatmapset-cover--home {
  width: 70px;
  height: 60px;
}
.beatmapset-cover--search {
  width: 50px;
  height: 50px;
}
.beatmapset-cover-admin__img {
  max-width: 100%;
}
.beatmapset-discussion-image-link {
  position: relative;
  display: inline-flex;
  min-width: 1em;
  min-height: 1em;
}
.beatmapset-discussion-image-link__spinner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.beatmapset-discussions-chart {
  --icon-area-height: 30px;
  height: 115px;
  position: relative;
  padding: 0 40px;
}
.beatmapset-discussions-chart::before {
  --border-size: 2px;
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: calc(var(--border-size) + var(--icon-area-height));
  background-color: hsl(var(--hsl-b6));
  border-top: var(--border-size) solid hsl(var(--hsl-b3));
}
.beatmapset-discussions-chart__container {
  width: 100%;
  height: 100%;
  position: relative;
}
.beatmapset-discussions-chart__item {
  text-decoration: none;
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 6px;
  transform: translateX(-3px);
  display: flex;
  flex-direction: column;
  align-items: center;
  --line-scale: 1;
}
.beatmapset-discussions-chart__item:hover,
.beatmapset-discussions-chart__item:focus,
.beatmapset-discussions-chart__item:active {
  text-decoration: none;
}
.beatmapset-discussions-chart__item::before {
  display: block;
  content: "";
  flex: 1;
  width: 1px;
  background-image: linear-gradient(to top, hsl(var(--hsl-c1)), hsl(var(--hsl-c1)) 14%, hsla(var(--hsl-c1), 0) 98%);
  transform: scaleX(var(--line-scale));
}
.beatmapset-discussions-chart__item::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: var(--icon, "");
  font-size: 12px;
  font-weight: var(--icon-weight);
  color: var(--icon-colour);
  height: var(--icon-area-height);
  display: flex;
  align-items: center;
  flex: none;
}
.beatmapset-discussions-chart__item::after.fa-pull-left {
  margin-right: 0.3em;
}
.beatmapset-discussions-chart__item::after.fa-pull-right {
  margin-left: 0.3em;
}
.beatmapset-discussions-chart__item:hover {
  --line-scale: 2;
}
.beatmapset-discussions-chart__item--deleted {
  opacity: 0.5;
}
.beatmapset-discussions-chart__item--mapper-note {
  --icon-colour: var(--beatmapset-discussion-colour--mapper_note);
  --icon: "\f249";
  --icon-weight: 400;
}
.beatmapset-discussions-chart__item--praise {
  --icon-colour: var(--beatmapset-discussion-colour--praise);
  --icon: "\f004";
  --icon-weight: 900;
}
.beatmapset-discussions-chart__item--problem {
  --icon-colour: var(--beatmapset-discussion-colour--problem);
  --icon: "\f06a";
  --icon-weight: 900;
}
.beatmapset-discussions-chart__item--resolved {
  --icon-colour: var(--beatmapset-discussion-colour--resolved);
  --icon: "\f058";
  --icon-weight: 400;
}
.beatmapset-discussions-chart__item--suggestion {
  --icon-colour: var(--beatmapset-discussion-colour--suggestion);
  --icon: "\f111";
  --icon-weight: 400;
}
.beatmapset-event {
  font-size: 12px;
  display: flex;
  padding: 2px 0;
  align-items: baseline;
}
.beatmapset-event__content {
  word-wrap: break-word;
  min-width: 0;
}
.beatmapset-event__icon {
  border-radius: 3px;
  width: 8px;
  flex: none;
  align-self: stretch;
  background-color: var(--bg, transparent);
  --bg-approve: #66ccff;
  --bg-beatmap-owner-change: #66ccff;
  --bg-discussion-delete: #ffcc22;
  --bg-discussion-lock: #ed1221;
  --bg-discussion-post-delete: #ffcc22;
  --bg-discussion-post-restore: #66ccff;
  --bg-discussion-restore: #66ccff;
  --bg-discussion-unlock: #88b300;
  --bg-disqualify: #ed1221;
  --bg-genre-edit: #66ccff;
  --bg-issue-reopen: #ffcc22;
  --bg-issue-resolve: #88b300;
  --bg-kudosu-allow: #66ccff;
  --bg-kudosu-deny: #ed1221;
  --bg-kudosu-gain: #66ccff;
  --bg-kudosu-lost: #ed1221;
  --bg-kudosu-recalculate: #ccc;
  --bg-language-edit: #66ccff;
  --bg-love: #ff66aa;
  --bg-nominate: #66ccff;
  --bg-nomination-reset: #ed1221;
  --bg-nomination-reset-received: #ed1221;
  --bg-nsfw-toggle: #66ccff;
  --bg-offset-edit: #66ccff;
  --bg-tags-edit: #66ccff;
  --bg-qualify: #66ccff;
  --bg-rank: #88b300;
  --bg-remove-from-loved: #ed1221;
}
.beatmapset-event__icon--beatmapset-activities {
  margin: 0 10px;
}
.beatmapset-event__time {
  width: 80px;
  flex: none;
  padding: 0 10px;
}
.beatmapset-events {
  display: flex;
  flex-direction: column;
}
.beatmapset-events__empty {
  font-size: 12px;
  display: flex;
}
.beatmapset-events__title {
  font-size: 15px;
  color: hsl(var(--hsl-l1));
  margin: 20px 0 5px;
}
.beatmapset-events__title:first-child {
  margin-top: 0;
}
.beatmapset-header {
  display: grid;
  gap: 20px;
  padding: 10px 10px 0;
  min-height: 350px;
  position: relative;
}
@media (min-width: 900px) {
  .beatmapset-header {
    padding: 20px 40px 0;
    grid-template-columns: 1fr 275px;
  }
}
.beatmapset-header__box {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 900px) {
  .beatmapset-header__box--main {
    padding-bottom: 25px;
  }
}
.beatmapset-header__box--stats {
  justify-content: space-between;
}
.beatmapset-header__beatmap-picker-box {
  flex: 1 0 auto;
}
.beatmapset-header__buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
.beatmapset-header__availability-info {
  font-size: 14px;
  padding: 10px;
  margin-top: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #eeaa00;
}
.beatmapset-header__availability-link {
  padding-top: 10px;
  font-size: 10px;
}
.beatmapset-header__cover {
  --border-radius: 0;
  display: contents;
}
.beatmapset-header__cover::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: hsla(var(--hsl-b5), 60%);
}
.beatmapset-header__details-text {
  max-width: 100%;
  word-break: break-word;
}
.beatmapset-header__details-text--artist {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 20px;
}
.beatmapset-header__details-text--title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 5px;
  margin-top: 10px;
}
.beatmapset-header__details-text-link {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  color: #fff;
  text-decoration: none;
}
.beatmapset-header__details-text-link:hover,
.beatmapset-header__details-text-link:focus,
.beatmapset-header__details-text-link:active {
  color: #fff;
}
.beatmapset-header__details-text-link:hover,
.beatmapset-header__details-text-link:focus,
.beatmapset-header__details-text-link:active {
  text-decoration: none;
}
.beatmapset-header__diff-extra {
  margin-left: 5px;
  font-size: 11px;
  font-weight: 600;
}
.beatmapset-header__diff-extra--star-difficulty {
  color: #ffcc22;
}
.beatmapset-header__diff-name {
  font-size: 17px;
  font-weight: 600;
  overflow-wrap: anywhere;
  color: hsl(var(--hsl-c1));
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}
.beatmapset-header__more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 45px;
  height: 45px;
}
.beatmapset-header__status {
  height: 38px;
  font-size: 14px;
  margin: -5px -5px 5px;
  display: flex;
  margin-left: auto;
}
.beatmapset-header__value {
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}
.beatmapset-header__value--has-favourites {
  background: hsla(var(--hsl-b6), 0.25);
  padding: 2px 5px;
  border-radius: 4px;
}
.beatmapset-header__value--has-favourites:hover {
  background: hsla(var(--hsl-b6), 0.5);
}
.beatmapset-header__value-icon {
  padding-right: 2px;
  color: #fff;
}
.beatmapset-header__value-icon--favourites:hover,
.beatmapset-header__value-icon--favourites:visited,
.beatmapset-header__value-icon--favourites:link,
.beatmapset-header__value-icon--favourites:active {
  text-decoration: none;
  color: #fff;
}
.beatmapset-header__value-icon--favourites:hover {
  color: #cc5288;
}
.beatmapset-header__value-icon--favourited:hover,
.beatmapset-header__value-icon--favourited:link {
  color: #bb1177;
}
.beatmapset-hype {
  color: white;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  font-size: 12px;
}
@media (min-width: 900px) {
  .beatmapset-hype {
    flex-direction: row;
  }
}
.beatmapset-hype__box {
  display: flex;
  flex-direction: column;
  padding: 15px 0;
}
@media (min-width: 900px) {
  .beatmapset-hype__box {
    flex: 1;
    margin: 0 10px;
  }
}
.beatmapset-hype__box--float {
  display: grid;
  grid-gap: 5px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: hsl(var(--hsl-b3));
}
@media (min-width: 900px) {
  .beatmapset-hype__box--float {
    flex: none;
    width: 275px;
  }
}
.beatmapset-hype__button {
  display: flex;
}
.beatmapset-hype__description-row--action {
  margin-bottom: 0;
}
.beatmapset-hype__description-row--current {
  font-weight: bold;
  margin-bottom: 5px;
}
.beatmapset-hype__description-row--status {
  align-self: flex-start;
  margin-bottom: 10px;
}
.beatmapset-hype__lights-header {
  display: flex;
  justify-content: space-between;
}
.beatmapset-hype__lights-title {
  font-weight: bold;
}
.beatmapset-info {
  font-size: 12px;
  display: grid;
  gap: 20px;
  padding: 10px 10px 0;
  background-color: hsl(var(--hsl-b4));
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 900px) {
  .beatmapset-info {
    padding: 15px 40px 0;
    grid-template-columns: 1fr 175px 275px;
  }
}
.beatmapset-info__box {
  min-width: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 10px;
}
@media (min-width: 900px) {
  .beatmapset-info__box {
    min-height: 200px;
    max-height: 300px;
  }
}
.beatmapset-info__edit-button {
  position: absolute;
  top: 5px;
  right: 0;
  opacity: 0;
  transition: opacity 120ms;
  z-index: 1;
}
.beatmapset-info__box:hover .beatmapset-info__edit-button {
  opacity: 1;
}
.beatmapset-info__row {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.beatmapset-info__row--half {
  flex-direction: row;
}
.beatmapset-info__half-entry {
  flex: none;
  width: 50%;
}
.beatmapset-info__header {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  padding: 5px 0;
  margin: 0;
}
.beatmapset-info__header--sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  background-image: linear-gradient(to top, hsla(var(--hsl-b4), 0), hsl(var(--hsl-b4)) 5px);
}
.beatmapset-info__link {
  overflow-wrap: break-word;
}
.beatmapset-info__scrollable {
  overflow-y: auto;
}
.beatmapset-info__scrollable::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-image: linear-gradient(to bottom, hsla(var(--hsl-b4), 0), hsl(var(--hsl-b4)));
  pointer-events: none;
}
.beatmapset-list-view {
  --border-radius: 6px;
  height: 40px;
  width: 100%;
  border-radius: var(--border-radius);
  display: flex;
  background-color: hsl(var(--hsl-b3));
  color: inherit;
}
.beatmapset-list-view:hover,
.beatmapset-list-view:focus,
.beatmapset-list-view:active {
  color: inherit;
  text-decoration: inherit;
  background-color: hsl(var(--hsl-b1));
}
.beatmapset-list-view__artist {
  font-size: 14px;
  margin-left: 5px;
}
.beatmapset-list-view__cover-container {
  flex: none;
  width: 80px;
  position: relative;
}
.beatmapset-list-view__cover-container--blank {
  background-image: none;
}
.beatmapset-list-view__content {
  flex: 1;
  min-width: 0;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.beatmapset-list-view__title {
  font-weight: 600;
  font-size: 16px;
}
.beatmapset-mapping {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  display: flex;
  color: #fff;
  font-size: 11px;
  align-items: flex-start;
}
.beatmapset-mapping__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.beatmapset-mapping__mapper {
  margin-bottom: 5px;
}
.beatmapset-mapping__user {
  font-weight: 600;
  white-space: pre;
  color: #fff;
}
.beatmapset-mapping__user:hover,
.beatmapset-mapping__user:focus,
.beatmapset-mapping__user:active {
  color: #fff;
  text-decoration: none;
}
.beatmapset-panel {
  --border-cover-opacity: 0;
  --global-beatmap-link-pointer-events: none;
  --info-bg: transparent;
  --main-height: 100px;
  --menu-bg: transparent;
  --menu-container-width: 0;
  --menu-opacity: 0;
  --mobile-extra-bar-height: calc(var(--panel-height) - var(--main-height));
  --panel-height: 120px;
  --progress: 0;
  --play-bg: transparent;
  --play-icon-opacity: 0;
  --play-width: 80px;
  --source-display: flex;
  --stats-grid-template: "hype nominations favourite-count play-count date" /
    auto auto auto auto auto;
  --stats-opacity: 1;
  --transition: all 150ms ease-in-out;
  position: relative;
  background-color: hsl(var(--hsl-b2));
  border-radius: 10px;
  font-size: 12px;
  height: var(--panel-height);
  min-width: 0;
  transform: translateZ(0);
}
@media (min-width: 900px) {
  .beatmapset-panel {
    --global-beatmap-link-pointer-events: auto;
    --info-bg: linear-gradient(0.25turn, hsl(var(--hsl-b2)), hsla(var(--hsl-b2), 0.8));
    --menu-bg: hsl(var(--hsl-b3));
    --menu-container-width: 10px;
    --main-height: 100%;
    --panel-height: 100px;
    --play-width: 90px;
    --stats-opacity: 0;
  }
  .beatmapset-panel:hover {
    --info-bg: linear-gradient(0.25turn, hsl(var(--hsl-b4)), hsla(var(--hsl-b4), 0.8));
    --menu-opacity: 1;
    --menu-container-width: 30px;
    --play-bg: hsla(var(--hsl-b6), 0.8);
    --play-icon-opacity: 1;
    --stats-opacity: 1;
  }
}
.beatmapset-panel::before {
  content: "";
  background-color: inherit;
  height: 10px;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: var(--border-cover-opacity);
  transition: var(--transition);
  transition-duration: var(--beatmaps-popup-transition-duration);
}
.beatmapset-panel[data-audio-state="loading"],
.beatmapset-panel[data-audio-state="playing"] {
  --play-bg: hsla(var(--hsl-b6), 0.8);
  --play-icon-opacity: 1;
}
.beatmapset-panel--beatmaps-popup-visible {
  --border-cover-opacity: 1;
}
@media (min-width: 900px) {
  .beatmapset-panel--beatmaps-popup-visible {
    --info-bg: linear-gradient(0.25turn, hsl(var(--hsl-b4)), hsla(var(--hsl-b4), 0.8));
    --menu-opacity: 1;
    --menu-container-width: 30px;
    --play-bg: hsla(var(--hsl-b6), 0.8);
    --play-icon-opacity: 1;
    --stats-opacity: 1;
  }
}
@media (max-width: 899px) {
  .beatmapset-panel--mobile-expanded {
    --menu-opacity: 1;
    --menu-container-width: 30px;
    --play-bg: hsla(var(--hsl-b6), 0.8);
    --play-icon-opacity: 1;
    --stats-opacity: 1;
  }
}
@media (min-width: 900px) {
  .beatmapset-panel--size-extra {
    --panel-height: 140px;
    --stats-grid-template: "favourite-count hype date" "play-count nominations ." / auto auto auto;
    --stats-opacity: 1;
    --play-width: 140px;
  }
}
@media (min-width: 900px) {
  .beatmapset-panel--size-normal {
    --source-display: none;
  }
}
.beatmapset-panel__badge-container {
  position: relative;
  bottom: 0.2em;
  margin-left: auto;
  flex-shrink: 0;
}
.beatmapset-panel__beatmap-count {
  font-weight: 600;
}
.beatmapset-panel__beatmap-dot {
  margin-right: 1px;
  width: 6px;
  height: 12px;
  border-radius: 10000px;
  background-color: var(--bg);
}
.beatmapset-panel__beatmap-icon {
  margin-right: 2px;
  font-size: 14px;
  display: flex;
}
.beatmapset-panel__content {
  pointer-events: none;
  position: relative;
  display: flex;
  width: 100%;
  height: var(--main-height);
}
.beatmapset-panel__cover-col {
  position: relative;
  --border-radius: 0;
}
.beatmapset-panel__cover-col--play {
  --border-radius: 10px 0 0 10px;
  width: calc(var(--play-width) + 10px);
  flex: none;
}
.beatmapset-panel__cover-col--info {
  margin-right: 10px;
  flex: 1;
}
.beatmapset-panel__cover-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  height: var(--main-height);
  display: flex;
  pointer-events: var(--global-beatmap-link-pointer-events);
}
.beatmapset-panel__cover-container::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - var(--play-width));
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 9px;
  background-color: hsl(var(--hsl-b3));
}
@media (min-width: 900px) {
  .beatmapset-panel__cover-container::after {
    display: none;
  }
}
.beatmapset-panel__extra-item {
  margin: 0 var(--gutter);
  display: flex;
}
.beatmapset-panel__extra-item--dots {
  align-items: center;
}
.beatmapset-panel__info {
  flex: 1;
  min-width: 10px;
  padding: 4px 10px 6px;
  position: relative;
  background: var(--info-bg);
  display: flex;
  flex-direction: column;
  border-radius: 9px 0 0 9px;
}
.beatmapset-panel__info-row {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: baseline;
  position: relative;
}
.beatmapset-panel__info-row--artist {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  font-weight: 600;
}
.beatmapset-panel__info-row--extra {
  text-decoration: none;
  color: #fff;
  --gutter: 3px;
  pointer-events: var(--global-beatmap-link-pointer-events);
  margin: 0 calc(var(--gutter) * -1);
  align-items: center;
}
.beatmapset-panel__info-row--extra:hover,
.beatmapset-panel__info-row--extra:focus,
.beatmapset-panel__info-row--extra:active {
  text-decoration: none;
}
.beatmapset-panel__info-row--extra:hover,
.beatmapset-panel__info-row--extra:focus,
.beatmapset-panel__info-row--extra:active {
  color: #fff;
}
@media (max-width: 899px) {
  .beatmapset-panel__info-row--extra {
    position: absolute;
    left: calc(var(--play-width) * -1);
    top: 100%;
    height: var(--mobile-extra-bar-height);
    width: calc(100% + var(--play-width) + var(--gutter) * 2);
    padding: 0 30px 0 5px;
  }
}
.beatmapset-panel__info-row--mapper {
  color: hsl(var(--hsl-c2));
  font-weight: 600;
  margin-top: auto;
}
.beatmapset-panel__info-row--source {
  color: hsl(var(--hsl-c2));
  display: var(--source-display);
  font-weight: bold;
}
.beatmapset-panel__info-row--source::after {
  content: "\a0";
}
.beatmapset-panel__info-row--stats {
  opacity: var(--stats-opacity);
  overflow: hidden;
  display: grid;
  grid-template: var(--stats-grid-template);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
}
@media (min-width: 900px) {
  .beatmapset-panel__info-row--stats {
    margin-bottom: 2px;
  }
}
.beatmapset-panel__info-row--title {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 18px;
  font-weight: 600;
}
.beatmapset-panel__main-link {
  text-decoration: none;
  color: #fff;
  pointer-events: auto;
}
.beatmapset-panel__main-link:hover,
.beatmapset-panel__main-link:focus,
.beatmapset-panel__main-link:active {
  text-decoration: none;
}
.beatmapset-panel__main-link:hover,
.beatmapset-panel__main-link:focus,
.beatmapset-panel__main-link:active {
  color: #fff;
}
.beatmapset-panel__menu {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: var(--menu-opacity);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  font-size: 12px;
  color: hsl(var(--hsl-c2));
  transition: var(--transition);
  pointer-events: auto;
  overflow: hidden;
}
.beatmapset-panel__menu-container {
  width: var(--menu-container-width);
  overflow: hidden;
  flex: none;
  background-color: var(--menu-bg);
  position: relative;
  border-radius: 0 10px 10px 0;
  transition: var(--transition);
}
@media (min-width: 900px) {
  .beatmapset-panel__menu-container {
    overflow: visible;
  }
}
.beatmapset-panel__menu-container::after,
.beatmapset-panel__menu-container::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: inherit;
  right: 100%;
}
.beatmapset-panel__menu-container::before {
  top: 0;
  clip-path: path("M11 -1 L11 10 L10 10 A10 10 0 0 0 0 0 L0 -1 Z");
}
.beatmapset-panel__menu-container::after {
  bottom: 0;
  clip-path: path("M11 11 L11 0 L10 0 A10 10 0 0 1 0 10 L 0 11 Z");
}
.beatmapset-panel__menu-item {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-l1));
  width: 20px;
  text-align: center;
  padding: 3px 0;
}
.beatmapset-panel__menu-item:hover,
.beatmapset-panel__menu-item:focus,
.beatmapset-panel__menu-item:active {
  color: hsl(var(--hsl-c1));
}
.beatmapset-panel__menu-item--disabled:hover,
.beatmapset-panel__menu-item--disabled:focus,
.beatmapset-panel__menu-item--disabled:active {
  color: hsl(var(--hsl-l1));
}
.beatmapset-panel__mobile-expand {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  pointer-events: auto;
  height: var(--mobile-extra-bar-height);
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  align-items: center;
  color: hsl(var(--hsl-c2));
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (min-width: 900px) {
  .beatmapset-panel__mobile-expand {
    display: none;
  }
}
.beatmapset-panel__play {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 15px;
  pointer-events: auto;
  opacity: var(--play-icon-opacity);
}
.beatmapset-panel__play:hover {
  color: hsl(var(--hsl-orange-1));
}
@media (max-width: 899px) {
  .beatmapset-panel__play {
    transition: var(--transition);
  }
}
.beatmapset-panel__play-container {
  width: var(--play-width);
  flex: none;
  background-color: var(--play-bg);
  position: relative;
  border-radius: 9px 0 0 9px;
}
.beatmapset-panel__play-container::after,
.beatmapset-panel__play-container::before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: inherit;
  left: 100%;
}
.beatmapset-panel__play-container::before {
  top: 0;
  clip-path: path("M-1 -1 L-1 10 L0 10 A10 10 0 0 1 10 0 L10 -1 Z");
}
.beatmapset-panel__play-container::after {
  bottom: 0;
  clip-path: path("M-1 11 L-1 0 L0 0 A10 10 0 0 0 10 10 L10 11 Z");
}
.beatmapset-panel__play-icon {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  background: hsla(var(--hsl-b6), 0.5);
  margin: 1px;
  padding-top: 1px;
  pointer-events: auto;
}
.beatmapset-panel__play-icons {
  position: absolute;
  top: 4px;
  left: 4px;
  display: flex;
}
.beatmapset-panel__play-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: var(--play-icon-opacity);
}
.beatmapset-panel__stats-item {
  display: flex;
  align-items: center;
  pointer-events: auto;
  margin-right: 10px;
}
.beatmapset-panel__stats-item--date {
  grid-area: date;
}
.beatmapset-panel__stats-item--favourite-count {
  grid-area: favourite-count;
}
.beatmapset-panel__stats-item--hype {
  grid-area: hype;
}
.beatmapset-panel__stats-item--nominations {
  grid-area: nominations;
}
.beatmapset-panel__stats-item--play-count {
  grid-area: play-count;
}
.beatmapset-panel__stats-item-icon {
  font-size: 8px;
  margin-right: 4px;
  color: hsl(var(--hsl-c2));
}
.beatmapset-scoreboard {
  color: hsl(var(--hsl-c1));
}
.beatmapset-scoreboard__mods {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 0;
  max-width: 100%;
  width: -moz-max-content;
  width: max-content;
}
.beatmapset-scoreboard__mods--initial {
  --scoreboard-mod-opacity: 1;
}
.beatmapset-scoreboard__mods--initial:hover {
  --scoreboard-mod-opacity: 0.5;
}
.beatmapset-scoreboard__main--loading {
  opacity: 0.5;
}
.beatmapset-scoreboard__notice {
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
}
.beatmapset-scoreboard__supporter-text {
  font-weight: 600;
  padding-bottom: 10px;
}
.beatmapset-scoreboard__supporter-text--small {
  font-size: 80%;
  font-weight: normal;
  padding: 0;
}
.beatmapset-search-card {
  text-decoration: none;
  transition: all 120ms ease-in-out;
  display: flex;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b4));
  font-size: 12px;
  min-height: 40px;
  line-height: normal;
}
.beatmapset-search-card:hover,
.beatmapset-search-card:focus,
.beatmapset-search-card:active {
  text-decoration: none;
}
.beatmapset-search-card--active {
  background-color: hsl(var(--hsl-b3));
}
.beatmapset-search-card__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2px 10px;
}
.beatmapset-search-card__title {
  font-size: 16px;
  color: hsl(var(--hsl-c1));
}
.beatmapset-search-card__title-artist {
  font-size: 12px;
}
.beatmapset-search-card__extra {
  color: hsl(var(--hsl-c2));
  font-size: 12px;
}
.beatmapset-stats {
  font-size: 12px;
}
.beatmapset-stats__elapsed-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(var(--progress) * 100%);
  background-color: #ffcc22;
  height: 3px;
}
.beatmapset-stats__icon {
  width: 15px;
  height: 15px;
  background-size: contain;
  margin-right: 5px;
}
.beatmapset-stats__rating-chart {
  height: 25px;
}
.beatmapset-stats__rating-header {
  text-align: center;
  padding-bottom: 5px;
}
.beatmapset-stats__rating-values {
  display: flex;
  padding-bottom: 10px;
  justify-content: space-between;
}
.beatmapset-stats__row {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: hsla(var(--hsl-b4), 0.8);
  margin-top: 1px;
  padding: 7.5px 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.beatmapset-stats__row--basic {
  padding-top: 10px;
  padding-bottom: 10px;
}
.beatmapset-stats__row--preview {
  text-decoration: none;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  --progress: 0;
  font-size: 18px;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.beatmapset-stats__row--preview:hover,
.beatmapset-stats__row--preview:focus,
.beatmapset-stats__row--preview:active {
  text-decoration: none;
}
.beatmapset-stats__row--preview:hover,
.beatmapset-stats__row--preview:focus,
.beatmapset-stats__row--preview:active {
  color: #fff;
}
.beatmapset-stats__row--preview:hover {
  background-color: hsla(var(--hsl-b6), 0.75);
}
.beatmapset-stats__row--rating {
  padding-top: 10px;
  padding-bottom: 0;
}
.beatmapset-status {
  background-color: hsla(var(--hsl-b4), 0.7);
  padding: 6px 15px;
  border-radius: 10000px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  color: hsl(var(--hsl-c1));
  transition: all 120ms ease-in-out;
}
.beatmapset-status--hype {
  background-color: hsl(var(--hsl-b3));
}
.beatmapset-status--list-view {
  background-color: hsla(var(--hsl-b6), 0.5);
  font-size: 10px;
  padding: 2px 8px;
  margin-top: 2px;
  width: -moz-max-content;
  width: max-content;
}
.beatmapset-status--panel {
  padding: 0 5px;
  color: var(--colour);
  background-color: hsl(var(--bg-hsl));
  font-weight: 800;
  line-height: 14px;
}
.beatmapset-status--show {
  padding: 0 35px;
  font-size: inherit;
  margin: 5px;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.beatmapset-status--show-icon {
  font-size: inherit;
  padding: 0;
  margin: 5px;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.beatmapset-versions {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 0;
  font-size: 12px;
}
.beatmapset-versions__change {
  display: flex;
  align-items: center;
  gap: 0 16px;
}
.beatmapset-versions__changes {
  list-style: none;
  font-size: 14px;
  display: grid;
  gap: 4px;
  grid-column: 1 / -1;
  padding: 0;
}
.beatmapset-versions__entry {
  padding: 8px;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  gap: 10px 8px;
  align-items: baseline;
  background: hsl(var(--hsl-b4));
  border-radius: 10px;
}
.beatmapset-versions__icon {
  font-size: 16px;
  display: flex;
}
.beatmapset-versions__icon--removed {
  color: hsl(var(--hsl-red-1));
}
.beatmapset-versions__icon--updated {
  color: hsl(var(--hsl-blue-1));
}
.beatmapset-versions__icon--added {
  color: hsl(var(--hsl-green-1));
}
.beatmapset-versions__number {
  color: #fff;
  text-decoration: none;
  background: hsl(var(--hsl-b2));
  border-radius: 4px;
  padding: 4px 8px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
}
.beatmapset-versions__number:hover,
.beatmapset-versions__number:focus,
.beatmapset-versions__number:active {
  color: #fff;
}
.beatmapset-versions__number:hover,
.beatmapset-versions__number:focus,
.beatmapset-versions__number:active {
  text-decoration: none;
}
.beatmapset-versions__number:hover,
.beatmapset-versions__number:focus,
.beatmapset-versions__number:active {
  background: hsl(var(--hsl-b1));
}
.beatmapset-watches {
  margin-top: 10px;
  font-size: 14px;
}
.beatmapset-watches__table-container {
  overflow-x: auto;
}
.beatmapset-watches__col.beatmapset-watches__col {
  vertical-align: middle;
  border-top: 2px solid hsl(var(--hsl-b4));
}
.beatmapset-watches__col.beatmapset-watches__col--cover {
  width: 70px;
  padding: 0;
}
.beatmapset-watches__cover {
  border-radius: 4px;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.beatmapset-watches__description {
  margin-bottom: 10px;
}
.beatmapset-watches__heading {
  border-top: none !important;
}
.beatmapset-watches__link {
  color: hsl(var(--hsl-l1));
}
.beatmapset-watches__link:hover,
.beatmapset-watches__link:focus,
.beatmapset-watches__link:active {
  color: white;
}
.beatmapsets {
  background-color: hsl(var(--hsl-b5));
  color: white;
}
.beatmapsets__content {
  padding: 5px 15px;
}
.beatmapsets--dimmed .beatmapsets__content {
  opacity: 0.2;
}
.beatmapsets__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 10px 0 -5px;
}
.beatmapsets__item {
  margin: 5px;
  flex: none;
  width: calc(100% - 10px);
}
@media (min-width: 900px) {
  .beatmapsets__item {
    width: calc(50% - 10px);
  }
}
.beatmapsets__items {
  display: flex;
  flex-wrap: wrap;
}
.beatmapsets__items-row {
  display: flex;
  width: 100%;
}
.beatmapsets__paginator {
  display: flex;
  justify-content: center;
}
.beatmapsets__toolbar {
  background-color: hsl(var(--hsl-b4));
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.beatmapsets-search {
  background-color: hsl(var(--hsl-b6));
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
}
@media (min-width: 900px) {
  .beatmapsets-search {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.beatmapsets-search--sticky {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  box-shadow: none;
}
.beatmapsets-search__advanced {
  display: none;
}
.beatmapsets-search--expanded .beatmapsets-search__advanced {
  display: contents;
}
.beatmapsets-search__cover {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  --border-radius: 0;
}
.beatmapsets-search__cover::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: hsla(var(--hsl-b1), 80%);
}
.beatmapsets-search__expand-link {
  grid-column: 1 / span 2;
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-size: 10px;
  color: hsl(var(--hsl-c1));
}
.beatmapsets-search__expand-link:hover,
.beatmapsets-search__expand-link:active,
.beatmapsets-search__expand-link:focus {
  color: #fff;
}
.beatmapsets-search--expanded .beatmapsets-search__expand-link {
  display: none;
}
.beatmapsets-search__filter-grid {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: baseline;
}
@media (min-width: 900px) {
  .beatmapsets-search__filter-grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 10px;
  }
}
.beatmapsets-search__filters {
  display: flex;
  justify-content: space-between;
}
.beatmapsets-search__icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beatmapsets-search--sticky .beatmapsets-search__icon {
  width: 38px;
}
.beatmapsets-search__input {
  border: 1px solid hsl(var(--hsl-b4));
  width: 100%;
  padding: 10px;
  padding-right: 55px;
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-c1));
}
.beatmapsets-search__input:focus {
  outline: none;
  box-shadow: 0 0 10px hsl(var(--hsl-l1));
  border-color: hsl(var(--hsl-c1));
}
.beatmapsets-search--sticky .beatmapsets-search__input {
  padding: 5px;
  padding-right: 43px;
}
.beatmapsets-search__input[disabled] {
  background-color: hsl(var(--hsl-b2));
  border-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
}
.beatmapsets-search__input-container {
  color: hsl(var(--hsl-l1));
  font-size: 20px;
  margin: 20px 0;
  position: relative;
}
@media (min-width: 900px) {
  .beatmapsets-search__input-container {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.beatmapsets-search--sticky .beatmapsets-search__input-container {
  font-size: 13px;
  margin: 5px 0;
}
.beatmapsets-search-filter {
  position: relative;
  margin: 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.beatmapsets-search-filter--grid {
  display: contents;
}
.beatmapsets-search-filter__header {
  display: block;
  color: hsl(var(--hsl-c1));
  margin: 15px 0 5px;
}
@media (min-width: 900px) {
  .beatmapsets-search-filter__header {
    margin-top: 5px;
  }
}
.beatmapsets-search-filter__item {
  --colour: hsl(var(--hsl-l2));
  --colour-hover: hsl(var(--hsl-l1));
  color: var(--colour);
}
.beatmapsets-search-filter__item--active {
  font-weight: 600;
  --colour: hsl(var(--hsl-c1));
  --colour-hover: var(--colour);
}
.beatmapsets-search-filter__item--featured-artists {
  --colour: hsl(var(--hsl-orange-1));
  --colour-hover: var(--colour);
}
.beatmapsets-search-filter__item:focus {
  color: var(--colour);
}
.beatmapsets-search-filter__item:hover {
  color: var(--colour-hover);
}
.beatmapsets-search-filter__item:active {
  color: var(--colour-hover);
}
.beatmapsets-search-filter__items {
  flex: 1;
  display: flex;
  gap: 2px 10px;
  flex-wrap: wrap;
  align-items: baseline;
}
.blackout {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 510;
  backface-visibility: hidden;
  background-color: #000;
  opacity: 0.5;
}
.blackout--overlay {
  z-index: 9990;
  opacity: 0.4;
}
.block-list {
  align-self: flex-start;
  flex-grow: 1;
}
.block-list__toggle {
  color: white;
}
.block-list__toggle:hover,
.block-list__toggle:focus,
.block-list__toggle:active {
  color: hsl(var(--hsl-l1));
}
.block-list__content {
  max-width: 250px;
}
.block-list-item {
  display: flex;
  border-radius: 4px;
  background: hsl(var(--hsl-b2));
  align-items: center;
  justify-content: space-between;
  margin: 5px 0px;
  padding: 2px 10px;
  transition: 100ms ease-in-out;
}
.block-list-item:hover {
  background: hsl(var(--hsl-b1));
}
.block-list-item__link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #ccc;
}
.block-list-item__link:hover,
.block-list-item__link:focus,
.block-list-item__link:active {
  text-decoration: none;
}
.block-list-item__link:hover,
.block-list-item__link:focus,
.block-list-item__link:active {
  color: #eee;
}
.modal-body {
  padding: 10px;
  border-radius: 0 0 5px 5px;
}
.modal-body--no-rounding {
  border-radius: 0;
}
.modal-body--compartimentalized {
  display: flex;
  padding: 0;
}
.modal-body--user-dropdown {
  background-color: #fff;
}
.modal-body--page {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-c1));
}
.modal-body__compartment {
  display: flex;
  padding: 10px;
}
.modal-body__compartment--left {
  border-radius: 0 0 0 5px;
  flex-flow: column nowrap;
  flex: 1 0 auto;
}
.modal-body__compartment--right {
  background-color: #eee;
  border-radius: 0 0 5px;
  flex: none;
  justify-content: flex-end;
  padding: 0;
}
.modal-body__form {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}
@media (min-width: 900px) {
  .modal-body__form {
    flex-wrap: nowrap;
  }
}
.modal-body__paragraph {
  display: block;
  font-size: 12px;
  margin: 10px 0 0 0;
}
.modal-body__title {
  color: hsl(var(--hsl-c1));
  font-size: 18px;
  font-style: normal;
  margin: 10px 0;
}
.modal-content {
  background: none;
  border: none;
}
.modal-content--no-shadow {
  box-shadow: none !important;
}
@media (min-width: 900px) {
  .modal-dialog\@sm {
    margin-top: 90px;
  }
}
.modal-dialog--full {
  width: 100%;
  margin: 0;
}
.modal-header {
  border-radius: 5px 5px 0 0;
  border-bottom: 0;
}
.modal-header__badges {
  display: flex;
  position: absolute;
  top: -20px;
  left: 10px;
}
.modal-header__dimmer {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 5px 5px 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.modal-header__title {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-style: normal;
  font-size: 24px;
  color: #fff;
  position: absolute;
  margin: 10px;
  bottom: 0;
  left: 0;
}
.modal-header__userinfo {
  padding-right: 10px;
}
.modal-header--login {
  background-image: url(/assets/images/login-box.20388c51.jpg);
  height: 60px;
  background-size: cover;
  background-position: 100%;
}
@media (min-resolution: 1.5dppx) {
  .modal-header--login {
    background-image: url(/assets/images/login-box@2x.2388ccab.jpg);
  }
}
.modal-header--authenticated {
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  display: flex;
  height: 70px;
  justify-content: space-between;
  padding: 5px 10px;
}
.btn-circle {
  --transition: all 120ms ease-in-out;
  --bg: hsl(var(--hsl-l4));
  --bg-hover: hsl(var(--hsl-l3));
  --bg-disabled: #333;
  --colour: hsl(var(--hsl-c1));
  --colour-hover: hsl(var(--hsl-c1));
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: inline-block;
  text-shadow: inherit;
  flex: none;
  background-color: var(--bg);
  color: var(--colour);
  transition: var(--transition);
  font-size: 14px;
}
.btn-circle:hover,
.btn-circle:focus,
.btn-circle:active {
  background-color: var(--bg-hover);
  color: var(--colour-hover);
  text-decoration: none;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.btn-circle--bbcode {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 13px;
  box-shadow: none;
  background-color: transparent;
}
.btn-circle--bbcode:focus,
.btn-circle--bbcode:hover,
.btn-circle--bbcode:active {
  background-color: hsl(var(--hsl-l3));
}
.btn-circle--blank {
  background-color: transparent;
  box-shadow: none;
  opacity: 0.7;
  cursor: default;
}
.btn-circle--blank:focus,
.btn-circle--blank:hover,
.btn-circle--blank:active {
  box-shadow: none;
  background-color: transparent;
}
.btn-circle--follow {
  --bg: hsl(var(--hsl-b3));
  --bg-hover: hsl(var(--hsl-b1));
  --bg-disabled: hsl(var(--hsl-b3));
  --colour: hsl(var(--hsl-l1));
  --colour-hover: hsl(var(--hsl-c1));
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 12px;
}
.btn-circle--follow-small {
  --bg: transparent;
  --bg-hover: transparent;
  --bg-disabled: transparent;
  --colour: hsl(var(--hsl-l1));
  --colour-hover: hsl(var(--hsl-c1));
  font-size: 12px;
  border-radius: 0;
  width: 1em;
  height: 1em;
  padding: 0;
  vertical-align: middle;
}
.btn-circle--page-toggle {
  --bg: hsl(var(--hsl-b2));
  --bg-hover: hsl(var(--hsl-b1));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  box-shadow: none;
  position: relative;
}
.btn-circle--page-toggle:hover,
.btn-circle--page-toggle:focus,
.btn-circle--page-toggle:active {
  text-decoration: none;
}
.btn-circle--page-toggle:hover,
.btn-circle--page-toggle:focus,
.btn-circle--page-toggle:active {
  color: #fff;
}
.btn-circle--page-toggle:hover,
.btn-circle--page-toggle:focus,
.btn-circle--page-toggle:active {
  box-shadow: none;
}
.btn-circle--page-toggle-detail {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.btn-circle--page-toggle-team-card {
  width: auto;
  border-radius: 10000px;
  padding: 10px;
  --bg: transparent;
}
.btn-circle--topic-entry {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  box-shadow: none;
  margin: 2.5px;
  font-size: 14px;
}
.btn-circle--topic-entry:focus,
.btn-circle--topic-entry:hover,
.btn-circle--topic-entry:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.btn-circle--topic-nav {
  margin: 2px;
}
@media (min-width: 900px) {
  .btn-circle--topic-nav {
    margin: 0 3px;
  }
}
.btn-circle--activated,
.btn-circle.js-activated {
  background-color: hsl(var(--hsl-h2));
  color: hsl(var(--hsl-b5));
}
.btn-circle--activated:focus,
.btn-circle.js-activated:focus,
.btn-circle--activated:hover,
.btn-circle.js-activated:hover,
.btn-circle--activated:active,
.btn-circle.js-activated:active {
  background-color: hsl(var(--hsl-l3));
  color: hsl(var(--hsl-b5));
}
.btn-circle--purple {
  background-color: #6644cc;
}
.btn-circle--purple:hover,
.btn-circle--purple:focus,
.btn-circle--purple:active {
  background-color: #8866ee;
}
.btn-circle--purple.btn-circle--activated {
  background-color: #aa88ff;
}
.btn-circle--purple.btn-circle--activated:hover,
.btn-circle--purple.btn-circle--activated:focus,
.btn-circle--purple.btn-circle--activated:active {
  background-color: #eeeeff;
}
.btn-circle--yellow {
  background-color: #eeaa00;
}
.btn-circle--yellow:hover,
.btn-circle--yellow:focus,
.btn-circle--yellow:active {
  background-color: #ffcc22;
}
.btn-circle--yellow.btn-circle--activated {
  background-color: #ffdd55;
}
.btn-circle--yellow.btn-circle--activated:hover,
.btn-circle--yellow.btn-circle--activated:focus,
.btn-circle--yellow.btn-circle--activated:active {
  background-color: #ffffdd;
}
.btn-circle[disabled],
.btn-circle.js-disabled,
.btn-circle--disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
.btn-circle__content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}
.btn-circle__icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --normal-opacity: 1;
  --hover-opacity: 1;
  opacity: var(--normal-opacity);
  transition: var(--transition);
}
.btn-circle:hover .btn-circle__icon,
.btn-circle:active .btn-circle__icon {
  opacity: var(--hover-opacity);
}
.btn-circle__icon--hover-hide {
  --normal-opacity: 1;
  --hover-opacity: 0;
}
.btn-circle__icon--hover-show {
  --normal-opacity: 0;
  --hover-opacity: 1;
}
.btn-home {
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background-image: url(/assets/images/button.16de7c2c.svg);
  background-size: 175%;
  background-position: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: var(--border-size);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  transition: all 120ms ease-in-out;
  transform: translateZ(0);
  --colour-h: var(--colour-blue-hue);
  --colour-s: var(--c-saturation-3);
  --colour-l: var(--c-lightness-3);
  --bg-l-adjust: 0%;
  --bg-move: 0px;
  --border-size: 3px;
  --move: 0px;
  --inset-colour: hsl(var(--colour-h), var(--colour-s), calc(var(--colour-l) - 10%));
  transform: translate(0, var(--move));
  background-color: hsl(var(--colour-h), var(--colour-s), calc(var(--colour-l) + var(--bg-l-adjust)));
  background-position: calc(50% + var(--bg-move)) 50%;
  box-shadow: 0 calc(var(--border-size) - var(--move)) var(--inset-colour), 0 calc(var(--border-size) + 1px - var(--move)) 3px rgba(0, 0, 0, 0.25);
}
.btn-home:hover,
.btn-home:focus,
.btn-home:active {
  text-decoration: none;
}
.btn-home:hover,
.btn-home:focus,
.btn-home:active {
  color: #fff;
}
.btn-home:focus {
  --bg-move: -10px;
  --bg-l-adjust: 5%;
}
.btn-home:hover {
  --bg-move: -20px;
  --bg-l-adjust: 10%;
}
.btn-home:active {
  --move: 2px;
}
.btn-home--c-darkorange {
  --colour-h: var(--colour-darkorange-hue);
}
.btn-home--c-pink-darker {
  --colour-h: var(--colour-pink-hue);
}
.btn-home__text {
  flex: 1;
}
.btn-home__icon {
  font-size: 150%;
  flex: none;
}
.btn-osu-big {
  --active-bg: var(--hover-bg);
  --active-colour: var(--hover-colour);
  --bg: hsl(var(--hsl-h2));
  --colour: hsl(var(--hsl-c1));
  --disabled-bg: hsl(var(--hsl-b3));
  --disabled-colour: hsl(var(--hsl-f1));
  --disabled-opacity: 1;
  --focus-bg: var(--hover-bg);
  --focus-colour: var(--hover-colour);
  --hover-bg: hsl(var(--hsl-h1));
  --hover-colour: hsl(var(--hsl-c1));
  outline: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  border-radius: 4px;
  border: none;
  display: inline-block;
  background: var(--bg);
  transition: background-color 120ms;
  padding: 5px;
  color: var(--colour);
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  cursor: pointer;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
}
.btn-osu-big:hover,
.btn-osu-big:focus,
.btn-osu-big:active {
  text-decoration: none;
}
.btn-osu-big:focus {
  color: var(--focus-colour);
  background: var(--focus-bg);
}
.btn-osu-big:hover {
  color: var(--hover-colour);
  background: var(--hover-bg);
}
.btn-osu-big:active {
  color: var(--active-colour);
  background: var(--active-bg);
}
.btn-osu-big[disabled],
.btn-osu-big--disabled {
  cursor: default;
  background: var(--disabled-bg);
  color: var(--disabled-colour);
  opacity: var(--disabled-opacity);
}
.btn-osu-big[disabled]:hover,
.btn-osu-big--disabled:hover,
.btn-osu-big[disabled]:focus,
.btn-osu-big--disabled:focus,
.btn-osu-big[disabled]:active,
.btn-osu-big--disabled:active {
  background: var(--disabled-bg);
  color: var(--disabled-colour);
}
.btn-osu-big--account-edit {
  min-width: 128px;
  padding: 7px 10px;
  text-align: left;
  overflow: hidden;
  position: relative;
}
.btn-osu-big--account-edit-small {
  min-width: 70px;
}
.btn-osu-big--artist-track-search {
  --disabled-bg: hsl(var(--hsl-b2));
}
.btn-osu-big--beatmapset-header {
  min-width: 120px;
  height: 45px;
  margin: 0 5px 5px 0;
}
.btn-osu-big--beatmapset-header-square {
  width: 45px;
  height: 45px;
  margin: 0 5px 5px 0;
}
.btn-osu-big--comment-editor {
  min-width: 80px;
  border-radius: 10000px;
  padding: 5px;
  --disabled-bg: hsl(var(--hsl-b5));
  --disabled-colour: hsl(var(--hsl-f1));
}
.btn-osu-big--chat-send {
  min-width: 80px;
  border-radius: 10000px;
  padding: 10px;
  align-self: flex-end;
  --bg: hsl(var(--hsl-h2));
  --hover-bg: hsl(var(--hsl-h1));
}
@media (min-width: 900px) {
  .btn-osu-big--chat-send {
    min-width: 130px;
    padding: 10px 20px;
  }
}
.btn-osu-big--contest-download {
  width: 300px;
  height: 45px;
  margin: 0 5px 5px 0;
}
.btn-osu-big--contest-download:hover {
  background-position: calc(50% - (20px - 2px)) 50%;
}
.btn-osu-big--contest-entries-toolbar {
  font-size: inherit;
  line-height: normal;
  text-transform: uppercase;
  padding: 5px 10px;
  margin: 0 10px;
  transition: none;
  --bg: transparent;
  --colour: hsl(var(--hsl-f1));
  --hover-bg: hsl(var(--hsl-b3));
}
.btn-osu-big--danger {
  --bg: hsl(var(--hsl-red-3));
  --hover-bg: hsl(var(--hsl-red-2));
}
.btn-osu-big--download {
  --bg: var(--cookie) right 15% center no-repeat, linear-gradient(var(--overlay-colour), var(--overlay-colour)) padding-box, linear-gradient(to bottom, var(--overlay-colour), hsla(var(--bg-colour), 0.8), hsla(var(--bg-colour), 0.9)) border-box;
  --hover-bg: var(--cookie) right 15% center no-repeat, linear-gradient(hsla(var(--bg-colour), 0.5), hsla(var(--bg-colour), 0.5)) padding-box, linear-gradient(to bottom, hsla(var(--bg-colour), 0.5), hsla(var(--bg-colour), 0.8), hsla(var(--bg-colour), 0.9)) border-box;
  --bg-colour: var(--hsl-purple-2);
  --cookie: url(/assets/images/cookie_v3.91a4e6c9.svg);
  --overlay-colour: rgba(0, 0, 0, 0.75);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 2px solid transparent;
  padding: 20px;
  width: 100%;
}
.btn-osu-big--download-landing {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  padding: 10px 5px;
}
.btn-osu-big--download-stable {
  --bg-colour: var(--hsl-orange-1);
  --cookie: url(/assets/images/cookie_v2.a87b336f.svg);
  --overlay-colour: hsla(var(--hsl-b5), 0.75);
}
.btn-osu-big--fileupload {
  overflow: hidden;
  position: relative;
}
.btn-osu-big--mega {
  width: 100%;
  height: 50px;
  font-size: 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn-osu-big--forum-button {
  padding: 8px 15px;
  border-radius: 10000px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-weight: normal;
  vertical-align: middle;
  --active-bg: hsl(var(--hsl-blue-3));
  --bg: hsl(var(--hsl-blue-3));
  --hover-bg: hsl(var(--hsl-blue-2));
}
.btn-osu-big--forum-cover {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  padding: 8px 15px;
  border-radius: 100000px;
  font-weight: normal;
  position: relative;
  --bg: hsl(var(--hsl-orange-3));
  --colour: hsl(var(--hsl-c1));
  --disabled-bg: hsl(var(--hsl-orange-3));
  --disabled-colour: hsl(var(--hsl-c1));
  --disabled-opacity: 0.5;
  --hover-bg: hsl(var(--hsl-orange-2));
}
.btn-osu-big--forum-cover-edit {
  margin: 10px 15px;
  min-width: 135px;
}
.btn-osu-big--forum-primary {
  border-radius: 10000px;
  padding: 8px 20px;
  font-weight: normal;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  --bg: hsl(var(--hsl-lime-3));
  --disabled-bg: hsl(var(--hsl-lime-3));
  --disabled-colour: hsl(var(--hsl-c1));
  --disabled-opacity: 0.5;
  --hover-bg: hsl(var(--hsl-lime-2));
}
.btn-osu-big--forum-reply {
  margin: 0 3px;
  border-radius: 10000px;
  padding: 0 10px;
  height: 30px;
  --bg: hsl(var(--hsl-l4));
  --focus-bg: hsl(var(--hsl-l4));
  --hover-bg: hsl(var(--hsl-l3));
}
.btn-osu-big--forum-secondary {
  border-radius: 10000px;
  padding: 8px 20px;
  font-weight: normal;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  --bg: hsl(var(--hsl-blue-3));
  --disabled-bg: hsl(var(--hsl-blue-3));
  --disabled-colour: hsl(var(--hsl-c1));
  --disabled-opacity: 0.5;
  --hover-bg: hsl(var(--hsl-blue-2));
}
.btn-osu-big--full {
  width: 100%;
}
.btn-osu-big--nav-popup {
  text-align: left;
  width: 120px;
  height: 35px;
  padding: 7px 10px;
}
.btn-osu-big--password-reset {
  padding: 10px;
  text-align: center;
  border-radius: 10000px;
}
.btn-osu-big--pink {
  --bg: hsl(var(--hsl-pink-3));
  --hover-bg: hsl(var(--hsl-pink-2));
}
.btn-osu-big--quick-search-close {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  border-radius: 10000px;
  padding: 10px 30px;
  font-size: 16px;
  line-height: normal;
  flex: none;
  margin-left: 20px;
}
.btn-osu-big--rounded {
  padding: 10px 15px;
  border-radius: 100000px;
}
.btn-osu-big--rounded-small {
  border-radius: 100000px;
  padding: 4px 10px;
}
.btn-osu-big--rounded-thin {
  padding: 8px 15px;
  border-radius: 100000px;
}
.btn-osu-big--rounded-thin-wide {
  padding: 8px 40px;
  border-radius: 100000px;
}
.btn-osu-big--store-action {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px;
  padding: 10px 50px;
  border-radius: 10000px;
  line-height: normal;
  text-align: center;
}
.btn-osu-big--store-cart {
  padding: 5px 15px;
  border-radius: 10000px;
  margin: 10px 0;
  width: 100%;
}
@media (min-width: 900px) {
  .btn-osu-big--store-cart {
    margin: 0 0 0 auto;
    width: auto;
  }
}
.btn-osu-big--store-cart-delete {
  padding: 5px 10px;
  line-height: normal;
  font-size: 16px;
  --bg: none;
  --disabled-bg: none;
  --hover-bg: none;
}
.btn-osu-big--tournament-info {
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 10000px;
}
.btn-osu-big--tournament-register {
  font-size: 16px;
  padding: 10px 40px;
  border-radius: 10000px;
  margin-top: 10px;
}
.btn-osu-big--user-page-edit {
  border-radius: 10000px;
  width: 140px;
  padding: 5px 10px;
}
.btn-osu-big--warning {
  --bg: hsl(var(--hsl-orange-3));
  --hover-bg: hsl(var(--hsl-orange-2));
}
.btn-osu-big--wrap-text {
  white-space: normal;
}
.btn-osu-big--activated,
.btn-osu-big.js-activated {
  --bg: hsl(var(--hsl-h2));
  --colour: hsl(var(--hsl-c1));
  --hover-colour: hsl(var(--hsl-c1));
}
.btn-osu-big.js-click-menu--active {
  --bg: var(--hover-bg);
  --colour: var(--hover-colour);
}
.btn-osu-big__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-osu-big__content--center {
  justify-content: center;
}
.btn-osu-big--account-edit .btn-osu-big__content {
  width: auto;
  margin: 0 -5px;
}
.btn-osu-big--forum-reply .btn-osu-big__content {
  top: -1px;
}
.btn-osu-big--nav-popup .btn-osu-big__content {
  width: auto;
  margin: 0 -5px;
}
.btn-osu-big__icon {
  flex: none;
  margin: 0 5px;
  font-size: 150%;
}
.btn-osu-big--account-edit .btn-osu-big__icon {
  height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-osu-big__icon .btn-osu-big--comment-editor,
.btn-osu-big--chat-send .btn-osu-big__icon {
  font-size: 120%;
}
.btn-osu-big--download .btn-osu-big__icon {
  display: flex;
  margin: 0;
  font-size: 24px;
}
.btn-osu-big--download-landing .btn-osu-big__icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  margin-left: 20px;
  font-size: 20px;
  border: 2px solid #fff;
}
.btn-osu-big--nav-popup .btn-osu-big__icon {
  height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.btn-osu-big--forum-reply .btn-osu-big__icon {
  margin-right: 0;
}
.btn-osu-big__icon-inline {
  --margin: 5px;
}
.btn-osu-big__icon-inline--left {
  margin-right: var(--margin);
}
.btn-osu-big__icon-inline--right {
  margin-left: var(--margin);
}
.btn-osu-big__left {
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
.btn-osu-big--beatmap-discussion-reply-open .btn-osu-big__left {
  margin-right: 20px;
}
.btn-osu-big--download .btn-osu-big__left {
  margin: 0;
  gap: 10px;
}
.btn-osu-big__loading-spinner {
  position: absolute;
  right: 10px;
  opacity: 0;
}
.btn-osu-big[data-state="loading"] .btn-osu-big__loading-spinner {
  opacity: 1;
}
.btn-osu-big__text-top--download {
  font-size: 20px;
  font-weight: 700;
}
.btn-osu-big__text-bottom {
  font-size: 10px;
}
.btn-osu-big__text-bottom--download {
  font-weight: 300;
}
.btn-osu-big__toggle {
  margin: 0 5px;
  color: hsl(var(--hsl-d1));
}
.btn-osu-big.js-activated .btn-osu-big__toggle {
  color: hsl(var(--hsl-c1));
  text-shadow: 0 0 10px hsl(var(--hsl-c2));
}
.build {
  color: white;
}
.build__changelog-entries-category {
  font-size: 18px;
  font-weight: bold;
  padding: 35px 0 15px;
}
.build__date {
  font-size: 14px;
  font-weight: 300;
  color: hsl(var(--hsl-l1));
  text-align: center;
  padding-top: 5px;
}
.build__stream {
  font-weight: 500;
}
.build__version {
  font-size: 18px;
  font-weight: 300;
  padding: 20px 0 0;
  display: flex;
  justify-content: center;
}
.build--build .build__version {
  font-size: 24px;
}
.build__version-link {
  text-decoration: none;
  color: #fff;
  padding: 0 10px;
  margin: 0 10px;
  display: inline-block;
  text-align: center;
}
.build__version-link:hover,
.build__version-link:focus,
.build__version-link:active {
  text-decoration: none;
}
.build__version-link:hover,
.build__version-link:focus,
.build__version-link:active {
  color: #fff;
}
.build__version-link--disabled {
  opacity: 0.5;
}
.build__video {
  margin: 20px auto 0;
  max-width: 95%;
  border-radius: 6px;
  overflow: hidden;
}
.builds__date {
  font-size: 24px;
  font-weight: 300;
  color: white;
  text-align: center;
  padding: 20px 0 0;
}
.builds__group {
  padding: 0 10px;
}
@media (min-width: 900px) {
  .builds__group {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.builds__group + .builds__group {
  border-top: 2px solid #111;
}
.builds__group--discussions {
  padding: 0;
}
.builds__item {
  padding: 0 0 30px;
}
.builds__item + .builds__item {
  border-top: 1px solid hsl(var(--hsl-b6));
}
.cart-items {
  list-style: none;
  padding: 0;
  display: grid;
  gap: 5px;
}
@media (min-width: 480px) {
  .cart-items {
    grid-template-columns: 1fr auto minmax(100px, auto) auto;
  }
}
.cart-items__item {
  display: contents;
}
.changelog-chart {
  height: 100px;
  position: relative;
}
.changelog-chart__area--beta40 {
  fill: #ffdd55;
  stroke: #ffdd55;
}
.changelog-chart__area--beta40-build-0 {
  fill: #ffdd55;
  stroke: #ffdd55;
}
.changelog-chart__area--beta40-build-1 {
  fill: #ffe788;
  stroke: #ffe788;
}
.changelog-chart__area--beta40-build-2 {
  fill: #fff1bb;
  stroke: #fff1bb;
}
.changelog-chart__area--beta40-build-3 {
  fill: #fffcee;
  stroke: #fffcee;
}
.changelog-chart__area--beta40-build-4 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--beta40-build-5 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--beta40-build-6 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--cuttingedge {
  fill: #eeaa00;
  stroke: #eeaa00;
}
.changelog-chart__area--cuttingedge-build-0 {
  fill: #eeaa00;
  stroke: #eeaa00;
}
.changelog-chart__area--cuttingedge-build-1 {
  fill: #ffc022;
  stroke: #ffc022;
}
.changelog-chart__area--cuttingedge-build-2 {
  fill: #ffce55;
  stroke: #ffce55;
}
.changelog-chart__area--cuttingedge-build-3 {
  fill: #ffdd88;
  stroke: #ffdd88;
}
.changelog-chart__area--cuttingedge-build-4 {
  fill: #ffecbb;
  stroke: #ffecbb;
}
.changelog-chart__area--cuttingedge-build-5 {
  fill: #fffaee;
  stroke: #fffaee;
}
.changelog-chart__area--cuttingedge-build-6 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--lazer {
  fill: #ed1221;
  stroke: #ed1221;
}
.changelog-chart__area--lazer-build-0 {
  fill: #ed1221;
  stroke: #ed1221;
}
.changelog-chart__area--lazer-build-1 {
  fill: #f1414d;
  stroke: #f1414d;
}
.changelog-chart__area--lazer-build-2 {
  fill: #f4717a;
  stroke: #f4717a;
}
.changelog-chart__area--lazer-build-3 {
  fill: #f8a0a6;
  stroke: #f8a0a6;
}
.changelog-chart__area--lazer-build-4 {
  fill: #fbd0d3;
  stroke: #fbd0d3;
}
.changelog-chart__area--lazer-build-5 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--lazer-build-6 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--stable40 {
  fill: #66ccff;
  stroke: #66ccff;
}
.changelog-chart__area--stable40-build-0 {
  fill: #66ccff;
  stroke: #66ccff;
}
.changelog-chart__area--stable40-build-1 {
  fill: #99ddff;
  stroke: #99ddff;
}
.changelog-chart__area--stable40-build-2 {
  fill: #cceeff;
  stroke: #cceeff;
}
.changelog-chart__area--stable40-build-3 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--stable40-build-4 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--stable40-build-5 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--stable40-build-6 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--tachyon {
  fill: #ce00ff;
  stroke: #ce00ff;
}
.changelog-chart__area--tachyon-build-0 {
  fill: #ce00ff;
  stroke: #ce00ff;
}
.changelog-chart__area--tachyon-build-1 {
  fill: #d833ff;
  stroke: #d833ff;
}
.changelog-chart__area--tachyon-build-2 {
  fill: #e266ff;
  stroke: #e266ff;
}
.changelog-chart__area--tachyon-build-3 {
  fill: #eb99ff;
  stroke: #eb99ff;
}
.changelog-chart__area--tachyon-build-4 {
  fill: #f5ccff;
  stroke: #f5ccff;
}
.changelog-chart__area--tachyon-build-5 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__area--tachyon-build-6 {
  fill: #ffffff;
  stroke: #ffffff;
}
.changelog-chart__hover-area {
  fill: none;
  pointer-events: all;
}
.changelog-chart__tooltip-area {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.changelog-chart__tooltip-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.changelog-chart__tooltip {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.changelog-chart__text--name {
  font-weight: 500;
  font-size: 14px;
}
.changelog-chart__text--user-count {
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
}
.changelog-chart__text--date {
  font-weight: 700;
  font-size: 10px;
  color: #ffffff;
}
.changelog-chart__text--beta40 {
  color: #ffdd55;
}
.changelog-chart__text--beta40-build-0 {
  color: #ffdd55;
}
.changelog-chart__text--beta40-build-1 {
  color: #ffe788;
}
.changelog-chart__text--beta40-build-2 {
  color: #fff1bb;
}
.changelog-chart__text--beta40-build-3 {
  color: #fffcee;
}
.changelog-chart__text--beta40-build-4 {
  color: #ffffff;
}
.changelog-chart__text--beta40-build-5 {
  color: #ffffff;
}
.changelog-chart__text--beta40-build-6 {
  color: #ffffff;
}
.changelog-chart__text--cuttingedge {
  color: #eeaa00;
}
.changelog-chart__text--cuttingedge-build-0 {
  color: #eeaa00;
}
.changelog-chart__text--cuttingedge-build-1 {
  color: #ffc022;
}
.changelog-chart__text--cuttingedge-build-2 {
  color: #ffce55;
}
.changelog-chart__text--cuttingedge-build-3 {
  color: #ffdd88;
}
.changelog-chart__text--cuttingedge-build-4 {
  color: #ffecbb;
}
.changelog-chart__text--cuttingedge-build-5 {
  color: #fffaee;
}
.changelog-chart__text--cuttingedge-build-6 {
  color: #ffffff;
}
.changelog-chart__text--lazer {
  color: #ed1221;
}
.changelog-chart__text--lazer-build-0 {
  color: #ed1221;
}
.changelog-chart__text--lazer-build-1 {
  color: #f1414d;
}
.changelog-chart__text--lazer-build-2 {
  color: #f4717a;
}
.changelog-chart__text--lazer-build-3 {
  color: #f8a0a6;
}
.changelog-chart__text--lazer-build-4 {
  color: #fbd0d3;
}
.changelog-chart__text--lazer-build-5 {
  color: #ffffff;
}
.changelog-chart__text--lazer-build-6 {
  color: #ffffff;
}
.changelog-chart__text--stable40 {
  color: #66ccff;
}
.changelog-chart__text--stable40-build-0 {
  color: #66ccff;
}
.changelog-chart__text--stable40-build-1 {
  color: #99ddff;
}
.changelog-chart__text--stable40-build-2 {
  color: #cceeff;
}
.changelog-chart__text--stable40-build-3 {
  color: #ffffff;
}
.changelog-chart__text--stable40-build-4 {
  color: #ffffff;
}
.changelog-chart__text--stable40-build-5 {
  color: #ffffff;
}
.changelog-chart__text--stable40-build-6 {
  color: #ffffff;
}
.changelog-chart__text--tachyon {
  color: #ce00ff;
}
.changelog-chart__text--tachyon-build-0 {
  color: #ce00ff;
}
.changelog-chart__text--tachyon-build-1 {
  color: #d833ff;
}
.changelog-chart__text--tachyon-build-2 {
  color: #e266ff;
}
.changelog-chart__text--tachyon-build-3 {
  color: #eb99ff;
}
.changelog-chart__text--tachyon-build-4 {
  color: #f5ccff;
}
.changelog-chart__text--tachyon-build-5 {
  color: #ffffff;
}
.changelog-chart__text--tachyon-build-6 {
  color: #ffffff;
}
.changelog-chart__tooltip-line {
  width: 1px;
  flex-grow: 1;
  background-color: #ffffff;
}
.changelog-entry {
  display: flex;
  font-size: 16px;
  padding: 5px 0 5px 1em;
  flex-direction: column;
}
@media (min-width: 900px) {
  .changelog-entry {
    padding-left: 0;
  }
}
.changelog-entry__icon {
  opacity: 0.5;
  font-size: 0.7em;
}
.changelog-entry__row {
  word-wrap: break-word;
}
.changelog-entry__row--message {
  margin-top: 8px;
}
.changelog-entry__title--major {
  color: #ffcc22;
}
.changelog-entry__title code {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b5));
  padding: 1px 4px;
}
.changelog-entry__title-icon {
  position: absolute;
  margin-left: -1em;
}
.changelog-entry__user {
  font-size: 12px;
  padding-left: 10px;
}
.changelog-entry__user-link {
  font-weight: bold;
}
.changelog-md {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  font-size: 12px;
}
.changelog-md img {
  max-width: 100%;
}
.changelog-md__header {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  color: inherit;
  margin: 5px 0;
}
.changelog-md__header--1 {
  font-size: 16px;
}
.changelog-md__list {
  padding-left: 20px;
}
.changelog-md__table {
  overflow-x: auto;
  margin-bottom: 20px;
}
.changelog-md__table-data {
  border-top: 1px solid hsl(var(--hsl-b3));
  padding: 5px;
  min-width: 30px;
}
.changelog-md__table-data--center {
  text-align: center;
}
.changelog-md__table-data--header {
  border-top: none;
  border-bottom: 2px solid hsl(var(--hsl-b2));
  font-weight: bold;
}
.changelog-md__table-data--left {
  text-align: left;
}
.changelog-md__table-data--right {
  text-align: right;
}
.chat {
  font-size: 14px;
  width: 100%;
}
@media (max-width: 899px) {
  .chat {
    flex-direction: column;
  }
}
.chat-conversation {
  padding: 10px 20px;
  background: hsl(var(--hsl-b4));
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chat-conversation::after {
  content: "";
  display: block;
  padding-bottom: 80px;
}
.chat-conversation--no-input.chat-conversation::after {
  display: none;
}
@media (max-width: 899px) {
  .chat-conversation {
    padding: 10px 0px;
  }
}
.chat-conversation__chat-label {
  color: white;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  overflow-wrap: break-word;
  margin: 0 20px;
}
.chat-conversation__new-chat-avatar {
  margin: 10px 0px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.chat-conversation__day-divider {
  color: hsl(var(--hsl-l1));
  text-align: center;
  font-size: 10px;
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.chat-conversation__cannot-message {
  color: hsl(var(--hsl-l1));
  text-align: center;
  font-size: 10px;
  padding: 5px;
  margin-top: 10px;
}
.chat-conversation__limitation-notice {
  color: hsl(var(--hsl-f1));
  text-align: center;
  font-size: 14px;
  padding: 5px;
  margin-top: 10px;
}
.chat-conversation__more-users {
  width: 100%;
  display: flex;
  justify-content: center;
}
.chat-conversation__unread-marker {
  border-bottom: 1px solid hsl(var(--hsl-h1));
  color: hsl(var(--hsl-h1));
  margin: 5px 100px;
  font-size: 10px;
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  text-align: center;
  height: 1.5em;
}
.chat-conversation__unread-marker::before {
  content: "";
  background: hsl(var(--hsl-h1));
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.chat-conversation__unread-marker::after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: hsl(var(--hsl-h1));
  background-color: hsl(var(--hsl-b4));
}
.chat-conversation__users {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-content: center;
  justify-content: center;
}
.chat-conversation__users--loading {
  gap: 5px;
}
.chat-conversation__users-container {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b5));
  padding: 5px;
  display: grid;
  gap: 5px;
  margin: 10px;
}
.chat-conversation-list {
  width: 270px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 900px) {
  .chat-conversation-list {
    padding: 0 0 10px;
  }
}
@media (max-width: 899px) {
  .chat-conversation-list {
    display: flex;
    width: 100vw;
    overflow-x: auto;
  }
}
@media (max-width: 899px) {
  .chat-conversation-list__group {
    display: flex;
  }
}
.chat-conversation-list__header {
  display: flex;
  gap: 5px;
  background: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  padding: 10px 30px;
  font-size: 12px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 899px) {
  .chat-conversation-list__header {
    padding: 5px;
  }
}
.chat-conversation-list__header-text {
  text-transform: uppercase;
}
@media (max-width: 899px) {
  .chat-conversation-list__header-text {
    display: none;
  }
}
@media (max-width: 899px) {
  .chat-conversation-list__header-icon {
    align-self: center;
  }
}
.chat-conversation-list__layer {
  transform: translateZ(0);
}
@media (max-width: 899px) {
  .chat-conversation-list__layer {
    display: flex;
    flex-direction: row;
  }
}
.chat-conversation-list-item {
  height: 40px;
  color: white;
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-left: 10px;
  font-size: 14px;
  position: relative;
}
@media (min-width: 900px) {
  .chat-conversation-list-item:hover {
    background: linear-gradient(to right, hsl(var(--hsl-b5)) 10px, hsl(var(--hsl-b3)) 33%, hsl(var(--hsl-b3)) 100%);
  }
}
@media (max-width: 899px) {
  .chat-conversation-list-item {
    margin-left: 0;
    padding-left: 0;
  }
}
.chat-conversation-list-item--selected {
  color: white;
  background: linear-gradient(to right, hsl(var(--hsl-b5)) 10px, hsl(var(--hsl-b4)) 33%, hsl(var(--hsl-b4)) 100%);
}
@media (max-width: 899px) {
  .chat-conversation-list-item--selected {
    background: hsl(var(--hsl-b4));
  }
}
.chat-conversation-list-item__close-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px;
  color: rgba(255, 255, 255, 0.5);
}
.chat-conversation-list-item__close-button:hover {
  color: white;
}
@media (min-width: 900px) {
  .chat-conversation-list-item__close-button {
    position: absolute;
    opacity: 0;
    height: 100%;
    margin-left: -10px;
  }
  .chat-conversation-list-item:hover .chat-conversation-list-item__close-button {
    opacity: 1;
  }
}
@media (max-width: 899px) {
  .chat-conversation-list-item__close-button {
    display: none;
  }
  .chat-conversation-list-item--selected .chat-conversation-list-item__close-button {
    display: block;
    margin-left: 5px;
  }
}
.chat-conversation-list-item__tile {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 1;
  margin-left: 10px;
  min-width: 0;
}
@media (max-width: 899px) {
  .chat-conversation-list-item__tile {
    margin-left: 4px;
  }
}
.chat-conversation-list-item__unread-indicator {
  position: absolute;
  background: #88b300;
  width: 2px;
  height: 10px;
  border-radius: 1px;
  pointer-events: none;
}
.chat-conversation-list-item__unread-indicator::after {
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 1px;
  content: "";
  box-shadow: 0 0 5px #afe600;
  animation: glow-pulse 2s infinite;
}
@media (min-width: 900px) {
  .chat-conversation-list-item__unread-indicator {
    margin-left: -2px;
  }
  .chat-conversation-list-item:hover .chat-conversation-list-item__unread-indicator {
    opacity: 0;
  }
}
@media (max-width: 899px) {
  .chat-conversation-list-item__unread-indicator {
    margin-left: 2px;
  }
}
.chat-conversation-list-item__name {
  flex: 1;
  text-align: left;
}
@media (max-width: 899px) {
  .chat-conversation-list-item__name {
    display: none;
  }
  .chat-conversation-list-item--selected .chat-conversation-list-item__name {
    display: block;
    padding-right: 10px;
  }
}
.chat-conversation-list-item__chevron {
  margin-right: 10px;
  color: white;
  opacity: 0;
}
.chat-conversation-list-item--selected .chat-conversation-list-item__chevron {
  opacity: 1;
}
@media (max-width: 899px) {
  .chat-conversation-list-item__chevron {
    display: none;
  }
}
.chat-conversation-list-item__avatar {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  flex-shrink: 0;
}
@media (max-width: 899px) {
  .chat-conversation-list-item__avatar {
    margin: 0 5px;
  }
}
.chat-conversation-list-separator {
  background: hsl(var(--hsl-l1));
  border-radius: 1px;
  flex-shrink: 0;
}
@media (min-width: 900px) {
  .chat-conversation-list-separator {
    display: none;
  }
}
@media (max-width: 899px) {
  .chat-conversation-list-separator {
    width: 2px;
    height: 20px;
    margin: 0 5px;
    align-self: center;
  }
}
.chat-conversation-list-separator:last-child {
  display: none;
}
.chat-conversation-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
}
@media (max-width: 899px) {
  .chat-conversation-panel {
    overflow-y: hidden;
  }
}
.chat-conversation-panel__instructions {
  margin-top: 10px;
}
.chat-conversation-panel__no-channel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  height: 100%;
  width: 100%;
  flex-direction: column;
  min-height: 250px;
  color: hsl(var(--hsl-l1));
}
.chat-conversation-panel__title {
  color: white;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 26px;
  font-weight: 300;
}
.chat-form {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: hsl(var(--hsl-b4));
}
.chat-form__button-bar {
  display: flex;
  justify-content: flex-end;
}
.chat-form__fields {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  padding: 20px 20px 10px 20px;
  font-size: 16px;
}
.chat-form__title {
  font-size: 24px;
}
.chat-form-users {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: flex-start;
  min-width: 0;
}
.chat-input {
  color: white;
  position: absolute;
  bottom: 0;
  text-align: right;
  background: linear-gradient(to bottom, hsla(var(--hsl-b4), 0), hsla(var(--hsl-b4), 0.95) 40%, hsla(var(--hsl-b4), 0.95) 100%);
  width: calc(100% - 20px);
  padding: 10px 30px 15px 50px;
  align-items: center;
  display: flex;
}
@media (max-width: 899px) {
  .chat-input {
    position: fixed;
    font-size: 16px;
    padding-right: 0;
    padding-left: 20px;
  }
}
.chat-input__box {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  max-height: 100%;
  max-width: 100%;
  min-width: 0;
  background: hsl(var(--hsl-b6));
  padding: 10px;
  margin-right: 10px;
  font-family: Inter, sans-serif;
  flex: 1;
  resize: none;
}
.chat-input__box::-moz-placeholder {
  color: hsl(var(--hsl-f1));
}
.chat-input__box::placeholder {
  color: hsl(var(--hsl-f1));
}
.chat-input__box--disabled {
  opacity: 0.8;
}
.chat-join-channel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: hsl(var(--hsl-b4));
}
.chat-join-channel__channel {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 3;
  color: hsl(var(--hsl-l3));
  text-align: left;
  padding: 5px 10px;
}
.chat-join-channel__channel:hover,
.chat-join-channel__channel:focus,
.chat-join-channel__channel:active {
  text-decoration: none;
}
.chat-join-channel__channel:hover,
.chat-join-channel__channel:focus,
.chat-join-channel__channel:active {
  color: hsl(var(--hsl-c1));
  background-color: hsl(var(--hsl-b3));
}
.chat-join-channel__channel--joined {
  color: hsl(var(--hsl-c1));
}
.chat-join-channel__channels {
  display: grid;
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-template-columns: minmax(14px, max-content) auto 1fr;
  overflow-wrap: anywhere;
  overflow-y: auto;
}
.chat-join-channel__loading {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
}
.chat-message-group {
  margin: 10px;
  margin-left: 0;
  margin-right: 120px;
  color: white;
  display: flex;
}
.chat-message-group--own {
  margin-left: 120px;
  margin-right: 0;
  flex-direction: row-reverse;
}
.chat-message-group__avatar {
  width: 35px;
  height: 35px;
  margin-bottom: 5px;
}
.chat-message-group__bubble {
  background: hsl(var(--hsl-b6));
  border-radius: 4px;
  padding: 5px 8px;
  max-width: 400px;
  overflow-x: auto;
}
.chat-conversation--ANNOUNCE .chat-message-group__bubble {
  max-width: unset;
}
.chat-message-group__sender {
  width: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 10px;
  color: white;
  flex-shrink: 0;
}
.chat-message-group__timestamp {
  font-family: Inter, sans-serif;
  color: hsl(var(--hsl-f1));
  font-size: 10px;
  margin: 5px;
}
.chat-message-group__username {
  max-width: 60px;
}
.chat-message-item {
  margin: 5px;
}
.chat-message-item--sending {
  opacity: 0.2;
}
.chat-message-item__entry {
  display: flex;
  justify-content: space-between;
}
.chat-message-item__status {
  color: hsla(var(--hsl-h1), 0.5);
  margin-left: 10px;
}
.chat-message-item__status--errored {
  color: red;
}
.circular-progress {
  font-size: 31px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  pointer-events: auto;
  background-color: hsl(var(--hsl-b4));
  --circle-center-fill: hsl(var(--hsl-b6));
  --circle-transform: rotate(0turn);
  --circle-fill-transform: rotate(0turn);
  --slice-clip: rect(0em, 1em, 1em, 0.5em);
  --circle-border-colour: hsl(var(--hsl-h1));
  --label-colour: hsl(var(--hsl-h1));
  --label-display: block;
}
.circular-progress--warn {
  --circle-border-colour: hsl(var(--hsl-orange-2));
  --label-colour: hsl(var(--hsl-orange-2));
}
.circular-progress--over {
  --circle-border-colour: hsl(var(--hsl-red-2));
  --label-colour: hsl(var(--hsl-red-2));
}
.circular-progress--lighter {
  background-color: hsl(var(--hsl-b3));
  --circle-center-fill: hsl(var(--hsl-b5));
}
.circular-progress--over50 {
  --circle-fill-transform: rotate(0.5turn);
  --slice-clip: rect(auto, auto, auto, auto);
}
.circular-progress--beatmapset-panel {
  font-size: 50px;
  pointer-events: none;
  background-color: transparent;
  --circle-center-fill: transparent;
  --label-display: none;
  --circle-transform: rotate(calc(var(--progress) * 1turn));
}
[data-audio-over50="1"] .circular-progress--beatmapset-panel {
  --circle-fill-transform: rotate(0.5turn);
  --slice-clip: rect(auto, auto, auto, auto);
}
.circular-progress--gallery-contest {
  --circle-border-colour: #fff;
  --label-colour: #fff;
}
.circular-progress::after {
  position: absolute;
  margin-top: 0.1em;
  margin-left: 0.1em;
  display: block;
  content: "";
  border-radius: 50%;
  background-color: var(--circle-center-fill);
  width: 0.8em;
  height: 0.8em;
}
.circular-progress__label {
  position: absolute;
  z-index: 1;
  width: 2.5em;
  line-height: 2.5em;
  font-size: 0.4em;
  text-align: center;
  white-space: nowrap;
  color: var(--label-colour);
  display: var(--label-display);
}
.circular-progress__circle {
  position: absolute;
  border: 0.1em solid var(--circle-border-colour);
  width: 1em;
  height: 1em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: var(--circle-transform);
}
.circular-progress__circle--fill {
  transform: var(--circle-fill-transform);
}
.circular-progress__slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: var(--slice-clip);
}
.click-to-copy__icon {
  opacity: 0;
  padding-left: 5px;
  color: #999;
  cursor: pointer;
}
.click-to-copy:hover .click-to-copy__icon {
  opacity: 1;
}
.comment {
  margin-top: 10px;
  font-size: 13px;
  border-bottom: 0 solid var(--comments-separator-bg);
  position: relative;
}
.comment--top {
  border-bottom-width: 1px;
  margin-top: 0;
  padding: 15px 10px;
}
.comment--single.comment--top {
  border-bottom-width: 0;
}
.comment--top:last-of-type {
  border-bottom-width: 0;
}
@media (min-width: 900px) {
  .comment--top {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.comment__action {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-l2));
  text-transform: lowercase;
  color: hsl(var(--hsl-f1));
}
.comment__action:hover,
.comment__action:focus,
.comment__action:active {
  color: hsl(var(--hsl-l1));
}
.comment__action:hover,
.comment__action:focus,
.comment__action:active {
  color: white;
}
.comment__action:hover {
  text-decoration: underline;
}
.comment__action--active {
  color: hsl(var(--hsl-l1));
}
.comment__avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  flex: none;
}
.comment__commentable-meta {
  margin-left: 50px;
  margin-bottom: 5px;
  font-size: 11px;
  display: flex;
  align-items: baseline;
}
.comment--single .comment__commentable-meta {
  margin-left: 0;
  margin-bottom: 30px;
  flex-direction: column;
  font-size: 24px;
}
.comment__commentable-meta-icon {
  font-size: 0.9em;
  margin-right: 5px;
}
.comment__commentable-meta-type {
  background-color: hsl(var(--hsl-b6));
  padding: 5px 15px;
  margin-right: 5px;
  border-radius: 10000px;
  font-size: 12px;
}
.comment--single .comment__commentable-meta-type {
  margin-bottom: 10px;
}
.comment__container {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.comment__deleted {
  font-weight: bold;
  margin: 10px 0;
}
.comment__editor {
  padding: 10px 0;
}
.comment__float-container {
  position: absolute;
  height: 40px;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.comment__float-container--left {
  justify-content: flex-end;
  left: -50px;
  width: 50px;
}
.comment--top > .comment__float-container--left {
  left: 0;
}
.comment__float-container--right {
  justify-content: flex-start;
  right: -50px;
  width: 50px;
}
.comment--top > .comment__float-container--right {
  right: 0;
}
.comment__main {
  display: flex;
  position: relative;
}
.comment__main--deleted {
  opacity: 0.5;
}
.comment__message {
  margin: 2px 0;
}
.comment__main--clip .comment__message {
  height: calc(var(--line-height) * var(--clip-lines));
  overflow: hidden;
  position: relative;
}
.comment__main--clip .comment__message::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(var(--line-height) * 3);
  background-image: linear-gradient(to bottom, hsla(var(--comments-bg-hsl), 0), hsl(var(--comments-bg-hsl)));
  pointer-events: none;
}
.comment__owner-badge {
  background-color: hsl(var(--hsl-l1));
  color: hsl(var(--hsl-b6));
  font-weight: bold;
  font-size: 10px;
  bottom: 2px;
  padding: 2px 5px;
  border-radius: 10000px;
}
.comment__replies {
  margin-top: 10px;
}
.comment__replies--hidden {
  display: none;
}
.comment__replies--indented {
  padding-left: 0;
}
@media (min-width: 900px) {
  .comment__replies--indented {
    padding-left: 20px;
  }
}
.comment__reply-box {
  padding-top: 10px;
}
.comment__row {
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-weight: 600;
}
.comment__row--footer {
  color: hsl(var(--hsl-f1));
  font-size: 12px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.comment__row--footer a {
  color: hsl(var(--hsl-f1));
}
.comment__row--footer a:hover,
.comment__row--footer a:focus,
.comment__row--footer a:active {
  color: white;
}
.comment__row--header {
  font-size: 14px;
}
.comment__row-item--info {
  font-weight: normal;
}
.comment__row-item--pinned .fa {
  vertical-align: middle;
}
.comment__row-item--replies {
  width: 100%;
}
.comment__toggle-clip {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: -moz-max-content;
  width: max-content;
  color: hsl(var(--hsl-l2));
  padding: 5px 0;
}
.comment__toggle-clip:hover,
.comment__toggle-clip:focus,
.comment__toggle-clip:active {
  color: hsl(var(--hsl-l1));
}
.comment__toolbar {
  margin: 10px 0;
  display: flex;
  justify-content: flex-end;
}
.comment__top-show-replies {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 40px;
  font-size: 18px;
  display: none;
  color: hsl(var(--hsl-f1));
}
@media (min-width: 900px) {
  .comment__top-show-replies {
    display: block;
  }
  .comment--single .comment__top-show-replies {
    display: none;
  }
}
.comment-editor {
  --bg: hsl(var(--hsl-b3));
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  background: var(--bg);
  position: relative;
}
@media (min-width: 900px) {
  .comment-editor--fancy {
    margin-left: 60px;
  }
}
.comment-editor__avatar {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 100%;
  margin-right: 10px;
  display: none;
}
@media (min-width: 900px) {
  .comment-editor__avatar {
    display: block;
  }
}
.comment-editor__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 8px;
  border-radius: 0 0 6px 6px;
}
.comment-editor__footer-item {
  font-size: 12px;
  flex: none;
  margin: 5px 2px;
  color: white;
}
.comment-editor__footer-item--notice {
  align-self: center;
  flex: 1;
}
.comment-editor__message {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  min-height: 3em;
  padding: 10px;
  font-size: 16px;
  border-radius: 6px 6px 0 0;
  border: 2px solid var(--bg);
  border-bottom: none;
  background-color: hsl(var(--hsl-b5));
  resize: none;
}
@media (min-width: 900px) {
  .comment-editor__message {
    font-size: inherit;
  }
}
.comment-editor__message::-moz-placeholder {
  color: hsl(var(--hsl-f1));
}
.comment-editor__message::placeholder {
  color: hsl(var(--hsl-f1));
}
.comment-show-more {
  display: block;
  font-size: 12px;
}
.comment-show-more--top {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .comment-show-more--top {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.comment-show-more__link {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-l2));
}
.comment-show-more__link:hover,
.comment-show-more__link:focus,
.comment-show-more__link:active {
  color: hsl(var(--hsl-l1));
}
.comment-vote {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 100000px;
  border: 2px solid transparent;
  font-size: 12px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--hsl-b6));
  position: relative;
}
.comment-vote:not([disabled]):hover {
  border-color: #b3d944;
}
.comment-vote--disabled {
  background-color: transparent;
}
.comment-vote--inline {
  display: inline-flex;
  padding: 0 8px;
  font-size: inherit;
}
.comment-vote--on {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  color: #fff;
  background-color: #b3d944;
}
.comment-vote--on:not([disabled]):hover {
  background-color: rgba(179, 217, 68, 0.5);
}
.comment-vote__hover {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 2px;
  width: 100%;
  padding-right: 5px;
  display: flex;
  justify-content: center;
  color: #88b300;
  text-shadow: none;
  font-size: 14px;
  opacity: 0;
  will-change: opacity;
}
.comment-vote:not([disabled]):hover .comment-vote__hover {
  opacity: 1;
}
.comment-vote__spinner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.comment-vote--posting .comment-vote__text {
  opacity: 0;
}
.comments {
  --comments-bg-hsl: var(--hsl-b5);
  --comments-fg: hsl(var(--hsl-c1));
  --comments-pinned-bg-hsl: var(--hsl-b4);
  --comments-separator-bg: hsl(var(--hsl-b6));
  --comments-toolbar-bg: hsl(var(--hsl-b4));
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--comments-bg-hsl));
  color: var(--comments-fg);
}
.comments--page-extra {
  --comments-bg-hsl: var(--hsl-b4);
  --comments-pinned-bg-hsl: var(--hsl-b3);
  --comments-separator-bg: hsl(var(--hsl-b5));
  --comments-toolbar-bg: hsl(var(--hsl-b3));
  background-color: transparent;
}
@media (min-width: 900px) {
  .comments--page-extra {
    margin-bottom: 0;
  }
}
.comments__count {
  font-size: 80%;
  padding: 5px 10px;
  margin-left: 5px;
  border-radius: 10000px;
  font-weight: bold;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-f1));
}
.comments__items {
  padding: 10px 0;
}
.comments__items--empty {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 900px) {
  .comments__items--empty {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.comments__items--loading {
  opacity: 0.5;
}
.comments__items--toolbar {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
  background-color: var(--comments-toolbar-bg);
}
@media (min-width: 900px) {
  .comments__items--toolbar {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.comments__items--pinned {
  margin-top: 20px;
  --comments-bg-hsl: var(--comments-pinned-bg-hsl);
  background-color: hsl(var(--comments-bg-hsl));
}
.comments__new {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .comments__new {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.comments__title {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 0;
  font-size: 18px;
  font-style: normal;
  margin: 0;
  color: hsl(var(--hsl-l1));
}
@media (min-width: 900px) {
  .comments__title {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
}
.contest__description {
  padding-left: 10px;
  padding-right: 10px;
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  background-color: hsl(var(--hsl-b4));
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .contest__description {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest__description > h1,
.contest__description h2,
.contest__description h3,
.contest__description h4,
.contest__description h5,
.contest__description h6 {
  color: hsl(var(--hsl-c1));
}
.contest__countdown-timer {
  background-color: hsl(var(--hsl-b4));
  padding-bottom: 20px;
  margin-top: -10px;
}
.contest__voting-notice {
  color: white;
  text-align: center;
  padding: 20px;
}
.contest__accordion {
  background: hsl(var(--hsl-b5));
  padding: 20px;
}
.contest__group {
  margin: 10px auto;
  max-width: 600px;
  background: hsl(var(--hsl-b4));
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.contest__art-list {
  padding: 0px 20px;
}
.contest__group-heading {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  color: white;
}
.contest__group-heading:hover,
.contest__group-heading:visited,
.contest__group-heading:link,
.contest__group-heading:active {
  color: white;
  text-decoration: none;
}
.contest__section-toggle {
  transition: all 300ms;
  transform: rotateZ(0deg);
}
.contest__group-heading[aria-expanded="true"] .contest__section-toggle {
  transform: rotateZ(180deg);
}
.contest__buttons {
  text-align: center;
  padding: 20px 0;
}
.contest__vote-summary--art {
  font-size: 10px;
  padding-top: 10px;
  margin-bottom: 5px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.contest__vote-summary-text {
  float: right;
  text-transform: uppercase;
  color: hsl(var(--hsl-f1));
  font-weight: bold;
  height: 16px;
  display: flex;
  align-items: center;
  width: 32px;
}
.contest__vote-summary-text--art {
  width: inherit;
  margin-right: 10px;
}
.contest__vote-count {
  display: flex;
  align-items: center;
  flex: 0 0 110px;
  text-align: right;
  background-color: hsl(var(--hsl-b6));
  justify-content: flex-end;
  padding-right: 5px;
  font-size: 11px;
}
.contest__vote-count--no-percentages {
  flex: 0 0 70px;
}
.contest__voting-star {
  display: flex;
  flex: 0 0 32px;
  margin-left: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: rgba(1, 1, 1, 0.5);
}
.contest__voting-star:hover,
.contest__voting-star:focus {
  color: rgba(1, 1, 1, 0.75);
  font-size: inherit;
  text-decoration: none;
}
.contest__voting-star--art {
  flex: none;
  position: relative;
  margin: auto 0 0 auto;
  padding: 10%;
}
.contest__voting-star--dark-bg {
  background-color: hsl(var(--hsl-b6));
}
.contest__voting-star--selected {
  font-size: inherit;
  color: #ffa500;
}
.contest__voting-star--selected:hover,
.contest__voting-star--selected:focus {
  color: rgba(255, 165, 0, 0.75);
}
.contest__voting-star--selected-art {
  font-size: inherit;
  color: white;
}
.contest__voting-star--selected-art:hover,
.contest__voting-star--selected-art:focus {
  color: rgba(255, 255, 255, 0.5);
}
.contest__voting-star--smaller {
  width: 16px;
  height: 16px;
}
.contest__voting-star--float-right {
  float: right;
}
.contest__voting-star--spin {
  animation: spin-w-easing 1s ease-in-out infinite;
}
.contest-art-entry {
  --thumbnail-border-colour: transparent;
  --thumbnail-height-multiplier: 1;
  --thumbnail-scale: 1;
  --thumbnail-size: 256px;
  --thumbnail-width-multiplier: 1;
  --trophy-colour: chocolate;
  --vote-link-banner-bg: hsl(var(--hsl-b2));
  --vote-link-banner-scale: 1;
  margin: 10px;
  transform: translateZ(0);
  width: calc(var(--thumbnail-size) * var(--thumbnail-scale) * var(--thumbnail-width-multiplier));
}
.contest-art-entry--placed-1 {
  --thumbnail-scale: 1;
  --trophy-colour: gold;
  --vote-link-banner-scale: 1;
}
.contest-art-entry--placed-2 {
  --thumbnail-scale: 0.75;
  --trophy-colour: silver;
  --vote-link-banner-scale: 1;
}
.contest-art-entry--placed-3 {
  --thumbnail-scale: 0.5;
  --vote-link-banner-scale: 0.5;
}
.contest-art-entry--portrait {
  --thumbnail-width-multiplier: calc(3 / 4);
}
.contest-art-entry--landscape {
  --thumbnail-height-multiplier: calc(9 / 16);
}
.contest-art-entry--selected {
  --thumbnail-border-colour: #ffa500;
  --vote-link-banner-bg: var(--thumbnail-border-colour);
}
.contest-art-entry--smaller {
  --thumbnail-scale: 0.5;
  --vote-link-banner-scale: 0.5;
}
.contest-art-entry__entrant {
  text-align: right;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.contest-art-entry__entrant:hover,
.contest-art-entry__entrant:focus,
.contest-art-entry__entrant:active {
  color: #fff;
}
.contest-art-entry--placed .contest-art-entry__entrant {
  font-size: 14px;
  overflow: visible;
}
.contest-art-entry__result {
  margin-top: 10px;
  text-align: center;
}
.contest-art-entry__result-name {
  display: block;
}
.contest-art-entry__result-place {
  padding-right: 5px;
}
.contest-art-entry--placed .contest-art-entry__result-place {
  font-size: 20px;
  white-space: nowrap;
}
.contest-art-entry__result-ranking {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.contest-art-entry__result-votes {
  font-size: 10px;
  color: hsl(var(--hsl-f1));
}
.contest-art-entry__thumbnail {
  width: 100%;
  height: calc(var(--thumbnail-size) * var(--thumbnail-scale) * var(--thumbnail-height-multiplier));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-size: cover;
  background-position: top;
  position: relative;
  margin: auto;
}
.contest-art-entry__thumbnail-link {
  width: 100%;
  height: 100%;
  display: block;
  border: 4px solid var(--thumbnail-border-colour);
}
.contest-art-entry__trophy {
  color: var(--trophy-colour);
}
.contest-art-entry__vote-link-banner {
  --base-size: calc(0.25 * var(--thumbnail-size) * var(--vote-link-banner-scale));
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--base-size);
  height: var(--base-size);
  font-size: calc(20px * var(--vote-link-banner-scale));
  display: flex;
  align-items: center;
  justify-content: center;
}
.contest-art-entry__vote-link-banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 0 0 var(--base-size) var(--base-size);
  border-color: transparent transparent var(--vote-link-banner-bg) transparent;
}
.contest-art-list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-around;
}
.contest-art-list--top3 {
  align-items: baseline;
}
.contest-judge {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 14px;
  background-color: hsl(var(--hsl-b5));
}
.contest-judge__header {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-d3));
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 900px) {
  .contest-judge__header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest-judge__items {
  padding-left: 10px;
  padding-right: 10px;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
@media (min-width: 900px) {
  .contest-judge__items {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest-judge__switch {
  font-weight: normal;
  margin: 0;
}
.contest-judge-entry__button {
  display: flex;
  justify-content: flex-end;
  text-transform: lowercase;
}
.contest-judge-entry__categories {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 500px;
}
.contest-judge-entry__category {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contest-judge-entry__label {
  display: flex;
  gap: 5px;
  font-size: 12px;
  font-weight: bold;
}
.contest-judge-entry__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
}
.contest-judge-entry__slider::-webkit-slider-runnable-track {
  background: hsla(var(--hsl-pink-1), 50%);
  height: 8px;
  border-radius: 4px;
}
.contest-judge-entry__slider::-moz-range-track {
  background: hsla(var(--hsl-pink-1), 50%);
  height: 8px;
  border-radius: 4px;
}
.contest-judge-entry__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -4px;
  background-color: hsl(var(--hsl-pink-1));
  width: 16px;
  height: 16px;
  border-radius: 9999px;
}
.contest-judge-entry__slider::-moz-range-thumb {
  border: none;
  border-radius: 9999px;
  background-color: hsl(var(--hsl-pink-1));
  width: 16px;
  height: 16px;
}
.contest-judge-entry__title {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: hsl(var(--hsl-l1));
}
.contest-judge-entry__value {
  display: flex;
  justify-content: flex-end;
  color: hsl(var(--hsl-c2));
  font-size: 14px;
}
.contest-judge-entry__voted-icon {
  margin-right: 5px;
  color: hsl(var(--hsl-lime-1));
}
.contest-judge-results {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-b5));
  font-size: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  gap: 30px;
}
@media (min-width: 900px) {
  .contest-judge-results {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest-judge-results-header {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-d3));
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  gap: 20px;
}
@media (min-width: 900px) {
  .contest-judge-results-header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest-judge-results-header__values {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.contest-judge-results-scores {
  display: grid;
  align-items: center;
  gap: 5px;
  grid-template-columns: minmax(auto, max-content) auto;
  margin-top: 10px;
}
.contest-judge-results-scores__col {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.contest-judge-results-scores__col--score {
  color: hsl(var(--hsl-c2));
}
.contest-judge-results-scores__row {
  display: contents;
}
.contest-judge-results-vote__avatar {
  width: 30px;
  height: 30px;
}
.contest-judge-results-vote__user {
  display: flex;
  align-items: center;
  font-size: 16px;
}
.contest-judge-results-vote__username {
  margin-left: 10px;
}
.contest-judge-results-vote__comment {
  margin-top: 15px;
  white-space: break-spaces;
  overflow-wrap: anywhere;
}
.contest-judge-results-vote__scores-header {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.contest-list {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-b5));
  color: white;
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width: 900px) {
  .contest-list {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.contest-list-item {
  display: block;
  color: white;
  height: 70px;
  margin: 5px 0;
  background-color: hsl(var(--hsl-b4));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: 0.1s ease-in-out;
  border-right: 5px solid hsl(var(--hsl-b4));
}
@media (max-width: 899px) {
  .contest-list-item {
    height: 90px;
  }
}
.contest-list-item:active,
.contest-list-item:focus,
.contest-list-item:hover {
  color: white;
  text-decoration: none;
}
.contest-list-item:hover {
  background-color: hsl(var(--hsl-b3));
  border-color: hsl(var(--hsl-b3));
}
@media (min-width: 900px) {
  .contest-list-item:hover .contest-list-item__image {
    width: 160px;
  }
}
.contest-list-item--entry {
  border-color: #ff66aa;
}
.contest-list-item--entry:hover {
  border-color: #ff80b8;
}
.contest-list-item--hidden {
  opacity: 0.5;
}
.contest-list-item--results {
  border-color: #88b300;
}
.contest-list-item--results:hover {
  border-color: #9bcc00;
}
.contest-list-item--voting {
  border-color: #66ccff;
}
.contest-list-item--voting:hover {
  border-color: #80d5ff;
}
.contest-list-item__container {
  display: flex;
  justify-content: space-between;
}
.contest-list-item__date {
  font-size: 12px;
  color: hsl(var(--hsl-f1));
}
@media (max-width: 899px) {
  .contest-list-item__date {
    font-size: 10px;
  }
}
.contest-list-item__image {
  transition: 0.2s ease-in-out;
  width: 80px;
  height: 70px;
  background-size: cover;
  background-position: center center;
  float: left;
}
@media (max-width: 899px) {
  .contest-list-item__image {
    width: 50px;
    height: 90px;
  }
}
.contest-list-item__left-content {
  float: left;
  padding: 15px;
  padding-top: 10px;
  overflow: hidden;
}
@media (max-width: 899px) {
  .contest-list-item__left-content {
    padding-right: 0;
  }
}
.contest-list-item__name {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: bold;
}
@media (min-width: 900px) {
  .contest-list-item__name {
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.contest-list-item__right-content {
  float: right;
  padding: 10px;
  flex-shrink: 0;
}
.contest-list-item__type {
  color: hsl(var(--hsl-f1));
  text-transform: capitalize;
  font-size: 15px;
}
@media (max-width: 899px) {
  .contest-list-item__type {
    font-size: 13px;
  }
}
.contest-list-legend {
  display: flex;
  justify-content: flex-end;
  margin: 0 -5px;
}
.contest-list-legend__item {
  display: inline-block;
  height: 30px;
  background: hsl(var(--hsl-b4));
  margin: 5px;
  padding: 5px 10px;
  border-right: 5px solid hsl(var(--hsl-b4));
}
@media (max-width: 899px) {
  .contest-list-legend__item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
  }
  .contest-list-legend__item:hover {
    flex: none;
  }
}
.contest-list-legend__item--entry {
  border-color: #ff66aa;
}
.contest-list-legend__item--voting {
  border-color: #66ccff;
}
.contest-list-legend__item--results {
  border-color: #88b300;
}
.contest-userentry {
  position: relative;
  height: 150px;
  background: hsl(var(--hsl-b4));
  margin: 10px;
  width: calc(50% - 20px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.contest-userentry--disabled {
  display: none;
}
.contest-userentry--dragndrop-active {
  background-color: hsl(var(--hsl-b3));
}
.contest-userentry--new:hover,
.contest-userentry--dragndrop-hover.contest-userentry--new {
  background-color: hsl(var(--hsl-b3));
  transform: scale(1.01);
}
.contest-userentry--new:active {
  transform: scale(0.99);
}
.contest-userentry--ok {
  border-bottom: hsl(var(--hsl-green-3)) 5px solid;
}
.contest-userentry__delete {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-c1));
  position: absolute;
  right: 0;
  padding: 5px 10px;
}
.contest-userentry__fileicon {
  font-size: 32px;
  margin-top: 25px;
}
.contest-userentry__filename {
  font-weight: lighter;
  font-size: 15px;
  margin-top: 10px;
  padding: 0px 10px;
}
.contest-userentry__filesize {
  font-size: 12px;
  color: hsl(var(--hsl-f1));
}
.contest-userentry__icon {
  padding-bottom: 20px;
  font-size: 16px;
}
.contest-userentry__uploader {
  margin: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.contest-userentry-list {
  display: flex;
  flex-wrap: wrap;
  color: white;
  padding: 10px;
  text-align: center;
}
.contest-voting-list__table {
  width: 100%;
  max-width: 640px;
  padding: 20px;
  margin: 0 auto;
}
.contest-voting-list__rank {
  display: flex;
  align-items: center;
  flex: 0 0 32px;
  font-weight: 100;
  justify-content: center;
  background: hsl(var(--hsl-b6));
}
.contest-voting-list__rank--blank {
  background-color: transparent;
}
.contest-voting-list__trophy--1 {
  color: gold;
}
.contest-voting-list__trophy--2 {
  color: silver;
}
.contest-voting-list__trophy--3 {
  color: chocolate;
}
.contest-voting-list__row {
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-f1));
  font-size: 12px;
  border-bottom: 2px solid hsl(var(--hsl-b6));
  transition: 0.1s;
  display: flex;
}
.contest-voting-list__row:hover {
  background-color: hsl(var(--hsl-b3));
}
.contest-voting-list__row--selected {
  background-color: hsl(var(--hsl-b3));
}
.contest-voting-list__row:first-child {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.contest-voting-list__row:last-child {
  border-bottom: none;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.contest-voting-list__header {
  text-transform: uppercase;
  color: hsl(var(--hsl-f1));
  font-size: 10px;
  line-height: 32px;
  display: flex;
}
.contest-voting-list__header-wrapper {
  display: flex;
  width: 100%;
}
.contest-voting-list__icon {
  flex: 0 0 32px;
  display: flex;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.contest-voting-list__icon--bg {
  background: rgba(0, 0, 0, 0.75);
}
.contest-voting-list__icon--judge-results {
  background-color: hsl(var(--hsl-b6));
}
.contest-voting-list__icon--submitted-beatmaps {
  background-size: cover;
  flex: 0 0 50px;
}
.contest-voting-list__header-title {
  padding-left: 10px;
  margin-right: auto;
}
.contest-voting-list__header-voted-toggle-button {
  align-self: center;
}
.contest-voting-list__header-votesummary {
  display: flex;
  align-items: center;
}
.contest-voting-list__preview {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: black;
}
.contest-voting-list__title {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  color: white;
  padding: 8px;
  transform: translate(0);
  overflow: hidden;
}
.contest-voting-list__title--show-votes {
  width: 100%;
  padding: 2px 10px;
}
.contest-voting-list__title-link {
  color: #fff;
  display: block;
}
.contest-voting-list__title-link:hover,
.contest-voting-list__title-link:focus,
.contest-voting-list__title-link:active {
  color: #fff;
}
.contest-voting-list__votes-bar {
  position: absolute;
  height: 100%;
  background-color: hsl(var(--hsl-b2));
  top: 0;
  left: 0;
}
.contest-voting-list__entrant {
  font-size: 10px;
  position: relative;
}
.contest-voting-list__link {
  color: #fff;
  text-decoration: none;
}
.contest-voting-list__link:hover,
.contest-voting-list__link:focus,
.contest-voting-list__link:active {
  color: #fff;
}
.contest-voting-list__link:hover,
.contest-voting-list__link:focus,
.contest-voting-list__link:active {
  text-decoration: none;
}
.contest-voting-list__link--shadowed {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
}
.countdown-timer {
  text-align: center;
}
.countdown-timer__header {
  color: white;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 10px;
}
.countdown-timer__field {
  display: inline-block;
  width: 70px;
  text-align: center;
  border: 5px solid hsl(var(--hsl-b5));
  color: white;
  margin: 0 5px;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.countdown-timer__digit {
  line-height: 50px;
  font-size: 24px;
  background: hsl(var(--hsl-b6));
}
.countdown-timer__label {
  background: hsl(var(--hsl-b5));
  font-size: 12px;
  line-height: 14px;
  color: hsl(var(--hsl-f1));
}
.counter-box {
  border-radius: 4px;
  box-shadow: 0 0 0 2px hsla(var(--hsl-b5), 0.25);
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  display: inline-flex;
  justify-content: space-between;
  padding: 7.5px;
}
.counter-box:hover,
.counter-box:focus,
.counter-box:active {
  text-decoration: none;
  color: hsl(var(--hsl-c1));
}
.counter-box--beatmap-discussions {
  margin: 5px;
  height: var(--box-height);
}
.counter-box--info {
  padding: 10px 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  flex-direction: column;
}
.counter-box--ranking {
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  flex-direction: column;
}
.counter-box--deleted:hover,
.counter-box--deleted:focus,
.counter-box--deleted:active,
.counter-box--deleted.js-active {
  box-shadow: 0 0 0 2px black;
}
.counter-box--pending:hover,
.counter-box--pending:focus,
.counter-box--pending:active,
.counter-box--pending.js-active {
  box-shadow: 0 0 0 2px #bb1177;
}
.counter-box--praises:hover,
.counter-box--praises:focus,
.counter-box--praises:active,
.counter-box--praises.js-active {
  box-shadow: 0 0 0 2px #2299bb;
}
.counter-box--mapper-notes:hover,
.counter-box--mapper-notes:focus,
.counter-box--mapper-notes:active,
.counter-box--mapper-notes.js-active {
  box-shadow: 0 0 0 2px var(--beatmapset-discussion-colour--mapper_note);
}
.counter-box--mine:hover,
.counter-box--mine:focus,
.counter-box--mine:active,
.counter-box--mine.js-active {
  box-shadow: 0 0 0 2px #cc6600;
}
.counter-box--resolved:hover,
.counter-box--resolved:focus,
.counter-box--resolved:active,
.counter-box--resolved.js-active {
  box-shadow: 0 0 0 2px #88b300;
}
.counter-box--total:hover,
.counter-box--total:focus,
.counter-box--total:active,
.counter-box--total.js-active {
  box-shadow: 0 0 0 2px #fff;
}
.counter-box__content {
  line-height: 1;
}
.counter-box__count {
  font-size: 20px;
  font-weight: 300;
}
.counter-box--info .counter-box__count {
  color: hsl(var(--hsl-c2));
}
.counter-box__line {
  border-radius: 4px;
  width: 2px;
  margin-left: 10px;
}
.counter-box--deleted .counter-box__line {
  background-color: black;
}
.counter-box--mapper-notes .counter-box__line {
  background-color: var(--beatmapset-discussion-colour--mapper_note);
}
.counter-box--pending .counter-box__line {
  background-color: #bb1177;
}
.counter-box--praises .counter-box__line {
  background-color: #2299bb;
}
.counter-box--mine .counter-box__line {
  background-color: #cc6600;
}
.counter-box--resolved .counter-box__line {
  background-color: #88b300;
}
.counter-box--total .counter-box__line {
  background-color: #fff;
}
.counter-box__title {
  margin-right: 30px;
  font-weight: 600;
  font-size: 10px;
  white-space: nowrap;
}
.counter-box--beatmap-discussions .counter-box__title {
  margin-right: 10px;
}
.counter-box--info .counter-box__title {
  font-weight: normal;
  margin-right: 0;
}
.daily-challenge {
  background: hsl(var(--hsl-b4));
  border-radius: 6px;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1px;
  border: 2px solid transparent;
}
.daily-challenge--played-today {
  border-color: hsl(var(--hsl-lime-1));
}
.daily-challenge--played-today::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: hsl(var(--hsl-lime-1));
  border-radius: 50%;
  color: hsl(var(--hsl-b6));
  content: "\f00c";
  font-size: 8px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  width: 16px;
}
.daily-challenge--played-today::before.fa-pull-left {
  margin-right: 0.3em;
}
.daily-challenge--played-today::before.fa-pull-right {
  margin-left: 0.3em;
}
.daily-challenge__name {
  font-size: 12px;
  padding: 0 5px;
}
.daily-challenge__value {
  background-image: linear-gradient(var(--colour));
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  --colour: hsl(var(--hsl-c2));
}
.daily-challenge__value-box {
  border-radius: 3px;
  background: hsl(var(--hsl-b6));
  padding: 5px 10px;
}
.daily-challenge-date {
  padding: 10px;
  display: grid;
  gap: 10px;
  border-radius: 6px;
  background-color: hsl(var(--hsl-d4));
}
.daily-challenge-date__header {
  display: grid;
  grid-template-columns: auto auto auto minmax(100px, 150px) auto auto;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.daily-challenge-date__header-arrow {
  font-size: 1.5em;
  padding: 5px;
  color: hsl(var(--hsl-l1));
}
.daily-challenge-date__header-arrow:hover,
.daily-challenge-date__header-arrow:focus,
.daily-challenge-date__header-arrow:active {
  text-decoration: none;
  color: hsl(var(--hsl-l3));
}
.daily-challenge-date__header-arrow--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.daily-challenge-date__days {
  display: grid;
  grid-template-columns: repeat(auto-fit, 40px);
  gap: 10px;
  justify-content: center;
}
.daily-challenge-day {
  --border-colour: transparent;
  --completed-opacity: 0;
  display: grid;
  background-color: hsla(var(--hsl-b6), 0.6);
  border-radius: 6px;
  padding: 4px;
  gap: 4px;
  text-align: center;
  border: 2px solid var(--border-colour);
  line-height: 1;
}
.daily-challenge-day:hover,
.daily-challenge-day:focus,
.daily-challenge-day:active {
  --border-colour: currentColor;
  text-decoration: none;
}
.daily-challenge-day--active {
  --border-colour: currentColor;
}
.daily-challenge-day--completed {
  --completed-opacity: 1;
}
.daily-challenge-day--extra {
  opacity: 0.6;
}
.daily-challenge-day__completed {
  background-color: hsl(var(--hsl-b3));
  border-radius: inherit;
  opacity: var(--completed-opacity);
  padding: 2px;
  font-size: 0.6em;
}
.daily-challenge-popup {
  background: hsl(var(--hsl-b4));
  border-radius: 20px;
  font-size: 12px;
}
.daily-challenge-popup__content {
  padding: 15px;
  gap: 10px;
  display: grid;
}
.daily-challenge-popup__content--main {
  grid-template-columns: 1fr auto;
}
.daily-challenge-popup__content--top {
  background: hsl(var(--hsl-b5));
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.daily-challenge-popup__row {
  display: contents;
}
.daily-challenge-popup__value {
  color: hsl(var(--hsl-c2));
  --colour: hsl(var(--hsl-c2));
}
.daily-challenge-popup__value--fancy {
  background-image: linear-gradient(var(--colour));
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.daily-challenge-popup__value--top {
  font-size: 40px;
  font-weight: 300;
}
.deleted-comments-count {
  font-size: 14px;
  padding-top: 10px;
}
.deleted-comments-count--top {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .deleted-comments-count--top {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.deleted-comments-count__icon {
  margin-right: 5px;
}
.development-deploy-footer {
  width: 100%;
  padding: 10px;
  background: hsl(var(--hsl-red-3));
  text-align: center;
  font-weight: bold;
}
@media (max-width: 899px) {
  .development-deploy-footer {
    font-size: 14px;
  }
}
.development-deploy-footer__link {
  color: hsl(var(--hsl-c2));
}
.dialog-form {
  flex: 1 0 auto;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 10px;
  color: #fff;
}
.dialog-form__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: none;
  padding: 10px 20px;
  margin: 5px 5px;
  min-width: 160px;
  border-radius: 10000px;
  background-color: var(--bg);
  --bg: hsl(var(--hsl-blue-3));
  --bg-hover: hsl(var(--hsl-blue-2));
}
.dialog-form__button:hover,
.dialog-form__button:focus,
.dialog-form__button:active {
  color: #fff;
}
.dialog-form__button:hover,
.dialog-form__button:focus,
.dialog-form__button:active {
  text-decoration: none;
}
.dialog-form__button:hover,
.dialog-form__button:focus,
.dialog-form__button:active {
  background-color: var(--bg-hover);
}
.dialog-form__button--cancel {
  --bg: hsl(var(--hsl-red-3));
  --bg-hover: hsl(var(--hsl-red-2));
}
.dialog-form__button[disabled] {
  color: hsl(var(--hsl-f1));
  --bg: hsl(var(--hsl-b3));
  --bg-hover: var(--bg);
}
.dialog-form__client-name {
  color: inherit;
  font-size: 32px;
  font-style: normal;
  margin: 0;
}
.dialog-form__client-request {
  margin: 0;
  font-size: 16px;
}
.dialog-form__dialog {
  background-color: hsl(var(--hsl-b4));
  border-radius: 6px;
  width: 500px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.dialog-form__extra-link {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-l2));
  cursor: pointer;
  display: inline;
}
.dialog-form__extra-link:hover,
.dialog-form__extra-link:focus,
.dialog-form__extra-link:active {
  color: hsl(var(--hsl-l1));
}
.dialog-form__extra-link:hover,
.dialog-form__extra-link:focus,
.dialog-form__extra-link:active {
  text-decoration: underline;
}
.dialog-form__extra-link--small {
  font-size: 12px;
}
.dialog-form__header-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 6px 6px 0 0;
}
.dialog-form__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  width: 100%;
  background-color: hsl(var(--hsl-b5));
  padding: 15px 20px;
  font-size: 16px;
}
.dialog-form__input::-moz-placeholder {
  color: hsl(var(--hsl-b1));
  opacity: 1;
}
.dialog-form__input::placeholder {
  color: hsl(var(--hsl-b1));
  opacity: 1;
}
.dialog-form__logo {
  background-image: url(/assets/images/osu-logo-white.6fafd44a.svg);
  background-position: contain;
  flex: none;
  margin-right: 10px;
  height: 50px;
  width: 50px;
}
.dialog-form__row {
  display: flex;
  margin: 5px 30px;
}
.dialog-form__row--buttons {
  margin-top: 25px;
  margin-bottom: 25px;
  justify-content: center;
  flex-wrap: wrap;
}
.dialog-form__row--client-verification-completed {
  display: block;
  margin-top: -20px;
  margin-bottom: 0;
}
.dialog-form__row--client-verification-completed-buttons {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 30px;
}
.dialog-form__row--error {
  color: #aa88ff;
}
.dialog-form__row--error::after {
  content: "\a0";
}
.dialog-form__row--extra-link {
  font-size: 12px;
  display: block;
}
.dialog-form__row--header {
  background-image: url(/assets/images/oauth-login.0e8030e7.jpg);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 200px;
  border-radius: 6px 6px 0 0;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
  .dialog-form__row--header {
    background-image: url(/assets/images/oauth-login@2x.39d9b777.jpg);
  }
}
.dialog-form__row--label {
  margin-bottom: 10px;
  flex-direction: column;
}
.dialog-form__row--scopes {
  flex-direction: column;
}
.dialog-form__row--title {
  align-items: center;
  margin-bottom: 25px;
}
.dialog-form__row--verification-completed {
  display: block;
  margin-top: -20px;
  margin-bottom: 50px;
}
.dialog-form__row--verification-invalid {
  display: block;
  margin-bottom: 50px;
}
.dialog-form__row--wrong-user {
  display: block;
  font-size: 12px;
}
.dialog-form__title {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-style: normal;
  margin: 0 0 0 auto;
}
.dialog-form__user-avatar {
  width: 120px;
  height: 120px;
  margin-bottom: 5px;
}
.dialog-form__user-header {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  flex-direction: column;
  font-size: 24px;
  position: relative;
}
.dialog-form__user-header:hover,
.dialog-form__user-header:focus,
.dialog-form__user-header:active {
  color: #fff;
}
.dialog-form__user-header:hover,
.dialog-form__user-header:focus,
.dialog-form__user-header:active {
  text-decoration: none;
}
.difficulty-badge {
  border-radius: 10000px;
  background-color: var(--bg);
  color: hsl(var(--hsl-b6));
  padding: 0 0.5em;
  display: flex;
  align-items: center;
  font-weight: 800;
  font-size: max(0.82em, 12px);
  height: 100%;
}
.difficulty-badge--expert-plus {
  color: hsl(var(--hsl-orange-1));
}
.difficulty-badge__icon {
  font-size: 0.6em;
  margin-right: 0.4em;
}
.difficulty-badge__rating {
  min-width: 2.26em;
}
.discrete-bar {
  display: flex;
  flex: 1;
  gap: 5px;
  min-height: 3px;
}
.discrete-bar--contents {
  display: contents;
}
.discrete-bar__item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-f1));
  flex: 1;
  border-radius: 10000px;
}
.discrete-bar__item--on {
  background: hsl(var(--hsl-lime-3));
  color: hsl(var(--hsl-b6));
}
.download-page {
  --content-margin: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
@media (max-width: 479px) {
  .download-page {
    --content-margin: 20px;
  }
}
.download-page__banner {
  background-image: url(/assets/images/download-v2.e03eb088.jpg);
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  min-height: 420px;
  border-radius: 0 0 20px 20px;
}
@media (min-resolution: 1.5dppx) {
  .download-page__banner {
    background-image: url(/assets/images/download-v2@2x.709e6b03.jpg);
  }
}
.download-page__banner-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: var(--content-margin);
  padding: 10px;
  max-width: calc(420px + 20px);
  background: hsla(var(--hsl-b5), 0.5);
}
.download-page__banner-content--main {
  align-items: flex-end;
  gap: 10px;
  border-radius: 20px;
}
.download-page__banner-content--tail {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.download-page__banner-tail {
  display: flex;
  justify-content: flex-end;
}
.download-page__example {
  background: hsl(var(--hsl-b3));
  border-radius: 20px;
  height: 120px;
  max-width: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}
.download-page__extra-link {
  color: #fff;
  font-size: 14px;
}
.download-page__extra-link:hover,
.download-page__extra-link:focus,
.download-page__extra-link:active {
  color: #fff;
}
.download-page__extra-link--separator::before {
  content: "•";
}
.download-page__extra-links {
  display: flex;
  flex: none;
  justify-content: center;
  gap: 10px;
}
.download-page__guide {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: hsl(var(--hsl-b4));
  border-radius: 20px;
  margin: 0 10px;
}
.download-page__guide-content {
  padding: 20px;
}
.download-page__header {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  background: hsl(var(--hsl-b4));
  border-radius: 0 0 20px 20px;
}
.download-page__help {
  padding-top: 20px;
  font-size: 12px;
}
.download-page__tagline {
  display: flex;
  flex-direction: column;
  font-size: 24px;
  line-height: 1;
  padding: 40px 0;
}
@media (min-width: 900px) {
  .download-page__tagline {
    padding: 40px;
  }
}
.download-page__tagline-1 {
  margin-right: 110px;
}
.download-page__tagline-2 {
  font-size: 50px;
  align-self: flex-end;
}
.download-page__video {
  background: hsl(var(--hsl-b6));
  border-radius: 20px;
}
.download-page__step {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.download-page__steps {
  display: grid;
  grid-auto-flow: row;
  gap: 40px;
}
@media (min-width: 900px) {
  .download-page__steps {
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    justify-content: space-between;
  }
}
.download-page__step-number {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 24px;
  border-radius: 24px;
  border: solid currentColor 2px;
  font-weight: 700;
  padding-bottom: 2px;
}
.download-page__text {
  font-size: 12px;
}
.download-page__text--description {
  color: hsl(var(--hsl-c2));
}
.download-page__text--download-stable {
  align-self: center;
  text-align: center;
  margin-bottom: 5px;
}
.download-page__text--title {
  font-size: 18px;
}
/**
 * Components:
 * - lib/utils/estimate-min-lines.ts (main)
 * - less/bem/estimate-min-lines.less (styling)
 * - views/master.blade.php (placeholder)
 */
.estimate-min-lines {
  position: absolute;
  height: 0;
  width: 0;
  overflow: hidden;
  transform: translateZ(0);
}
.estimate-min-lines__content {
  width: 1000px;
}
.estimate-min-lines__content img {
  height: 1em !important;
}
.fake-bold::after,
.fake-bold::before {
  content: attr(data-content);
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  display: block;
  height: 0;
}
.fake-bold::before {
  font-weight: normal;
}
.fancy-graph__circle {
  fill: hsl(var(--hsl-h1));
  pointer-events: none;
}
.fancy-graph__hover-area {
  fill: none;
  pointer-events: all;
}
.fancy-graph__line {
  fill: none;
  stroke: hsl(var(--hsl-h1));
  stroke-width: 1px;
}
.fileupload {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 300%;
  height: 300%;
  cursor: pointer;
}
.fileupload[disabled] {
  cursor: not-allowed;
}
.fixed-bar {
  backface-visibility: hidden;
  position: fixed;
  width: 100%;
  max-height: 100%;
  z-index: 502;
  display: flex;
  flex-direction: column;
  bottom: 0;
}
.flag-country {
  --height: 1em;
  --width-height-ratio: calc(100 / 72);
  height: var(--height);
  width: calc(var(--height) * var(--width-height-ratio));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3px;
  position: relative;
  filter: saturate(1.1);
  display: block;
  transform: translateZ(0);
}
.flag-country::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: inherit;
  border-radius: inherit;
  filter: contrast(0) brightness(2);
  opacity: 0.25;
  content: "";
}
.flag-country--flat {
  box-shadow: none;
}
.flag-country--medium {
  --height: 20px;
}
.flag-country--small {
  --height: 13px;
}
.flag-country--wiki {
  display: inline-block;
  border-radius: unset;
  bottom: -0.1em;
}
.flag-team {
  height: 1em;
  width: 2em;
  display: inline-block;
  background-color: #333;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: min(0.25em, 6px);
  flex: none;
}
.flag-team--full {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border-radius: 0;
}
.floating-toolbar {
  position: fixed;
  bottom: 40px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  z-index: 500;
}
@media (max-width: 899px) {
  .floating-toolbar {
    bottom: 10px;
    right: 10px;
  }
}
.floating-toolbar-button {
  --circle-size: 50px;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  width: var(--circle-size);
  height: var(--circle-size);
  font-size: calc(var(--circle-size) * 0.48);
  background-color: hsl(var(--hsl-b5));
}
@media (max-width: 899px) {
  .floating-toolbar-button {
    --circle-size: 40px;
  }
}
.floating-toolbar-button--updates::before {
  border-radius: 50%;
  width: calc(var(--circle-size) * 0.2);
  height: calc(var(--circle-size) * 0.2);
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background: hsl(var(--hsl-h1));
}
.follow-mapper {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.follow-mapper__avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  flex: none;
}
.follows-table {
  width: 100%;
  margin: -2px -5px;
  font-size: 14px;
}
.follows-table--mapping {
  margin: -5px 0;
}
@media (min-width: 480px) {
  .follows-table--mapping {
    margin: -2px 0;
  }
}
.follows-table__data {
  padding: 2px 5px;
}
.follows-table__data--beatmapset {
  grid-area: beatmapset;
  min-width: 0;
}
.follows-table__data--toggle {
  grid-area: toggle;
}
.follows-table__data--user {
  grid-area: user;
}
.follows-table--mapping .follows-table__data {
  padding: 0;
  display: flex;
}
.follows-table--mapping .follows-table__row {
  display: grid;
  grid-template: "user toggle" "beatmapset beatmapset" / 1fr auto;
  gap: 5px;
  padding: 5px 0;
}
@media (min-width: 480px) {
  .follows-table--mapping .follows-table__row {
    gap: 0 5px;
    padding: 2px 0;
    grid-template: "user beatmapset toggle" / 200px 1fr auto;
  }
}
.footer {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-f1));
  font-size: 10px;
  display: flex;
  flex-direction: column;
  flex: none;
  padding: 10px 0 5px;
}
.footer--landing {
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 20px 0;
}
.footer__row {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer__link {
  text-decoration: none;
  font-weight: bold;
  color: white;
  margin: 0 10px;
}
.footer__link:hover,
.footer__link:focus,
.footer__link:active {
  text-decoration: none;
}
@media (max-width: 899px) {
  .footer__link {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
.footer__link:hover,
.footer__link:focus,
.footer__link:active {
  color: hsl(var(--hsl-l1));
}
.footer--landing .footer__link {
  font-weight: inherit;
}
@media (max-width: 899px) {
  .u-chat .footer {
    display: none;
  }
}
.form {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}
.form__input-group {
  flex: 0 1 100%;
}
.form__button {
  flex: 1 0 105px;
  margin-top: 5px;
}
@media (min-width: 900px) {
  .form__button {
    margin-left: 10px;
    margin-top: 0;
  }
}
.form-select {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-c1));
  text-transform: initial;
  font-weight: initial;
  line-height: normal;
  margin: 0;
  min-width: 0;
  display: flex;
  align-items: baseline;
  font-size: 16px;
  position: relative;
}
@media (min-width: 900px) {
  .form-select {
    font-size: inherit;
  }
}
.form-select::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  content: "\f078";
  padding: 0 10px;
  position: absolute;
  right: 0;
  height: 100%;
  background-color: inherit;
  border-radius: inherit;
  pointer-events: none;
}
.form-select::after.fa-pull-left {
  margin-right: 0.3em;
}
.form-select::after.fa-pull-right {
  margin-left: 0.3em;
}
.form-select--full {
  flex: 1;
}
.form-select--group-history {
  background-color: inherit;
  font-size: 16px;
  margin: -5px;
}
.form-select--simple-form {
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
}
.form-select__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px calc(20px + 1em) 5px 5px;
  flex: 1;
  background-color: inherit;
  border-radius: inherit;
  max-width: 100%;
  text-overflow: ellipsis;
}
.form-select--group-history .form-select__input {
  width: 100%;
}
.form-text {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  padding: 5px;
  width: 100%;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-c1));
  font-size: 16px;
}
@media (min-width: 900px) {
  .form-text {
    font-size: 12px;
  }
}
.form-text--username-change {
  padding: 10px;
  margin: 5px 0;
}
@media (min-width: 900px) {
  .form-text--username-change {
    font-size: 14px;
  }
}
.forum-cover-admin-item {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding: 10px;
  margin-bottom: 10px;
  background-color: hsl(var(--hsl-b4));
  color: white;
}
.forum-cover-admin-item__cover-image {
  width: 100%;
  padding-bottom: 14.81481481%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.forum-cover-edit {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 5px;
  max-width: 80vh;
  width: 350px;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b2));
  font-size: 12px;
  z-index: 101;
  text-align: center;
}
.forum-cover-edit__buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.forum-cover-edit__cover {
  background-image: url(/assets/images/forum-cover-category-osu.e4db1419.jpg);
  width: 100%;
  border-radius: 6px;
  height: 0;
  padding-bottom: 24.16666667%;
  background-size: cover;
}
@media (min-resolution: 1.5dppx) {
  .forum-cover-edit__cover {
    background-image: url(/assets/images/forum-cover-category-osu@2x.266ab03e.jpg);
  }
}
.forum-cover-edit__info {
  padding: 0 20px 15px;
  margin: 0;
}
.forum-cover-edit__overlay {
  border-radius: 6px;
  background-color: hsla(var(--hsl-b6), 0.5);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 120ms;
}
.forum-cover-edit__overlay[data-state="hidden"] {
  opacity: 0;
  pointer-events: none;
}
.forum-cover-edit__overlay[data-state="hover"] {
  background-color: hsla(var(--hsl-b6), 0.8);
}
.forum-issue-icon {
  background-image: url(/assets/images/button.16de7c2c.svg);
  background-size: 200px;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  --platform-tag: hsl(var(--hsl-darkorange-1));
  margin: 0 5px;
}
.forum-issue-icon--added {
  background-color: #cc5288;
}
.forum-issue-icon--assigned {
  background-color: #6644cc;
}
.forum-issue-icon--confirmed {
  background-color: #44aadd;
}
.forum-issue-icon--duplicate {
  background-color: #eeaa00;
}
.forum-issue-icon--invalid {
  background-color: #8e0b14;
}
.forum-issue-icon--resolved {
  background-color: #668800;
}
.forum-issue-icon--osulazer {
  background-color: var(--platform-tag);
}
.forum-issue-icon--osustable {
  background-color: var(--platform-tag);
}
.forum-issue-icon--osuweb {
  background-color: var(--platform-tag);
}
.forum-item {
  padding: 5px 3px;
  margin: 2px -8px;
  display: flex;
  transition: all 120ms;
  border-radius: 4px;
  background-color: var(--forum-item-background-color);
  font-size: 12px;
  position: relative;
  --latest-post-colour: hsl(var(--hsl-c2));
}
.forum-item:hover {
  background-color: var(--forum-item-background-color-hover);
}
@media (min-width: 900px) {
  .forum-item {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.forum-item--header {
  background: initial;
  padding-top: 0;
  padding-bottom: 0;
  --latest-post-colour: inherit;
}
.forum-item--header:hover {
  background: initial;
}
.forum-item__arrow {
  font-size: 14px;
  margin: 5px;
  align-self: center;
  flex: none;
}
@media (min-width: 900px) {
  .forum-item__arrow {
    display: none;
  }
}
.forum-item__description {
  color: hsl(var(--hsl-c2));
}
.forum-item__details {
  margin: 5px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media (min-width: 900px) {
  .forum-item__details {
    will-change: transform;
    transform: all 120ms;
  }
}
.forum-item__latest-post {
  margin: 5px;
  flex-direction: column;
  justify-content: center;
  color: var(--latest-post-colour);
  flex: none;
  width: 300px;
  display: none;
}
@media (min-width: 900px) {
  .forum-item__latest-post {
    display: flex;
  }
}
.forum-item__name {
  font-size: 18px;
  font-weight: 400;
  color: hsl(var(--hsl-c1));
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.forum-item__name:hover,
.forum-item__name:focus,
.forum-item__name:active {
  color: hsl(var(--hsl-c1));
}
.forum-item__subforum {
  white-space: nowrap;
  margin: 2px 10px;
}
.forum-item__subforum-icon {
  margin-right: 2px;
}
.forum-item__subforums {
  list-style: none;
  padding: 0;
  margin: 8px -10px -2px;
  flex-wrap: wrap;
  display: none;
}
@media (min-width: 900px) {
  .forum-item__subforums {
    display: flex;
  }
}
.forum-item-stripe {
  --width: 7px;
  --width-desktop: 9px;
  --arrow-opacity: 0;
  position: absolute;
  inset: 0 auto 0 0;
  padding-right: 4px;
  width: var(--width);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 120ms;
  background-color: inherit;
}
.forum-item-stripe::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 4px;
  border-radius: 4px 0 0 4px;
  background-color: inherit;
}
.forum-item-stripe::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 4px 0 0 4px;
  background-color: var(--forum-bg);
}
.forum-item:hover .forum-item-stripe,
.forum-topic-entry:hover .forum-item-stripe {
  --width-desktop: 24px;
  --arrow-opacity: 1;
}
@media (min-width: 900px) {
  .forum-item-stripe {
    width: var(--width-desktop);
  }
}
.forum-item-stripe__arrow {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  color: var(--forum-item-background-color-hover);
  position: relative;
  opacity: var(--arrow-opacity);
  display: none;
}
.forum-item-stripe__arrow.fa-pull-left {
  margin-right: 0.3em;
}
.forum-item-stripe__arrow.fa-pull-right {
  margin-left: 0.3em;
}
.forum-item-stripe__arrow::before {
  content: "\f105";
}
@media (min-width: 900px) {
  .forum-item-stripe__arrow {
    display: block;
  }
}
.forum-list {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .forum-list {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.forum-list--compact {
  padding: 0;
}
@media (min-width: 900px) {
  .forum-list--compact {
    padding: 0;
  }
}
.forum-list__button {
  flex: none;
  margin: 2px 5px;
}
.forum-list__buttons {
  flex: wrap;
  margin: -2px -5px;
  display: none;
}
@media (min-width: 900px) {
  .forum-list__buttons {
    display: flex;
  }
}
.forum-list__menu {
  margin-left: auto;
  position: relative;
}
@media (min-width: 900px) {
  .forum-list__menu {
    display: none;
  }
}
.forum-list__menu-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  background-color: hsl(var(--hsl-blue-2));
}
.forum-list__header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.forum-list__items {
  margin-top: 10px;
  list-style: none;
  padding: 0;
}
.forum-poll {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-c1));
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .forum-poll {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.forum-poll__actions {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 120ms ease-in-out;
  right: 30px;
  bottom: 20px;
}
@media (min-width: 900px) {
  .forum-poll__actions {
    justify-content: flex-start;
    width: 0;
    right: 0;
    top: 20px;
    opacity: 0;
  }
  .forum-poll:hover .forum-poll__actions {
    opacity: 1;
  }
}
.forum-poll__button {
  margin: 5px;
}
.forum-poll__detail {
  margin: 2px 0;
}
.forum-poll__detail--sub {
  font-size: 10px;
  color: hsl(var(--hsl-c2));
}
.forum-poll__row {
  margin: 5px 0;
  display: flex;
  flex-direction: column;
}
.forum-poll__row--buttons {
  flex-flow: row wrap;
  margin: 0 -5px;
}
.forum-poll__row--details {
  margin-top: 3px;
  margin-bottom: 3px;
}
.forum-poll__row--title {
  margin-bottom: 10px;
}
.forum-poll__title {
  color: inherit;
  font-style: normal;
  font-size: 18px;
  margin: 0;
}
.forum-poll__warning {
  color: hsl(var(--hsl-c2));
}
.forum-poll-container__content {
  display: none;
}
.forum-poll-container[data-edit="1"] .forum-poll-container__content--edit {
  display: block;
}
.forum-poll-container[data-page="form"][data-edit="0"] .forum-poll-container__content--form {
  display: block;
}
.forum-poll-container[data-page="results"][data-edit="0"] .forum-poll-container__content--results {
  display: block;
}
.forum-poll-option {
  display: flex;
  margin: 5px 0;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  text-transform: none;
  font-weight: normal;
  cursor: pointer;
  font-size: 14px;
}
.forum-poll-option__input {
  margin-right: 10px;
}
.forum-poll-row {
  margin: 3px 0;
  display: flex;
  flex-direction: column;
}
.forum-poll-row__row {
  margin: 2px 0;
  display: flex;
  flex-wrap: wrap;
}
.forum-poll-row__text {
  flex: 1;
}
.forum-poll-row__result {
  flex: none;
  min-width: 60px;
  padding-right: 5px;
}
@media (min-width: 900px) {
  .forum-poll-row__result {
    text-align: right;
    padding-right: 0;
    padding-left: 5px;
  }
}
.forum-post {
  border-bottom: 1px solid hsl(var(--hsl-b1));
  padding: 0;
  display: flex;
}
.forum-post.js-forum-post--hidden {
  opacity: 0.5;
}
.forum-post.js-forum-post--highlighted {
  background-color: hsl(var(--hsl-b3));
}
.forum-post__actions {
  display: none;
  position: absolute;
  transition: opacity 120ms ease-in-out;
  will-change: opacity;
  right: 10px;
  top: 10px;
}
@media (min-width: 900px) {
  .forum-post__actions {
    right: 50px;
    display: flex;
    gap: 5px;
    opacity: 0;
  }
}
@media (min-width: 900px) {
  .forum-post:hover .forum-post__actions {
    opacity: 1;
  }
}
.forum-post__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
}
.forum-post__content {
  font-size: 11px;
  flex: none;
  padding: 0 10px 20px 20px;
}
@media (min-width: 900px) {
  .forum-post__content {
    font-size: 12px;
    padding-right: 50px;
  }
}
.forum-post__content--blocked {
  padding-top: 20px;
  font-size: 14px;
}
.forum-post__content--footer {
  color: hsl(var(--hsl-c2));
}
.forum-post__content--header {
  padding-top: 10px;
  display: flex;
  align-items: baseline;
  font-size: 10px;
}
@media (min-width: 900px) {
  .forum-post__content--header {
    padding-top: 20px;
    font-size: 12px;
  }
}
.forum-post__content--main {
  flex: 1 0 auto;
}
.forum-post__content--signature {
  border-top: 1px solid hsl(var(--hsl-b1));
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  padding: 10px 0 0;
  margin: 0 10px 20px 20px;
  color: hsl(var(--hsl-c2));
  display: none;
  max-height: 170px;
  overflow: hidden;
}
@media (min-width: 900px) {
  .forum-post__content--signature {
    display: block;
    margin-right: 50px;
  }
}
.forum-post__header-content {
  display: flex;
  flex-direction: column;
  margin: -5px -2px;
}
@media (min-width: 900px) {
  .forum-post__header-content {
    flex-direction: row;
  }
}
.forum-post__header-content-item {
  margin: 5px 2px;
}
.forum-post__menu {
  margin-left: auto;
  position: relative;
}
@media (min-width: 900px) {
  .forum-post__menu {
    display: none;
  }
}
.forum-post__menu-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 5px;
}
.forum-post__user {
  font-weight: 600;
  font-size: 14px;
}
@media (min-width: 900px) {
  .forum-post__user {
    display: none;
  }
}
.forum-post-content {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  word-wrap: break-word;
  color: hsl(var(--hsl-c1));
  font-size: 12px;
}
@media (min-width: 900px) {
  .forum-post-content {
    font-size: 14px;
  }
}
.forum-post-content--edit {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  resize: vertical;
  width: 100%;
  min-height: 150px;
}
@media (min-width: 900px) {
  .forum-post-content--edit {
    min-height: 300px;
  }
}
@media (min-width: 900px) {
  .forum-post-content--reply-preview {
    max-height: calc(100vh - 300px);
    min-height: 150px;
    overflow-y: auto;
  }
}
.forum-post-content[disabled] {
  opacity: 0.8;
}
.forum-post-edit-box {
  background-color: hsl(var(--hsl-b2));
  padding: 10px 10px 10px 10px;
  height: 100%;
  display: flex;
}
@media (min-width: 900px) {
  .forum-post-edit-box {
    padding-right: 50px;
  }
}
.forum-post-info {
  flex: none;
  background-color: hsl(var(--hsl-b5));
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px;
  text-align: center;
  width: 45px;
}
@media (min-width: 900px) {
  .forum-post-info {
    width: 180px;
    padding: 10px;
  }
}
.forum-post-info__row {
  margin: 5px 0;
  display: none;
}
@media (min-width: 900px) {
  .forum-post-info__row {
    display: block;
  }
}
.forum-post-info__row--avatar {
  width: 100%;
  display: block;
}
@media (min-width: 900px) {
  .forum-post-info__row--avatar {
    padding: 0 40px;
  }
}
.forum-post-info__row--flag {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 20px;
}
.forum-post-info__row--group-badge {
  width: 100%;
  display: block;
}
.forum-post-info__row--group-badge-playmodes {
  display: none;
}
@media (max-width: 899px) {
  .forum-post-info__row--group-badge-playmodes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
  }
}
.forum-post-info__row--posts {
  font-size: 12px;
}
.forum-post-info__row--registration {
  font-size: 12px;
}
.forum-post-info__row--registration strong {
  font-weight: 600;
}
.forum-post-info__row--support-level {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: hsl(var(--hsl-pink-1));
  font-size: 6px;
  padding: 2px 5px;
  border-radius: 10000px;
  width: 100%;
}
@media (min-width: 900px) {
  .forum-post-info__row--support-level {
    font-size: 8px;
    min-width: 50px;
    width: auto;
  }
}
.forum-post-info__row--title {
  font-size: 11px;
  color: hsl(var(--hsl-c1));
}
.forum-post-info__row--title:hover,
.forum-post-info__row--title:focus,
.forum-post-info__row--title:active {
  color: hsl(var(--hsl-c1));
}
.forum-post-info__row--username {
  word-break: break-word;
  font-size: 16px;
  color: hsl(var(--hsl-c1));
}
.forum-post-info__row--username:hover,
.forum-post-info__row--username:focus,
.forum-post-info__row--username:active {
  color: hsl(var(--hsl-c1));
}
.forum-post-preview {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .forum-post-preview {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.forum-post-preview__title {
  margin-bottom: 10px;
}
.forum-title {
  flex: 1;
}
.forum-title::before {
  content: "";
  position: absolute;
  height: 80%;
  width: 3px;
  background-color: hsl(var(--hsl-p));
  top: 15%;
  left: -10px;
  border-radius: 10000px;
  display: none;
}
@media (min-width: 900px) {
  .forum-title::before {
    display: block;
  }
}
.forum-title--forum {
  margin: 10px;
}
@media (min-width: 900px) {
  .forum-title--forum {
    margin: 20px 50px;
  }
}
.forum-title__description {
  color: hsl(var(--hsl-c2));
  margin: 0;
  padding: 0;
  font-size: 12px;
}
@media (min-width: 900px) {
  .forum-title__description {
    font-size: 14px;
  }
}
.forum-title__name {
  color: hsl(var(--hsl-c1));
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 18px;
}
@media (min-width: 900px) {
  .forum-title__name {
    font-size: 30px;
  }
}
.forum-topic-entry {
  font-size: 12px;
  display: flex;
  margin: 2px -8px;
  background-color: var(--forum-item-background-color);
  border-radius: 4px;
  padding: 7px 0 7px 8px;
  color: hsl(var(--hsl-c2));
  transition: all 120ms;
  position: relative;
}
.forum-topic-entry:hover {
  background-color: var(--forum-item-background-color-hover);
}
@media (min-width: 900px) {
  .forum-topic-entry {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
  }
}
.forum-topic-entry--old {
  opacity: 0.7;
}
.forum-topic-entry--deleted {
  --forum-item-background-color: hsl(var(--hsl-red-4));
  --forum-item-background-color-hover: hsl(var(--hsl-red-3));
  opacity: 0.5;
}
.forum-topic-entry__col {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: none;
}
.forum-topic-entry__col--buttons {
  margin: -2px 18px -2px -2px;
}
.forum-topic-entry__col--icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: center;
  position: relative;
}
.forum-topic-entry__col--last-link {
  text-decoration: none;
  font-size: 14px;
  width: 30px;
}
.forum-topic-entry__col--last-link:hover,
.forum-topic-entry__col--last-link:focus,
.forum-topic-entry__col--last-link:active {
  text-decoration: none;
}
.forum-topic-entry__col--main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: normal;
  word-break: break-word;
  min-width: 0;
}
@media (min-width: 900px) {
  .forum-topic-entry__col--main {
    flex-direction: row;
    align-items: center;
  }
}
.forum-topic-entry__content {
  flex: none;
  padding: 0 10px;
}
.forum-topic-entry__content--counts {
  min-width: 150px;
  white-space: nowrap;
}
.forum-topic-entry__content--left {
  flex: 1;
  min-width: 0;
}
.forum-topic-entry__content--right {
  margin-top: 10px;
  width: 100%;
}
@media (min-width: 900px) {
  .forum-topic-entry__content--right {
    margin-top: 0;
    width: 200px;
  }
}
.forum-topic-entry__count {
  font-weight: 600;
}
.forum-topic-entry__detail + .forum-topic-entry__detail {
  padding-left: 10px;
}
.forum-topic-entry__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 46px;
  height: 36px;
  border-radius: 10000px;
  font-size: 14px;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-c1));
}
.forum-topic-entry__icon:hover,
.forum-topic-entry__icon:focus,
.forum-topic-entry__icon:active {
  color: hsl(var(--hsl-c1));
  text-decoration: none;
}
@media (min-width: 900px) {
  .forum-topic-entry__icon {
    align-self: center;
  }
}
.forum-topic-entry__icon--small {
  font-size: 12px;
}
.forum-topic-entry__icon--unread {
  border: 2px solid var(--forum-bg);
}
.forum-topic-entry__issue-icons {
  flex: none;
  display: flex;
  padding: 5px 5px 0;
  order: 1;
}
@media (min-width: 900px) {
  .forum-topic-entry__issue-icons {
    align-self: center;
    order: 0;
    padding-top: 0;
  }
}
.forum-topic-entry__lock {
  color: hsl(var(--hsl-c2));
  font-size: 10px;
  margin-top: 5px;
}
@media (min-width: 900px) {
  .forum-topic-entry__lock {
    position: absolute;
    margin-top: 0;
    top: 0;
    right: 100%;
    margin-right: 5px;
  }
}
.forum-topic-entry__replied {
  --diameter: 6px;
  position: absolute;
  width: var(--diameter);
  height: var(--diameter);
  border-radius: 50%;
  background-color: var(--forum-bg);
  top: calc(100% + 2px);
  right: calc(50% - var(--diameter) / 2);
}
@media (min-width: 900px) {
  .forum-topic-entry__replied {
    top: calc(50% - var(--diameter) / 2);
    right: calc(100% + 2px);
  }
}
.forum-topic-entry__title {
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  font-size: 14px;
  color: hsl(var(--hsl-c1));
  word-wrap: break-word;
}
.forum-topic-entry__title:hover,
.forum-topic-entry__title:focus,
.forum-topic-entry__title:active {
  color: hsl(var(--hsl-c1));
}
.forum-topic-feature-vote {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  line-height: normal;
  background-color: hsl(var(--hsl-b2));
}
@media (min-width: 900px) {
  .forum-topic-feature-vote {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.forum-topic-feature-vote__button {
  margin: 5px;
}
.forum-topic-feature-vote__info {
  font-size: 14px;
  margin-bottom: 20px;
}
.forum-topic-feature-vote__remaining {
  font-size: 14px;
}
.forum-topic-feature-vote__star {
  color: #ffdd55;
  opacity: 0.6;
  margin-right: -0.9em;
}
.forum-topic-feature-vote__star:last-child {
  color: #ffcc22;
  opacity: 1;
  margin-right: 0;
}
.forum-topic-feature-vote__votes {
  text-align: center;
  margin: 5px 0.9em 5px 0;
}
.forum-topic-feature-vote__votes--small {
  font-size: 0.8em;
}
.forum-topic-floating-header {
  font-style: normal;
  font-size: 15px;
  color: #fff;
  flex: none;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
.forum-topic-floating-header__title-link {
  color: #fff;
  text-decoration: none;
}
.forum-topic-floating-header__title-link:hover,
.forum-topic-floating-header__title-link:focus,
.forum-topic-floating-header__title-link:active {
  color: #fff;
}
.forum-topic-floating-header__title-link:hover,
.forum-topic-floating-header__title-link:focus,
.forum-topic-floating-header__title-link:active {
  text-decoration: none;
}
@media (min-width: 900px) {
  .forum-topic-header-padding {
    margin-top: 51px;
  }
}
.forum-topic-logs-table__body {
  font-size: 14px;
}
.forum-topic-logs-table__col {
  white-space: nowrap;
  padding-right: 40px;
}
.forum-topic-logs-table__col--action {
  width: 100%;
}
.forum-topic-logs-table__col--date {
  color: hsl(var(--hsl-f1));
}
.forum-topic-logs-table__header {
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 5px;
  border-bottom: 2px solid hsl(var(--hsl-c1));
}
.forum-topic-logs-table__log-data {
  font-size: 11px;
  color: hsl(var(--hsl-f1));
}
.forum-topic-logs-table__row {
  height: 50px;
  padding-bottom: 2px;
  border-top: 2px solid hsl(var(--hsl-b4));
}
.forum-topic-nav {
  width: 100%;
  background-color: hsl(var(--hsl-d4));
  position: relative;
  height: var(--main-height);
  --main-height: 40px;
}
@media (min-width: 900px) {
  .forum-topic-nav {
    --main-height: 50px;
  }
}
.forum-topic-nav__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--main-height);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 2px;
}
@media (min-width: 900px) {
  .forum-topic-nav__content {
    padding: 0 5px;
  }
}
.forum-topic-nav__counter {
  width: 40px;
}
@media (min-width: 900px) {
  .forum-topic-nav__counter {
    width: 50px;
  }
}
.forum-topic-nav__counter--input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff;
  display: none;
  border: 0;
}
.forum-topic-nav__counter--left {
  text-align: right;
}
.forum-topic-nav__counter--middle {
  width: auto;
  text-align: center;
  margin: 0 10px;
}
.forum-topic-nav__counter-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}
.forum-topic-nav__counter-container {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 2px solid transparent;
  border-radius: 10000px;
  position: relative;
  background-color: #111;
  color: hsl(var(--hsl-c1));
  text-decoration: none;
  font-size: 12px;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .forum-topic-nav__counter-container {
    font-size: 16px;
    margin: 0 3px;
  }
}
.forum-topic-nav__counter-container.js-forum-topic-post-jump--container-focus {
  border-color: #cc6600;
}
.forum-topic-nav__group {
  display: flex;
  flex: 1;
}
.forum-topic-nav__group--desktop {
  display: none;
}
@media (min-width: 900px) {
  .forum-topic-nav__group--desktop {
    display: flex;
  }
}
@media (min-width: 900px) {
  .forum-topic-nav__group--main {
    flex: none;
  }
}
.forum-topic-nav__group--mobile {
  flex: none;
}
@media (min-width: 900px) {
  .forum-topic-nav__group--mobile {
    display: none;
  }
}
.forum-topic-nav__group--right {
  justify-content: flex-end;
}
[data-topic-lock="0"] .forum-topic-nav__lock-or-reply--lock {
  display: none;
}
[data-topic-lock="1"] .forum-topic-nav__lock-or-reply--reply {
  display: none;
}
.forum-topic-nav__mobile-float {
  position: absolute;
  bottom: 100%;
  margin-bottom: 15px;
}
@media (min-width: 900px) {
  .forum-topic-nav__mobile-float {
    display: none;
  }
}
.forum-topic-nav__mobile-float--right {
  right: 2px;
}
.forum-topic-nav__seek-bar {
  position: absolute;
  left: 0;
  bottom: 100%;
  transition: width 500ms ease-out, height 120ms ease-out;
  cursor: pointer;
  backface-visibility: hidden;
  height: 10px;
  background-color: var(--forum-bg);
}
@media (min-width: 900px) {
  .forum-topic-nav__seek-bar {
    height: 5px;
  }
}
.forum-topic-nav__seek-bar::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  height: 10px;
  width: 100%;
  background-color: transparent;
}
@media (min-width: 900px) {
  .forum-topic-nav:hover .forum-topic-nav__seek-bar {
    height: 15px;
  }
}
.forum-topic-nav__seek-bar--all {
  width: 100%;
  opacity: 0.5;
}
@media (min-width: 900px) {
  .forum-topic-nav__seek-bar--all {
    opacity: 0.01;
  }
}
@media (min-width: 900px) {
  .forum-topic-nav__seek-bar--all::before {
    display: none;
  }
}
.forum-topic-nav:hover .forum-topic-nav__seek-bar--all {
  opacity: 0.5;
}
.forum-topic-nav__seek-bar-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--main-height);
}
.forum-topic-nav__seek-tooltip {
  position: absolute;
  bottom: calc(var(--main-height) + 15px + 10px);
  display: flex;
  width: 0;
  justify-content: center;
  will-change: opacity, transform;
}
.forum-topic-nav__seek-tooltip-number {
  border-radius: 4px;
  background-color: #1a1a1a;
  padding: 5px 20px;
  color: #fff;
  flex: none;
}
.forum-topic-nav__seek-tooltip-number::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 10px 8px 0 8px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #1a1a1a;
}
.forum-topic-title {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: hsl(var(--hsl-b4));
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .forum-topic-title {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@media (min-width: 900px) {
  .forum-topic-title {
    flex-direction: row;
  }
}
.forum-topic-title__item {
  margin: 5px;
}
.forum-topic-title__item--counters {
  flex: none;
}
.forum-topic-title__item--main {
  flex: 1;
}
.forum-topic-title__title {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 24px;
  font-style: normal;
  color: hsl(var(--hsl-c1));
  border-bottom: 1px solid transparent;
  line-height: normal;
  overflow-wrap: anywhere;
}
.forum-topic-title__title-container[data-title-edit="1"] .forum-topic-title__title--display {
  opacity: 0;
}
.forum-topic-title__title--edit {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  border-bottom-color: hsl(var(--hsl-d1));
}
.forum-topic-title__title-container[data-title-edit="1"] .forum-topic-title__title--edit {
  display: block;
}
.forum-topic-title__title-container {
  margin-bottom: 5px;
  position: relative;
}
.forum-topic-title__post-time {
  color: hsl(var(--hsl-c2));
  font-size: 12px;
}
.forum-topic-toolbar {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  justify-content: flex-end;
  background-color: hsl(var(--hsl-b3));
}
@media (min-width: 900px) {
  .forum-topic-toolbar {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.forum-topic-toolbar__item {
  margin: 5px;
  display: flex;
}
.forum-topic-toolbar[data-title-edit="1"] .forum-topic-toolbar__item {
  display: none;
}
.forum-topic-toolbar__item--title-edit {
  display: none;
}
.forum-topic-toolbar[data-title-edit="1"] .forum-topic-toolbar__item--title-edit {
  display: flex;
}
.forum-user-badge {
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-lime-2));
  font-size: 8px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 10000px;
  text-transform: uppercase;
}
@media (min-width: 900px) {
  .forum-user-badge {
    font-size: 10px;
  }
}
.forum-user-icon {
  background-color: #2299bb;
  height: 0.6em;
  width: 0.6em;
  display: inline-block;
  border-radius: 10000px;
  margin-right: 2px;
}
.gallery-previews {
  padding: 0;
  margin: 0;
  position: relative;
  height: 390px;
}
.gallery-previews__item {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease-in-out;
  display: block;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.gallery-previews__item.js-gallery {
  cursor: zoom-in;
  will-change: opacity;
}
.gallery-thumbnails {
  margin: 5px -5px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.gallery-thumbnails__item {
  transition: all 0.5s ease-in-out;
  margin: 5px;
  display: inline-block;
  width: 50px;
  height: 50px;
  flex: none;
  background-size: cover;
  background-position: center;
  opacity: 0.5;
}
.gallery-thumbnails__item:hover,
.gallery-thumbnails__item.js-gallery-thumbnail--active {
  opacity: 1;
}
.game-mode {
  line-height: normal;
  font-size: 14px;
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 10px 20px;
  top: 0;
  right: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 900px) {
  .game-mode {
    right: 50px;
  }
}
.game-mode--beatmapset {
  right: 10px;
}
@media (min-width: 900px) {
  .game-mode--beatmapset {
    right: 40px;
  }
}
.game-mode-link {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  text-decoration: none;
  color: hsl(var(--hsl-h1));
  font-size: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
.game-mode-link:hover,
.game-mode-link:focus,
.game-mode-link:active {
  text-decoration: none;
}
.game-mode-link:hover,
.game-mode-link:focus,
.game-mode-link:active {
  color: #fff;
}
.game-mode-link--active {
  font-weight: bold;
  color: #fff;
}
.game-mode-link--disabled {
  color: hsl(var(--hsl-f1));
  cursor: default;
}
.game-mode-link--disabled:hover,
.game-mode-link--disabled:focus,
.game-mode-link--disabled:active {
  color: hsl(var(--hsl-f1));
}
.game-mode-link__badge {
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 0.6em;
  font-weight: bold;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-f1));
}
.game-mode-link__icon {
  font-size: 0.6em;
}
.github-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.github-user__name {
  font-size: 16px;
}
.grid-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 20px;
}
.grid-items--2 {
  gap: 2px;
}
.grid-items--fade-out {
  opacity: 0.5;
}
.grid-items--notification-banner-buttons {
  gap: 10px;
  justify-content: center;
}
.grid-items--ranking-filter {
  gap: 10px 20px;
  flex-direction: column;
}
@media (min-width: 900px) {
  .grid-items--ranking-filter {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.grid-items--ranking-info-bar {
  width: 100%;
  gap: 20px;
}
@media (min-width: 900px) {
  .grid-items--ranking-info-bar {
    align-items: flex-end;
  }
}
.grid-items__item--spotlight-user-filter {
  width: 100%;
}
@media (min-width: 900px) {
  .grid-items__item--spotlight-user-filter {
    width: auto;
    margin-left: auto;
  }
}
.group-history--events {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.group-history--none {
  font-size: 16px;
  margin: 0;
  text-align: center;
}
.group-history-event {
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 15px;
}
.group-history-event--group_add {
  --icon: "\f0c0";
  --message-weight: bold;
}
.group-history-event--group_remove {
  --icon: "\e073";
  --message-weight: bold;
}
.group-history-event--group_rename {
  --icon: "\f509";
  --message-weight: bold;
}
.group-history-event--user_add {
  --icon: "\f234";
  --message-weight: normal;
}
.group-history-event--user_add_playmodes {
  --icon: "\f507";
  --message-weight: normal;
}
.group-history-event--user_remove {
  --icon: "\f503";
  --message-weight: normal;
}
.group-history-event--user_remove_playmodes {
  --icon: "\f507";
  --message-weight: normal;
}
.group-history-event--user_set_default {
  --icon: "\f4fe";
  --message-weight: normal;
}
.group-history-event__icon {
  background-color: var(--group-colour, hsl(var(--hsl-b1)));
  border-radius: 10000px;
  color: hsl(var(--hsl-b6));
  line-height: 1;
  padding: 3px 6px;
}
.group-history-event__icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  text-align: center;
  width: 1.25em;
  content: var(--icon);
}
.group-history-event__icon::before.fa-pull-left {
  margin-right: 0.3em;
}
.group-history-event__icon::before.fa-pull-right {
  margin-left: 0.3em;
}
.group-history-event__info {
  align-items: flex-end;
  color: hsl(var(--hsl-f1));
  -moz-column-gap: 15px;
       column-gap: 15px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 12px;
}
@media (min-width: 900px) {
  .group-history-event__info {
    flex-direction: row-reverse;
  }
}
.group-history-event__message {
  flex-grow: 1;
  font-weight: var(--message-weight);
}
.group-history-search-form {
  --input-bg: hsl(var(--hsl-b5));
  --input-border-radius: 10px;
  background: hsl(var(--hsl-b4));
}
.group-history-search-form__content {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-top: 20px;
}
@media (min-width: 900px) {
  .group-history-search-form__content {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.group-history-search-form__content--buttons {
  background-color: hsl(var(--hsl-b3));
  display: flex;
  gap: 10px;
  justify-content: center;
  padding-bottom: 10px;
  padding-top: 10px;
}
.group-history-search-form__content--inputs {
  color-scheme: dark;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr) repeat(2, 180px);
}
@media (max-width: 899px) {
  .group-history-search-form__content--inputs {
    grid-template-columns: repeat(2, 1fr);
  }
}
.group-history-search-form__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 16px;
  width: 100%;
}
.group-history-search-form__label {
  color: var(--label-colour);
  padding-bottom: 5px;
}
.header-buttons {
  display: flex;
  margin: 0 -5px 0 auto;
}
.header-buttons__item {
  position: relative;
  margin: 5px;
  display: flex;
}
.header-nav-item-count {
  background: var(--header-nav-count-bg, hsl(var(--hsl-red-2)));
  padding: 0.21428571em 10px;
  font-size: 0.7em;
  border-radius: 6px;
  color: hsl(var(--hsl-c1));
  font-weight: normal;
}
.header-nav-mobile {
  width: 100%;
  font-size: 14px;
  position: relative;
}
@media (min-width: 900px) {
  .header-nav-mobile {
    display: none;
  }
}
.header-nav-mobile__menu {
  position: absolute;
  z-index: 101;
  background-color: hsl(var(--hsl-d5));
  top: 100%;
  right: 0;
  left: 0;
  list-style: none;
  display: grid;
  padding: 0;
  margin: 0 -10px;
}
.header-nav-mobile__toggle {
  text-decoration: none;
  color: #fff;
  padding: 10px 0;
  display: block;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  position: relative;
}
.header-nav-mobile__toggle:hover,
.header-nav-mobile__toggle:focus,
.header-nav-mobile__toggle:active {
  text-decoration: none;
}
.header-nav-mobile__toggle:hover,
.header-nav-mobile__toggle:focus,
.header-nav-mobile__toggle:active {
  color: #fff;
}
.header-nav-mobile__toggle::before {
  content: "";
  z-index: 102;
  width: 100%;
  height: 4px;
  background-color: hsl(var(--hsl-h1));
  bottom: -2px;
  left: 0;
  position: absolute;
  display: block;
  border-radius: 10000px;
}
.header-nav-mobile__toggle-icon {
  position: absolute;
  left: 100%;
  height: 100%;
  top: 0;
  align-items: center;
  display: flex;
  padding-left: 10px;
  font-size: 0.8em;
}
.js-click-menu--active > .header-nav-mobile__toggle-icon {
  transform: rotateX(0.5turn);
}
.header-nav-mobile__item {
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}
@media (min-width: 900px) {
  .header-nav-mobile__item {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.header-nav-mobile__item:hover,
.header-nav-mobile__item:focus,
.header-nav-mobile__item:active {
  text-decoration: none;
}
.header-nav-mobile__item:hover,
.header-nav-mobile__item:focus,
.header-nav-mobile__item:active {
  color: #fff;
}
.header-nav-mobile__item:hover,
.header-nav-mobile__item:focus,
.header-nav-mobile__item:active {
  background-color: hsl(var(--hsl-d3));
}
.header-nav-v4 {
  --header-nav-item-padding-y: 10px;
  list-style: none;
  display: none;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  position: relative;
}
@media (min-width: 900px) {
  .header-nav-v4 {
    --header-nav-item-padding-y: 15px;
    font-size: 14px;
    display: flex;
  }
}
.header-nav-v4--breadcrumb {
  display: flex;
}
.header-nav-v4--list {
  gap: 20px;
}
.header-nav-v4--list::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: hsl(var(--hsl-h1));
}
.header-nav-v4__item {
  display: flex;
  align-items: baseline;
}
.header-nav-v4--breadcrumb .header-nav-v4__item + .header-nav-v4__item::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  content: "\f105";
  padding-right: 10px;
}
.header-nav-v4--breadcrumb .header-nav-v4__item + .header-nav-v4__item::before.fa-pull-left {
  margin-right: 0.3em;
}
.header-nav-v4--breadcrumb .header-nav-v4__item + .header-nav-v4__item::before.fa-pull-right {
  margin-left: 0.3em;
}
.header-nav-v4__link {
  align-items: baseline;
  display: flex;
  gap: 2px 5px;
  padding: var(--header-nav-item-padding-y) 0;
  position: relative;
}
.header-nav-v4__link::before {
  display: none;
  transform: scaleY(0);
}
@media (min-width: 900px) {
  .header-nav-v4__link::before {
    content: "";
    position: absolute;
    bottom: -2px;
    height: 5px;
    width: 100%;
    border-radius: 10000px;
    background-color: hsl(var(--hsl-h1));
    z-index: 1;
    transition: inherit;
    display: block;
  }
}
.header-nav-v4__link--active {
  color: #fff;
  text-decoration: none;
}
.header-nav-v4__link--active:hover,
.header-nav-v4__link--active:focus,
.header-nav-v4__link--active:active {
  color: #fff;
}
.header-nav-v4__link--active:hover,
.header-nav-v4__link--active:focus,
.header-nav-v4__link--active:active {
  text-decoration: none;
}
.header-nav-v4--list .header-nav-v4__link {
  text-decoration: none;
}
.header-nav-v4--list .header-nav-v4__link:hover,
.header-nav-v4--list .header-nav-v4__link:focus,
.header-nav-v4--list .header-nav-v4__link:active {
  text-decoration: none;
}
.header-nav-v4--list .header-nav-v4__link:hover::before {
  transform: scaleY(1);
}
.header-nav-v4--list .header-nav-v4__link--active {
  font-weight: bold;
}
.header-nav-v4--list .header-nav-v4__link--active::before {
  transform: scaleY(1);
}
.header-nav-v4__text {
  padding: var(--header-nav-item-padding-y) 0;
}
@media print {
  .header-v4 {
    display: none;
  }
}
.header-v4--beatmapset {
  --header-nav-count-bg: hsl(var(--hsl-b2));
}
.header-v4__bg {
  margin: auto;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.7;
  display: flex;
  justify-content: center;
  overflow: hidden;
  background-image: var(--header-bg, url(/assets/images/generic.4dc91de4.jpg));
}
@media (min-resolution: 1.5dppx) {
  .header-v4__bg {
    background-image: var(--header-bg-2x, url(/assets/images/generic@2x.ef7ea3b5.jpg));
  }
}
.header-v4__bg::before {
  content: "";
  background-image: linear-gradient(to right, hsl(var(--hsl-d5)), transparent 200px, transparent 1000px, hsl(var(--hsl-d5)) 1200px);
  background-position: center;
  height: 100%;
  width: 1200px;
  display: block;
  flex: none;
}
.header-v4--artists .header-v4__bg {
  background-image: url(/assets/images/featured-artists.3330ad1a.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--artists .header-v4__bg {
    background-image: url(/assets/images/featured-artists@2x.60360d8b.jpg);
  }
}
.header-v4--beatmappacks .header-v4__bg {
  background-image: url(/assets/images/beatmappacks.5534d5af.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--beatmappacks .header-v4__bg {
    background-image: url(/assets/images/beatmappacks@2x.ff3e0bec.jpg);
  }
}
.header-v4--changelog .header-v4__bg {
  background-image: url(/assets/images/changelog.a52af208.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--changelog .header-v4__bg {
    background-image: url(/assets/images/changelog@2x.a639bfa0.jpg);
  }
}
.header-v4--chat .header-v4__bg {
  background-image: url(/assets/images/chat.063c451b.jpg);
  filter: hue-rotate(115deg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--chat .header-v4__bg {
    background-image: url(/assets/images/chat@2x.c6d0eec3.jpg);
  }
}
.header-v4--chat .header-v4__bg::before {
  filter: hue-rotate(-115deg);
}
.header-v4--contests .header-v4__bg {
  background-image: var(--header-bg, url(/assets/images/contest.7280a17b.jpg));
}
@media (min-resolution: 1.5dppx) {
  .header-v4--contests .header-v4__bg {
    background-image: var(--header-bg-2x, url(/assets/images/contest@2x.f6928cfa.jpg));
  }
}
.header-v4--forum .header-v4__bg {
  background-image: var(--forum-cover);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--forum .header-v4__bg {
    background-image: var(--forum-cover-2x);
  }
}
.header-v4--forums-index .header-v4__bg {
  background-image: url(/assets/images/forum-index.30398d92.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--forums-index .header-v4__bg {
    background-image: url(/assets/images/forum-index@2x.985164d3.jpg);
  }
}
.header-v4--help .header-v4__bg {
  background-image: url(/assets/images/wiki.967bda5a.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--help .header-v4__bg {
    background-image: url(/assets/images/wiki@2x.745f9fc2.jpg);
  }
}
.header-v4--mp-history .header-v4__bg {
  background-image: url(/assets/images/mp-history.67640e99.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--mp-history .header-v4__bg {
    background-image: url(/assets/images/mp-history@2x.42a7dda3.jpg);
  }
}
.header-v4--news .header-v4__bg {
  background-image: url(/assets/images/news.ecb6aa6d.png);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--news .header-v4__bg {
    background-image: url(/assets/images/news@2x.38852ee9.png);
  }
}
.header-v4--password-reset .header-v4__bg {
  background-image: url(/assets/images/password-reset.bc6cb6e6.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--password-reset .header-v4__bg {
    background-image: url(/assets/images/password-reset@2x.93c148c2.jpg);
  }
}
.header-v4--rankings .header-v4__bg {
  background-image: url(/assets/images/rankings.44275dac.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--rankings .header-v4__bg {
    background-image: url(/assets/images/rankings@2x.02b01f98.jpg);
  }
}
.header-v4--search .header-v4__bg {
  background-image: url(/assets/images/search.b24a3b21.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--search .header-v4__bg {
    background-image: url(/assets/images/search@2x.9c06570d.jpg);
  }
}
.header-v4--store .header-v4__bg {
  opacity: 0.7;
  background-image: url(/assets/images/store.927376e6.png);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--store .header-v4__bg {
    background-image: url(/assets/images/store@2x.e571a361.png);
  }
}
.header-v4--supporter .header-v4__bg {
  opacity: 0.2;
  background-image: url(/assets/images/supporter.f6911397.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--supporter .header-v4__bg {
    background-image: url(/assets/images/supporter@2x.f6911397.jpg);
  }
}
.header-v4--tournaments .header-v4__bg {
  background-image: url(/assets/images/tournament-v2.578032f2.jpg);
}
@media (min-resolution: 1.5dppx) {
  .header-v4--tournaments .header-v4__bg {
    background-image: url(/assets/images/tournament-v2@2x.c759060a.jpg);
  }
}
.header-v4--users .header-v4__bg {
  opacity: 0.25;
  filter: blur(50px);
}
.header-v4__bg-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: hsl(var(--hsl-d5));
}
.header-v4__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
@media (min-width: 900px) {
  .header-v4__container--main {
    padding-top: 105px;
    min-height: 160px;
  }
}
@media (min-width: 900px) {
  .header-v4--supporter .header-v4__container--main {
    min-height: 450px;
  }
}
.header-v4__content {
  width: calc(100% - (0px * 2));
  max-width: 1000px;
  color: hsl(var(--hsl-c1));
  position: relative;
}
@media (min-width: 900px) {
  .header-v4__content {
    width: calc(100% - ((0px + 20px) * 2));
    max-width: 1000px;
  }
}
.header-v4__icon {
  background-image: url(/assets/images/home.03d09fb9.svg);
  background-repeat: no-repeat;
  background-position: center;
  align-self: stretch;
  width: 40px;
  margin-right: 10px;
  flex: none;
  background-size: 75%;
}
.header-v4--artist .header-v4__icon {
  background-image: url(/assets/images/artists.b3ab6083.svg);
}
.header-v4--artists .header-v4__icon {
  background-image: url(/assets/images/artists.b3ab6083.svg);
}
.header-v4--beatmappacks .header-v4__icon {
  background-image: url(/assets/images/beatmappacks.7d843dc2.svg);
}
.header-v4--beatmapset .header-v4__icon {
  background-image: url(/assets/images/beatmapsets.d82379a6.svg);
}
.header-v4--beatmapsets .header-v4__icon {
  background-image: url(/assets/images/beatmapsets.d82379a6.svg);
}
.header-v4--changelog .header-v4__icon {
  background-image: url(/assets/images/changelog.8a893cfc.svg);
}
.header-v4--chat .header-v4__icon {
  background-image: url(/assets/images/chat.3830b873.svg);
}
.header-v4--comments .header-v4__icon {
  background-image: url(/assets/images/chat.3830b873.svg);
}
.header-v4--contests .header-v4__icon {
  background-image: url(/assets/images/contests.a420f096.svg);
}
.header-v4--error .header-v4__icon {
  background-image: url(/assets/images/notifications.01fd9e7f.svg);
}
.header-v4--forum .header-v4__icon {
  background-image: url(/assets/images/forum.19afb43f.svg);
}
.header-v4--forums-index .header-v4__icon {
  background-image: url(/assets/images/forum.19afb43f.svg);
}
.header-v4--friends .header-v4__icon {
  background-image: url(/assets/images/friends.99553fda.svg);
}
.header-v4--help .header-v4__icon {
  background-image: url(/assets/images/help.fbda55b5.svg);
}
.header-v4--home .header-v4__icon {
  background-image: url(/assets/images/home.03d09fb9.svg);
}
.header-v4--livestreams .header-v4__icon {
  background-image: url(/assets/images/forum.19afb43f.svg);
}
.header-v4--news .header-v4__icon {
  background-image: url(/assets/images/news.3ef043dc.svg);
}
.header-v4--notifications .header-v4__icon {
  background-image: url(/assets/images/notifications.01fd9e7f.svg);
}
.header-v4--password-reset .header-v4__icon {
  background-image: url(/assets/images/settings.70bf1e88.svg);
}
.header-v4--rankings .header-v4__icon {
  background-image: url(/assets/images/rankings.ccc9ea7c.svg);
}
.header-v4--search .header-v4__icon {
  background-image: url(/assets/images/search.23934b8d.svg);
}
.header-v4--settings .header-v4__icon {
  background-image: url(/assets/images/settings.70bf1e88.svg);
}
.header-v4--store .header-v4__icon {
  background-image: url(/assets/images/store.1794c8b8.svg);
}
.header-v4--tournaments .header-v4__icon {
  background-image: url(/assets/images/tournaments.41f25285.svg);
}
.header-v4--users .header-v4__icon {
  background-image: url(/assets/images/profile.c681ffeb.svg);
}
.header-v4__row {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 900px) {
  .header-v4__row {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.header-v4__row--bar {
  background-color: hsl(var(--hsl-d4));
}
.header-v4__row--title {
  background-color: hsl(var(--hsl-d5));
  font-size: 14px;
}
@media (min-width: 900px) {
  .header-v4__row--title {
    font-size: 20px;
    height: 55px;
  }
}
@media (min-width: 900px) {
  .header-v4--beatmapset .header-v4__row {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.header-v4__title {
  display: none;
}
@media (min-width: 900px) {
  .header-v4__title {
    display: flex;
  }
}
.icon-dropdown-menu {
  align-items: center;
  display: flex;
  margin-right: 10px;
  justify-content: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 4px;
  text-decoration: none;
  background-color: hsl(var(--hsl-b5));
  overflow: hidden;
  position: relative;
  z-index: 512;
}
.icon-dropdown-menu:hover,
.icon-dropdown-menu:focus,
.icon-dropdown-menu:active {
  text-decoration: none;
}
.icon-dropdown-menu::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: hsla(var(--hsl-b6), 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  content: "\f078";
}
.icon-dropdown-menu::after.fa-pull-left {
  margin-right: 0.3em;
}
.icon-dropdown-menu::after.fa-pull-right {
  margin-left: 0.3em;
}
.icon-dropdown-menu:hover::after {
  opacity: 1;
}
.icon-dropdown-menu--disabled {
  background-color: transparent;
  cursor: default;
}
.icon-dropdown-menu--disabled::after {
  display: none;
}
.icon-stack {
  position: relative;
}
.icon-stack__base {
  opacity: 0;
}
.icon-stack__icon {
  position: absolute;
  left: 0;
}
.icon-stack__icon--bottom {
  top: 12%;
}
.icon-stack__icon--top {
  top: -24%;
}
.imagemap {
  position: relative;
  overflow: hidden;
  max-width: -moz-max-content;
  max-width: max-content;
}
.imagemap__image {
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
}
.imagemap__link {
  display: block;
  position: absolute;
}
.input-container {
  --label-font-size: 12px;
  --label-line-height: 1.25;
  --label-height: calc(var(--label-font-size) * var(--label-line-height) + var(--label-padding) * 2);
  --label-colour: hsl(var(--hsl-c2));
  --label-padding: 5px;
  --label-pointer-events: auto;
  --input-bg: hsl(var(--hsl-b6));
  --input-border-colour: var(--input-border-base-colour);
  --input-border-base-colour: transparent;
  --input-border-hover-colour: hsl(var(--hsl-l3));
  --input-border-focus-colour: hsl(var(--hsl-l1));
  --input-border-error-colour: hsl(var(--hsl-red-2));
  --input-border-error-focus-colour: hsl(var(--hsl-red-3));
  --input-padding: var(--label-height) var(--input-padding-right) var(--input-padding-base) var(--input-padding-base);
  --input-padding-base: 10px;
  --input-padding-right: var(--input-padding-base);
  display: grid;
  text-transform: initial;
  font-weight: initial;
  font-size: inherit;
  position: relative;
  margin: 0;
  width: 100%;
}
.input-container:focus-within {
  --input-border-colour: var(--input-border-focus-colour);
}
.input-container:hover {
  --input-border-colour: var(--input-border-hover-colour);
}
.input-container--2 {
  grid-column-end: span 2;
}
.input-container--4 {
  grid-column-end: span 2;
}
@media (min-width: 900px) {
  .input-container--4 {
    grid-column-end: span 4;
  }
}
.input-container--beatmap-owner-editor {
  --input-bg: hsl(var(--hsl-b6));
  --input-padding: 5px;
}
.input-container--error {
  --input-border-colour: var(--input-border-error-colour);
  --input-border-focus-colour: var(--input-border-error-focus-colour);
  --input-border-hover-colour: var(--input-border-error-focus-colour);
}
.input-container--fill {
  flex: 1;
  min-height: 150px;
}
.input-container--genre {
  --label-colour: hsl(var(--hsl-c1));
  --input-bg: transparent;
  --input-border-hover-colour: transparent;
  --input-border-focus-colour: transparent;
  --input-border-error-colour: transparent;
}
@media (max-width: 899px) {
  .input-container--group-history-wide {
    grid-column-end: span 2;
  }
}
.input-container--judging {
  margin: 20px 0;
}
.input-container--search-box {
  font-size: 18px;
  --input-padding: 15px var(--input-padding-base);
}
.input-container--select {
  --arrow-width: calc(var(--input-padding-base) * 2 + 1em);
  --input-padding-right: var(--arrow-width);
  --label-pointer-events: none;
}
.input-container--select::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  content: "\f078";
  width: var(--arrow-width);
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  pointer-events: none;
}
.input-container--select::after.fa-pull-left {
  margin-right: 0.3em;
}
.input-container--select::after.fa-pull-right {
  margin-left: 0.3em;
}
.input-container__label {
  display: flex;
  justify-content: space-between;
  color: var(--label-colour);
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
  margin: 0;
  padding: var(--label-padding) var(--input-padding-base) 0;
  position: absolute;
  width: 100%;
  pointer-events: var(--label-pointer-events);
}
.input-text {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-c1));
  background: var(--input-bg);
  resize: none;
  width: 100%;
  padding: var(--input-padding);
  box-shadow: inset 0 0 0 2px var(--input-border-colour);
  border-radius: 6px;
}
.input-text--bbcode {
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 5px;
}
.input-text--bbcode * {
  scrollbar-width: thin;
}
.input-text--bbcode ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.input-text--bbcode ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.input-text--bbcode ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.input-text--bbcode ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.input-text--bbcode ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
.input-text__bbcode-textarea {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  resize: none;
}
.js-accordion {
  display: flex;
  flex-direction: column;
  transform: translateZ(0);
  -moz-transform: none;
  -webkit-font-smoothing: antialiased;
}
.js-accordion__item-body {
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.js-flash-border {
  transition: border 200ms;
  border: 1px solid transparent;
}
.js-flash-border--on {
  animation: js-flash-border 400ms 2;
}
@keyframes js-flash-border {
  50% {
    border-color: #ffcc22;
  }
}
.js-react-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 512;
}
.kudosu-box {
  display: flex;
  gap: 4px;
}
.label-toggle__checkbox {
  display: none;
}
.label-toggle__label--check {
  display: block;
}
.label-toggle__checkbox:checked ~ .label-toggle__label--check {
  display: none;
}
.label-toggle__label--uncheck {
  display: none;
}
.label-toggle__checkbox:checked ~ .label-toggle__label--uncheck {
  display: block;
}
.landing-footer-social {
  transform: translateZ(0);
  text-align: center;
}
.landing-footer-social__icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #fff;
  margin: 0 5px;
  font-size: 16px;
}
.landing-footer-social__icon:hover,
.landing-footer-social__icon:focus,
.landing-footer-social__icon:active {
  color: #fff;
}
.landing-footer-social__icon:hover,
.landing-footer-social__icon:focus,
.landing-footer-social__icon:active {
  text-decoration: none;
}
.landing-footer-social__icon--support:hover,
.landing-footer-social__icon--support:focus {
  color: #ff66aa;
}
.landing-footer-social__icon--twitter:hover,
.landing-footer-social__icon--twitter:focus {
  color: #1d9bf0;
}
.landing-graph {
  width: 100%;
  height: 100%;
}
.landing-graph__area {
  fill: #bb1177;
}
.landing-graph__circle {
  fill: none;
  stroke-width: 2;
  stroke: #fff;
}
.landing-graph__text {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 10px;
  fill: #fff;
  pointer-events: none;
}
.landing-hero {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 450px;
  background-color: #333;
  position: relative;
}
.landing-hero__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.landing-hero__bg-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.landing-hero__bg-container::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: hsla(var(--hsl-b6), 0.5);
}
.landing-hero__graph {
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.landing-hero__info {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 30px 50px;
  text-align: center;
}
@media (min-width: 900px) {
  .landing-hero__info {
    text-align: right;
  }
}
.landing-hero__logo {
  background-image: url(/assets/images/osu-logo.49953dbf.png);
  width: 100px;
  height: 100px;
  background-size: contain;
  flex: none;
  margin-bottom: -3px;
  will-change: opacity;
  transition: all 1s;
}
@media (min-resolution: 1.5dppx) {
  .landing-hero__logo {
    background-image: url(/assets/images/osu-logo@2x.0482a2c8.png);
  }
}
@media (min-width: 900px) {
  .landing-hero__logo {
    opacity: 0;
  }
}
.landing-hero__message-extra {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 900px) {
  .landing-hero__message-extra {
    align-items: flex-end;
  }
}
.landing-hero__message-extra--bottom {
  top: 100%;
  margin-top: 20px;
}
.landing-hero__message-extra--top {
  bottom: 100%;
  margin-bottom: 20px;
}
.landing-hero__message-extra-container {
  height: 0;
  position: relative;
}
.landing-hero__messages {
  width: 100%;
  padding: 0 50px;
  text-align: center;
  position: relative;
}
@media (min-width: 900px) {
  .landing-hero__messages {
    text-align: right;
  }
}
.landing-hero__pippi {
  transform: translateZ(0);
  position: absolute;
  left: 0;
  bottom: 1px;
  margin-left: 50px;
  height: 466px;
  width: calc(100% - 50px);
  max-width: 328px;
  background-size: contain;
  background-image: url(/assets/images/pippi.452b13ba.png);
  transition: all 1s;
}
@media (min-resolution: 1.5dppx) {
  .landing-hero__pippi {
    background-image: url(/assets/images/pippi@2x.404e8d76.png);
  }
}
@media (max-width: 899px) {
  .landing-hero__pippi {
    opacity: 0;
  }
}
.landing-hero__pippi-logo {
  background-image: url(/assets/images/logo.aa22afbe.png);
  width: 100%;
  height: 100%;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
  .landing-hero__pippi-logo {
    background-image: url(/assets/images/logo@2x.be5f7185.png);
  }
}
.landing-hero__slogan-main {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  margin: 0 0 5px;
  padding: 0;
  color: #fff;
  font-size: 24px;
}
.landing-hero__slogan-sub {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  margin: 0;
  padding: 0;
  color: #ff99cc;
  font-size: 16px;
}
.landing-nav {
  display: flex;
  justify-content: space-between;
  padding: 30px 20px 20px;
  font-size: 12px;
}
.landing-nav__section {
  margin: 0 -12px;
  display: flex;
}
.landing-nav__link {
  text-decoration: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 12px;
  color: #fff;
  text-transform: lowercase;
  white-space: nowrap;
}
.landing-nav__link:hover,
.landing-nav__link:focus,
.landing-nav__link:active {
  text-decoration: none;
}
.landing-nav__link:hover,
.landing-nav__link:focus {
  color: #ff66aa;
}
.landing-nav__link--bold {
  font-weight: bold;
}
.landing-nav__link--locale {
  margin: 0;
  color: #8866ee;
  padding: 5px 0;
}
.landing-nav__locale-button:hover .landing-nav__link--locale,
.landing-nav__locale-button:focus .landing-nav__link--locale {
  color: #fff;
}
.landing-nav__locale-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 10px;
}
.landing-nav__locale-flag {
  margin-right: 5px;
}
.landing-nav__locale-link-pointer {
  transform: translateZ(0);
  width: 10px;
  margin-right: 5px;
  text-align: right;
  opacity: 0;
  color: #aaa;
  font-size: 75%;
}
.landing-nav__locale-button:hover .landing-nav__locale-link-pointer {
  opacity: 1;
}
.landing-nav__locale-menu {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  z-index: 999;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  margin-left: -8px;
  padding: 5px 10px 5px 5px;
  background-color: #333;
  display: flex;
  flex-direction: column;
}
.landing-nav__locale-menu::before {
  content: "";
  width: 100%;
  height: 10px;
  bottom: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  display: block;
}
.landing-nav__locale-menu-link {
  display: flex;
  position: relative;
}
.landing-news {
  padding: 10px 0;
}
.landing-news__posts {
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .landing-news__posts {
    flex-direction: row;
    margin: 0 -10px;
  }
}
.landing-news__link {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px;
}
.landing-sitemap {
  display: grid;
  grid-gap: 10px;
  max-width: 800px;
  margin: 35px auto;
}
@media (min-width: 900px) {
  .landing-sitemap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 899px) {
  .landing-sitemap {
    text-align: center;
  }
}
.landing-sitemap__header {
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
.landing-sitemap__link {
  color: #ffddee;
  font-size: 12px;
}
.landing-sitemap__link:hover,
.landing-sitemap__link:focus {
  color: #fff;
  text-decoration: none;
}
.landing-sitemap__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.lazy-load {
  min-height: 150px;
}
.lazy-load--loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lazy-load__button {
  text-align: center;
}
.lazy-load__error {
  display: flex;
  flex-direction: column;
  color: hsl(var(--hsl-f1));
}
.legacy-api-details {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.legacy-api-details__actions {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
@media (min-width: 900px) {
  .legacy-api-details__actions {
    flex-direction: row;
    align-items: baseline;
  }
}
.legacy-api-details__content {
  overflow-wrap: anywhere;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.legacy-api-details__entry {
  overflow-wrap: anywhere;
}
.legacy-api-details__label {
  color: hsl(var(--hsl-c2));
  font-size: 12px;
}
.legacy-api-details__value {
  font-size: 14px;
}
.line-chart {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.line-chart__axis {
  font-family: inherit;
  font-size: inherit;
}
.line-chart__hover {
  pointer-events: none;
  position: relative;
}
.line-chart__hover-area {
  position: absolute;
  display: grid;
}
.line-chart__hover-circle {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 3px solid #bb1177;
  top: -6px;
  left: -6px;
  position: relative;
}
.line-chart--profile-page .line-chart__hover-circle {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: hsl(var(--hsl-b5));
  border-color: #ffcc22;
  border-width: 4px;
  top: -10px;
  left: -10px;
}
.line-chart__hover-line {
  background-color: #bb1177;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.line-chart--profile-page .line-chart__hover-line {
  background-color: #ffcc22;
  width: 2px;
  left: -1px;
}
.line-chart__hover-info-box {
  position: absolute;
  left: 0;
  top: 0;
  margin: 5px;
  background-color: hsl(var(--hsl-b6));
  padding: 10px;
  border-radius: 10px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
}
.line-chart__hover-info-box[data-float="right"] {
  left: auto;
  right: 0;
}
.line-chart__hover-info-box-text {
  white-space: nowrap;
}
.line-chart--profile-page .line-chart__hover-info-box-text--x {
  color: hsl(var(--hsl-l1));
  order: 1;
}
.line-chart--profile-page .line-chart__hover-info-box-text--y {
  color: #fff;
}
.line-chart__line {
  fill: none;
  stroke: #bb1177;
  stroke-width: 3px;
}
.line-chart--profile-page .line-chart__line {
  stroke: #ffcc22;
  stroke-width: 2px;
}
.line-chart__tick-gradient--end {
  stop-color: #ccc;
}
.line-chart__tick-gradient--start {
  stop-color: #fff;
}
.line-chart__tick-line {
  fill: none;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.line-chart__tick-line--default {
  stroke: #ccc;
}
.line-chart--profile-page .line-chart__tick-line--default {
  stroke: hsl(var(--hsl-b6));
}
.line-chart__tick-text {
  fill: #fff;
  font-size: 12px;
}
.line-chart__tick-text--strong {
  font-weight: 700;
}
.line-chart--profile-page .line-chart__tick-text {
  fill: hsl(var(--hsl-f1));
}
.link--white {
  color: #fff;
}
.link--white:focus,
.link--white:hover,
.link--white:active {
  color: #fff;
}
.link--no-underline,
.link--no-underline:focus,
.link--no-underline:hover,
.link--no-underline:active {
  text-decoration: none;
}
.livestream-featured {
  position: relative;
}
.livestream-featured::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}
.livestream-featured__actions {
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  will-change: opacity;
}
.livestream-featured:hover .livestream-featured__actions {
  opacity: 1;
}
.livestream-featured__content {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  transition: opacity 1000ms;
}
.livestream-featured__content:link {
  text-decoration: none;
}
.livestream-featured__info {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 30px 40px;
  background-image: linear-gradient(transparent, #000);
}
.livestream-featured__text {
  margin: 0;
  color: #fff;
}
.livestream-featured__text--detail {
  margin-top: 10px;
  font-size: 15px;
}
.livestream-featured__text--name {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 30px;
}
.livestream-item {
  position: relative;
}
.livestream-item__actions {
  position: absolute;
  right: 0;
  top: 10px;
  width: 0;
  display: flex;
  justify-content: center;
  opacity: 0;
  will-change: opacity;
}
.livestream-item:hover .livestream-item__actions {
  opacity: 1;
}
.livestream-item__content:link {
  text-decoration: none;
}
.livestream-item__image {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  width: 100%;
  padding-top: 56.25%;
  background-size: cover;
}
.livestream-item:hover .livestream-item__image {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}
.livestream-item__text {
  margin: 5px 0 0;
  text-align: center;
  font-weight: 600;
}
.livestream-item__text--detail {
  color: hsl(var(--hsl-f1));
  font-size: 10px;
}
.livestream-item__text--name {
  color: hsl(var(--hsl-l1));
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.livestream-page {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: hsl(var(--hsl-b5));
}
@media (min-width: 900px) {
  .livestream-page {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.livestream-page__header {
  color: hsl(var(--hsl-l1));
  font-size: 15px;
  margin: 0;
}
.livestream-page__item {
  margin: 10px;
  width: calc(100% - 20px);
}
@media (min-width: 900px) {
  .livestream-page__item {
    width: calc((100% / 2) - 20px);
  }
}
.livestream-page__items {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
}
.loading-overlay {
  backface-visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
}
.loading-overlay::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #000;
  will-change: opacity;
}
.loading-overlay--visible {
  opacity: 1;
  pointer-events: auto;
}
.loading-overlay--visible::before {
  animation: loading-overlay--background-color 10s 1 linear;
  animation-fill-mode: forwards;
}
.loading-overlay__container {
  width: 256px;
  height: 64px;
  position: relative;
}
.loading-overlay__circle {
  width: 64px;
  height: 64px;
  position: absolute;
  border: solid 3px #fff;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
.loading-overlay__circle--1 {
  background-color: #8866ee;
  border-color: #8866ee;
  left: 0%;
  top: 0%;
}
.loading-overlay__circle--2 {
  background-color: #ff55cc;
  border-color: #ff55cc;
  left: 25%;
  top: 100%;
  animation-delay: 0.4s;
}
.loading-overlay__circle--3 {
  background-color: #66ccff;
  border-color: #66ccff;
  left: 50%;
  top: 0%;
  animation-delay: 0.8s;
}
.loading-overlay__circle--4 {
  background-color: #ffcc22;
  border-color: #ffcc22;
  left: 75%;
  top: 100%;
  animation-delay: 1.2s;
}
.loading-overlay__circle--approach {
  border-radius: 100%;
  background-color: transparent;
}
.loading-overlay--visible .loading-overlay__circle--approach {
  animation-name: loading-overlay--circle-approach;
}
.loading-overlay__circle--hit {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  border-color: #fff;
}
.loading-overlay--visible .loading-overlay__circle--hit {
  animation-name: loading-overlay--circle-burst;
}
.loading-overlay__follow-point {
  color: #fff;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  top: 100%;
  opacity: 0;
  font-weight: bold;
  font-size: 24px;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  will-change: opacity;
}
.loading-overlay--visible .loading-overlay__follow-point {
  animation-name: loading-overlay--follow-point;
}
.loading-overlay__follow-point--1 {
  transform: rotate(45deg);
  left: 25%;
  animation-delay: 0.05s;
}
.loading-overlay__follow-point--2 {
  transform: rotate(-45deg);
  left: 50%;
  animation-delay: 0.45s;
}
.loading-overlay__follow-point--3 {
  transform: rotate(45deg);
  left: 75%;
  animation-delay: 0.85s;
}
.loading-overlay__follow-point--4 {
  display: none;
}
@keyframes loading-overlay--circle-approach {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  20% {
    transform: scale(0.5);
    opacity: 1;
  }
  20.1%,
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes loading-overlay--circle-burst {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  20% {
    transform: scale(0.5);
    opacity: 1;
  }
  40%,
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes loading-overlay--background-color {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.7;
  }
}
@keyframes loading-overlay--follow-point {
  10% {
    opacity: 0.8;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 0;
  }
}
/**
 * container of this component should have its own stacking context otherwise
 * fun things will happen
 */
.login-box {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 50px;
}
@media (min-width: 900px) {
  .login-box {
    top: 90px;
    transition: top var(--header-pinned-animation-duration);
  }
  .js-header-is-pinned .login-box {
    top: 50px;
  }
}
@media (min-width: 900px) {
  .login-box--landing {
    position: relative;
    top: 0;
  }
}
.login-box__content {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transform: translateZ(0);
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  overflow: hidden;
  transition: none;
  color: #999;
}
@media (min-width: 900px) {
  .login-box__content {
    border-radius: 4px;
    width: 300px;
    margin-top: 5px;
  }
}
@media (min-width: 900px) {
  .login-box__content--captcha {
    width: 342px;
  }
}
.login-box__action {
  margin: 5px;
}
.login-box__form-input {
  border-radius: 4px;
  border: none;
  outline: none;
  background-color: #222;
  padding: 10px 5px;
  margin-bottom: 5px;
  font-size: 16px;
}
@media (min-width: 900px) {
  .login-box__form-input {
    font-size: inherit;
  }
}
.login-box__form-input::-moz-placeholder {
  color: #777;
}
.login-box__form-input::placeholder {
  color: #777;
}
.login-box__link {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #ffcc22;
  font-size: 14px;
}
.login-box__link:focus,
.login-box__link:hover {
  text-decoration: none;
  color: #fff;
}
.login-box__row {
  flex: none;
  margin: 0 0 10px;
  display: flex;
}
.login-box__row--actions {
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  margin: -5px -5px 5px;
}
.login-box__row--error {
  color: #aa88ff;
}
.login-box__row--error:empty {
  display: none;
}
.login-box__row--inputs {
  flex-direction: column;
  margin-bottom: 5px;
}
.login-box__row--title {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  margin-bottom: 20px;
}
.login-box__section {
  flex: none;
  padding: 20px 20px 0;
  display: flex;
  flex-direction: column;
}
.login-box__section--login {
  background-color: #333;
}
.login-box__section--register {
  background-color: #444;
}
.logo {
  display: flex;
  width: 100px;
  height: 100px;
}
.logo__main {
  background-image: url(/assets/images/osu-logo.49953dbf.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (min-resolution: 1.5dppx) {
  .logo__main {
    background-image: url(/assets/images/osu-logo@2x.0482a2c8.png);
  }
}
.love-beatmap-dialog {
  width: calc(100% - (0px * 2));
  max-width: 1000px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b5));
  margin: 10px;
  max-height: 80vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
@media (min-width: 900px) {
  .love-beatmap-dialog {
    width: calc(100% - ((0px + 20px) * 2));
    max-width: 1000px;
  }
}
@media (min-width: 900px) {
  .love-beatmap-dialog {
    width: auto;
    margin: 20px;
  }
}
.love-beatmap-dialog__diff-list {
  list-style: none;
  padding: 0;
}
.love-beatmap-dialog__diff-list-item {
  margin-bottom: 5px;
}
.love-beatmap-dialog__diff-mode {
  position: relative;
}
@media (min-width: 900px) {
  .love-beatmap-dialog__diff-mode {
    overflow-y: auto;
  }
}
.love-beatmap-dialog__diff-mode-title {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff;
  position: sticky;
  top: 0;
  background-color: hsl(var(--hsl-b5));
}
.love-beatmap-dialog__diff-mode-title-label {
  font-size: 14px;
}
.love-beatmap-dialog__row {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .love-beatmap-dialog__row {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.love-beatmap-dialog__row--content {
  font-size: 12px;
  display: grid;
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-template-columns: 1fr;
  overflow-y: auto;
}
@media (min-width: 900px) {
  .love-beatmap-dialog__row--content {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    overflow-y: hidden;
  }
}
.love-beatmap-dialog__row--footer {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  justify-content: flex-end;
  margin-top: 20px;
}
.love-beatmap-dialog__row--title {
  font-size: 16px;
  margin-bottom: 20px;
}
.love-beatmap-dialog__switch {
  display: flex;
  align-items: baseline;
  text-transform: none;
  font-size: inherit;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
}
.medals-group {
  display: grid;
  gap: 20px;
}
@media (min-width: 900px) {
  .medals-group {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
.medals-group__group {
  border-radius: 4px;
  display: inline-flex;
  flex-direction: column;
}
.medals-group__medal {
  min-width: 80px;
  height: 76px;
  width: 25%;
  margin: 10px 0;
  display: inline-block;
}
.medals-group__title {
  color: #fff;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding: 10px 0 0;
  position: relative;
}
.medals-group__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: hsl(var(--hsl-h1));
  border-radius: 10000px;
}
.menu-image {
  --index: 0;
  width: 100%;
  height: 100%;
  left: calc(100% * var(--index));
  position: absolute;
}
.menu-image__image {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  max-width: 100%;
  margin: auto;
  display: block;
}
.menu-images {
  --arrow-opacity-desktop: 0;
  --indicators-opacity: 1;
  position: relative;
}
.menu-images:hover {
  --arrow-opacity-desktop: 1;
}
.menu-images--placeholder {
  --indicators-opacity: 0;
}
.menu-images__arrow {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 120ms ease-in-out;
  --padding: 10px;
  height: 100%;
  padding: var(--padding) calc(var(--page-gutter) + var(--padding));
  position: absolute;
  top: 0;
}
@media (min-width: 900px) {
  .menu-images__arrow {
    opacity: var(--arrow-opacity-desktop);
  }
}
.menu-images__arrow:hover {
  color: hsl(var(--hsl-l1));
}
.menu-images__arrow--left {
  --icon: "\f053";
  left: 0;
  padding-right: var(--padding);
}
.menu-images__arrow--right {
  --icon: "\f054";
  right: 0;
  padding-left: var(--padding);
}
.menu-images__arrow::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  content: var(--icon);
}
.menu-images__arrow::before.fa-pull-left {
  margin-right: 0.3em;
}
.menu-images__arrow::before.fa-pull-right {
  margin-left: 0.3em;
}
.menu-images__blur {
  transition: opacity 600ms;
  will-change: opacity;
}
.menu-images__blur::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: var(--url);
  background-position: center;
  background-size: cover;
  filter: blur(50px);
}
.menu-images__blur::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: linear-gradient(to top, hsla(var(--hsl-b5), 0%), hsl(var(--hsl-b5)));
}
.menu-images__container {
  display: flex;
  transform: translateX(calc(-100% * var(--index, 0)));
  width: 100%;
  height: 100%;
}
.menu-images__container--transition {
  transition: transform 300ms ease-in-out;
}
.menu-images__images {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.menu-images__indicator {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  align-items: center;
  display: flex;
  width: 40px;
  height: 16px;
  padding: 5px;
  --content-height: 2px;
  --content-opacity: 0.5;
}
.menu-images__indicator::before {
  content: "";
  background: hsl(var(--hsl-h1));
  border-radius: 10000px;
  opacity: var(--content-opacity);
  transition: 100ms ease-out;
  transition-property: height, opacity;
  width: 100%;
  height: var(--content-height);
}
.menu-images__indicator:hover {
  --content-height: 100%;
}
.menu-images__indicator--active {
  --content-height: 100%;
  --content-opacity: 1;
}
.menu-images__indicators {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  opacity: var(--indicators-opacity);
  padding: 0 var(--page-gutter);
  position: absolute;
  transform: translateY(50%);
  width: 100%;
}
.message-length-counter {
  font-size: 12px;
  text-align: right;
  color: hsl(var(--hsl-f1));
}
.message-length-counter--almost-over {
  color: #eeaa00;
}
.message-length-counter--discussion {
  margin-top: 5px;
}
.message-length-counter--over {
  color: #ed1221;
  font-weight: 700;
}
.mobile-menu {
  position: fixed;
  display: none;
  top: 50px;
  width: 100%;
  z-index: var(--z-index--nav-bar-mobile);
  color: hsl(var(--hsl-c1));
}
.mobile-menu:hover,
.mobile-menu:focus,
.mobile-menu:active {
  color: hsl(var(--hsl-c1));
}
.mobile-menu__content {
  -webkit-overflow-scrolling: touch;
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: hsl(var(--hsl-b5));
  max-height: calc((var(--vh, 1vh) * 100) - 50px);
}
.mobile-menu__item {
  display: none;
  overflow-y: scroll;
}
.mobile-menu__item--search {
  overflow-y: auto;
}
.mobile-menu__item.js-click-menu--active {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.mobile-menu__tabs {
  display: flex;
  background-color: hsl(var(--hsl-d4));
}
.mobile-menu-tab {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  --height: 40px;
  flex: none;
  color: hsl(var(--hsl-l3));
  width: var(--height);
  height: var(--height);
  position: relative;
  --hover-line-margin: 25%;
}
.mobile-menu-tab:hover,
.mobile-menu-tab:focus,
.mobile-menu-tab:active {
  text-decoration: none;
}
.mobile-menu-tab--user {
  --avatar-spacing: 8px;
  margin-right: auto;
  padding: var(--avatar-spacing);
  flex: 1;
  max-width: -moz-max-content;
  max-width: max-content;
  min-width: 0;
  display: flex;
  align-items: center;
  --hover-line-margin: var(--avatar-spacing);
}
.mobile-menu-tab:hover,
.mobile-menu-tab.js-click-menu--active {
  color: hsl(var(--hsl-c1));
}
.mobile-menu-tab:hover::before,
.mobile-menu-tab.js-click-menu--active::before {
  content: "";
  display: block;
  position: absolute;
  height: 4px;
  border-radius: 10000px;
  background-color: hsl(var(--hsl-h1));
  left: var(--hover-line-margin);
  right: var(--hover-line-margin);
  bottom: -2px;
  z-index: 1;
}
.mobile-menu-tab__avatar {
  height: calc(var(--height) - var(--avatar-spacing) * 2);
  width: calc(var(--height) - var(--avatar-spacing) * 2);
  margin-right: var(--avatar-spacing);
  position: relative;
  flex: none;
}
.mod {
  font-size: var(--mod-height, 22px);
  height: 1em;
  display: flex;
  position: relative;
}
.mod--type-Automation {
  --type-bg-colour: hsl(var(--hsl-blue-1));
  --type-fg-colour: color-mix(in srgb-linear, black, hsl(var(--hsl-blue-1)) 10%);
  --type-extender-colour: color-mix(in srgb, black, hsl(var(--hsl-blue-1)) 26.3%);
}
.mod--type-Conversion {
  --type-bg-colour: hsl(var(--hsl-purple-1));
  --type-fg-colour: color-mix(in srgb-linear, black, hsl(var(--hsl-purple-1)) 10%);
  --type-extender-colour: color-mix(in srgb, black, hsl(var(--hsl-purple-1)) 26.3%);
}
.mod--type-DifficultyIncrease {
  --type-bg-colour: hsl(var(--hsl-red-1));
  --type-fg-colour: color-mix(in srgb-linear, black, hsl(var(--hsl-red-1)) 10%);
  --type-extender-colour: color-mix(in srgb, black, hsl(var(--hsl-red-1)) 26.3%);
}
.mod--type-DifficultyReduction {
  --type-bg-colour: hsl(var(--hsl-lime-1));
  --type-fg-colour: color-mix(in srgb-linear, black, hsl(var(--hsl-lime-1)) 10%);
  --type-extender-colour: color-mix(in srgb, black, hsl(var(--hsl-lime-1)) 26.3%);
}
.mod--type-Fun {
  --type-bg-colour: hsl(var(--hsl-pink-1));
  --type-fg-colour: color-mix(in srgb-linear, black, hsl(var(--hsl-pink-1)) 10%);
  --type-extender-colour: color-mix(in srgb, black, hsl(var(--hsl-pink-1)) 26.3%);
}
.mod--type-System {
  --type-bg-colour: #ffcc22;
  --type-fg-colour: color-mix(in srgb-linear, black, #ffcc22 10%);
  --type-extender-colour: color-mix(in srgb, black, #ffcc22 26.3%);
}
.mod--dynamic {
  font-size: 1em;
}
.mod__icon {
  position: relative;
  width: 1.42em;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.mod__icon::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--type-bg-colour);
  -webkit-mask-image: url(/assets/images/mod-icon.dacd6669.svg);
          mask-image: url(/assets/images/mod-icon.dacd6669.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  content: "";
  display: flex;
}
.mod__icon::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: attr(data-acronym);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--type-fg-colour);
  font-family: Venera, sans-serif;
  font-weight: 900;
  font-size: 0.4em;
}
.mod__icon--NM::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-no-mod.3634af18.svg);
          mask-image: url(/assets/images/mod-no-mod.3634af18.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--10K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-ten-keys.0ad4c248.svg);
          mask-image: url(/assets/images/mod-ten-keys.0ad4c248.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--1K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-one-key.c3d1684a.svg);
          mask-image: url(/assets/images/mod-one-key.c3d1684a.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--2K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-two-keys.3c9d8d70.svg);
          mask-image: url(/assets/images/mod-two-keys.3c9d8d70.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--3K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-three-keys.2524ff92.svg);
          mask-image: url(/assets/images/mod-three-keys.2524ff92.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--4K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-four-keys.783e4b6f.svg);
          mask-image: url(/assets/images/mod-four-keys.783e4b6f.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--5K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-five-keys.33cca380.svg);
          mask-image: url(/assets/images/mod-five-keys.33cca380.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--6K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-six-keys.89a09c08.svg);
          mask-image: url(/assets/images/mod-six-keys.89a09c08.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--7K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-seven-keys.852f514c.svg);
          mask-image: url(/assets/images/mod-seven-keys.852f514c.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--8K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-eight-keys.f258013a.svg);
          mask-image: url(/assets/images/mod-eight-keys.f258013a.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--9K::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-nine-keys.e892c9df.svg);
          mask-image: url(/assets/images/mod-nine-keys.e892c9df.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--AC::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-accuracy-challenge.74b68b1a.svg);
          mask-image: url(/assets/images/mod-accuracy-challenge.74b68b1a.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--AD::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-approach-different.30320c23.svg);
          mask-image: url(/assets/images/mod-approach-different.30320c23.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--AL::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-alternate.b7f824fd.svg);
          mask-image: url(/assets/images/mod-alternate.b7f824fd.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--AP::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-autopilot.4d43baa9.svg);
          mask-image: url(/assets/images/mod-autopilot.4d43baa9.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--AS::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-adaptive-speed.ea159754.svg);
          mask-image: url(/assets/images/mod-adaptive-speed.ea159754.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--AT::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-autoplay.d3a03a1b.svg);
          mask-image: url(/assets/images/mod-autoplay.d3a03a1b.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--BL::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-blinds.88a04b37.svg);
          mask-image: url(/assets/images/mod-blinds.88a04b37.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--BM::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-bloom.a02383c1.svg);
          mask-image: url(/assets/images/mod-bloom.a02383c1.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--BR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-barrel-roll.05dda62a.svg);
          mask-image: url(/assets/images/mod-barrel-roll.05dda62a.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--BU::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-bubbles.055f75af.svg);
          mask-image: url(/assets/images/mod-bubbles.055f75af.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--CL::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-classic.f5f25b6c.svg);
          mask-image: url(/assets/images/mod-classic.f5f25b6c.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--CN::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-cinema.9be1b593.svg);
          mask-image: url(/assets/images/mod-cinema.9be1b593.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--CO::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-cover.0cced4be.svg);
          mask-image: url(/assets/images/mod-cover.0cced4be.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--CS::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-constant-speed.098561a6.svg);
          mask-image: url(/assets/images/mod-constant-speed.098561a6.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--DA::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-difficulty-adjust.141b8620.svg);
          mask-image: url(/assets/images/mod-difficulty-adjust.141b8620.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--DC::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-daycore.9c82ffc8.svg);
          mask-image: url(/assets/images/mod-daycore.9c82ffc8.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--DF::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-deflate.e1bc9923.svg);
          mask-image: url(/assets/images/mod-deflate.e1bc9923.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--DP::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-depth.0cfcae1d.svg);
          mask-image: url(/assets/images/mod-depth.0cfcae1d.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--DS::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-dual-stages.da84c99f.svg);
          mask-image: url(/assets/images/mod-dual-stages.da84c99f.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--DT::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-double-time.895bdda1.svg);
          mask-image: url(/assets/images/mod-double-time.895bdda1.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--EZ::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-easy.92150de2.svg);
          mask-image: url(/assets/images/mod-easy.92150de2.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--FF::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-floating-fruits.d96f3839.svg);
          mask-image: url(/assets/images/mod-floating-fruits.d96f3839.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--FI::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-fade-in.9bce8333.svg);
          mask-image: url(/assets/images/mod-fade-in.9bce8333.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--FL::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-flashlight.de7d21b1.svg);
          mask-image: url(/assets/images/mod-flashlight.de7d21b1.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--FR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-freeze-frame.12116f6c.svg);
          mask-image: url(/assets/images/mod-freeze-frame.12116f6c.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--GR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-grow.102b93f9.svg);
          mask-image: url(/assets/images/mod-grow.102b93f9.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--HD::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-hidden.823bd26e.svg);
          mask-image: url(/assets/images/mod-hidden.823bd26e.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--HO::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-hold-off.f252a967.svg);
          mask-image: url(/assets/images/mod-hold-off.f252a967.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--HR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-hard-rock.46546bbc.svg);
          mask-image: url(/assets/images/mod-hard-rock.46546bbc.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--HT::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-half-time.680aa75e.svg);
          mask-image: url(/assets/images/mod-half-time.680aa75e.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--IN::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-invert.386f6d38.svg);
          mask-image: url(/assets/images/mod-invert.386f6d38.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--MF::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-moving-fast.277f0b3b.svg);
          mask-image: url(/assets/images/mod-moving-fast.277f0b3b.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--MG::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-magnetised.8ed278d7.svg);
          mask-image: url(/assets/images/mod-magnetised.8ed278d7.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--MR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-mirror.c4cf36ba.svg);
          mask-image: url(/assets/images/mod-mirror.c4cf36ba.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--MU::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-muted.04898964.svg);
          mask-image: url(/assets/images/mod-muted.04898964.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--NC::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-nightcore.d992ee1a.svg);
          mask-image: url(/assets/images/mod-nightcore.d992ee1a.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--NF::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-no-fail.325de5a8.svg);
          mask-image: url(/assets/images/mod-no-fail.325de5a8.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--NR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-no-release.deef64b1.svg);
          mask-image: url(/assets/images/mod-no-release.deef64b1.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--NS::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-no-scope.4113573e.svg);
          mask-image: url(/assets/images/mod-no-scope.4113573e.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--PF::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-perfect.8c11b369.svg);
          mask-image: url(/assets/images/mod-perfect.8c11b369.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--RD::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-random.9db2b428.svg);
          mask-image: url(/assets/images/mod-random.9db2b428.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--RP::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-repel.d7444b42.svg);
          mask-image: url(/assets/images/mod-repel.d7444b42.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--RX::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-relax.931824f3.svg);
          mask-image: url(/assets/images/mod-relax.931824f3.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SD::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-sudden-death.93286ad6.svg);
          mask-image: url(/assets/images/mod-sudden-death.93286ad6.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SG::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-single-tap.4f3cc54d.svg);
          mask-image: url(/assets/images/mod-single-tap.4f3cc54d.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SI::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-spin-in.6385bf5d.svg);
          mask-image: url(/assets/images/mod-spin-in.6385bf5d.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SO::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-spun-out.b62218a0.svg);
          mask-image: url(/assets/images/mod-spun-out.b62218a0.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-simplified-rhythm.615acc0e.svg);
          mask-image: url(/assets/images/mod-simplified-rhythm.615acc0e.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--ST::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-strict-tracking.f4d72427.svg);
          mask-image: url(/assets/images/mod-strict-tracking.f4d72427.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SV2::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-score-v2.76cf32aa.svg);
          mask-image: url(/assets/images/mod-score-v2.76cf32aa.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SW::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-swap.07e43d05.svg);
          mask-image: url(/assets/images/mod-swap.07e43d05.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--SY::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-synesthesia.0283311f.svg);
          mask-image: url(/assets/images/mod-synesthesia.0283311f.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--TC::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-traceable.7e0d7ee4.svg);
          mask-image: url(/assets/images/mod-traceable.7e0d7ee4.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--TD::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-touch-device.ceb86291.svg);
          mask-image: url(/assets/images/mod-touch-device.ceb86291.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--TP::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-target-practice.aaa2dd92.svg);
          mask-image: url(/assets/images/mod-target-practice.aaa2dd92.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--TR::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-transform.db3daacc.svg);
          mask-image: url(/assets/images/mod-transform.db3daacc.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--WD::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-wind-down.be29a432.svg);
          mask-image: url(/assets/images/mod-wind-down.be29a432.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--WG::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-wiggle.9a6ac38c.svg);
          mask-image: url(/assets/images/mod-wiggle.9a6ac38c.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__icon--WU::after {
  content: "";
  background-color: var(--type-fg-colour);
  -webkit-mask-image: url(/assets/images/mod-wind-up.84949cad.svg);
          mask-image: url(/assets/images/mod-wind-up.84949cad.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin: 0;
}
.mod__customised-indicator {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 0.35em;
  height: 0.35em;
  border-radius: 50%;
  background-color: var(--type-fg-colour);
  position: absolute;
  left: 1.05em;
  top: -0.125em;
}
.mod__customised-indicator.fa-pull-left {
  margin-right: 0.3em;
}
.mod__customised-indicator.fa-pull-right {
  margin-left: 0.3em;
}
.mod__customised-indicator::after {
  content: "\f013";
  color: var(--type-bg-colour);
  font-size: 0.2em;
}
.mod__extender {
  width: 2.2em;
  background-color: var(--type-extender-colour);
  -webkit-mask-image: url(/assets/images/mod-icon-extender.969b5233.svg);
          mask-image: url(/assets/images/mod-icon-extender.969b5233.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  margin-left: -0.5em;
  padding-left: 0.5em;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--type-bg-colour);
  padding-right: 3px;
  padding-bottom: 1px;
}
.mod__extender span {
  font-size: 0.5em;
}
.modding-profile-list--votes {
  display: flex;
  flex-wrap: wrap;
}
.modding-profile-list__thumbnail {
  margin: 20px 10px;
}
.modding-profile-list__empty {
  color: hsl(var(--hsl-f1));
  margin-bottom: 10px;
}
.modding-profile-list--index .modding-profile-list__empty {
  margin-top: 20px;
  text-align: center;
}
.modding-profile-list__row {
  display: flex;
}
.modding-profile-list__show-more {
  text-decoration: none;
  color: hsl(var(--hsl-f1));
  font-size: 12px;
  display: block;
  text-align: center;
  margin-top: 20px;
}
.modding-profile-list__show-more:hover,
.modding-profile-list__show-more:focus,
.modding-profile-list__show-more:active {
  text-decoration: none;
}
.modding-profile-list__timestamp {
  width: 110px;
  flex-shrink: 0;
}
.modding-profile-vote-card {
  display: flex;
  align-items: center;
  margin: 5px;
  flex: none;
  background: hsl(var(--hsl-b3));
  border-radius: 4px;
  min-width: 275px;
  padding: 10px;
  overflow: hidden;
}
.modding-profile-vote-card__avatar {
  width: 40px;
  height: 40px;
  flex: none;
}
.modding-profile-vote-card__content {
  display: flex;
  padding: 10px 15px;
  flex-direction: column;
  flex: none;
  min-width: 0;
}
@media (min-width: 900px) {
  .modding-profile-vote-card__content {
    flex-direction: row;
    flex: 1;
  }
}
@media (min-width: 900px) {
  .modding-profile-vote-card--reply .modding-profile-vote-card__content {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.modding-profile-vote-card--new-reply .modding-profile-vote-card__content {
  padding-bottom: 0;
}
.modding-profile-vote-card__user {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0 5px;
  height: 40px;
}
.modding-profile-vote-card__user-badge {
  min-height: 16px;
  margin-top: 5px;
}
.modding-profile-vote-card__user-link {
  color: hsl(var(--hsl-c1));
}
.modding-profile-vote-card__user-row {
  display: flex;
  align-items: baseline;
}
.modding-profile-vote-card__user-stripe {
  align-self: stretch;
  background-color: var(--group-colour, hsl(var(--hsl-b5)));
  border-radius: 1px;
  flex: none;
  width: 2px;
}
.modding-profile-vote-card__user-text {
  font-size: 13px;
  font-weight: bold;
  max-width: 120px;
}
.modding-profile-vote-card__votes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  margin-left: 5px;
}
.modding-profile-vote-card__score {
  font-size: 18px;
}
.modding-profile-vote-card__count {
  font-size: 9px;
  color: hsl(var(--hsl-f1));
}
.mp-history-content {
  margin: -10px 0;
  display: flex;
  flex-direction: column;
}
.mp-history-content__autoload-label {
  margin-bottom: 5px;
}
.mp-history-content__item {
  margin: 10px 0;
}
.mp-history-content__item--event {
  background-color: hsl(var(--hsl-b4));
  align-self: center;
  width: 100%;
  max-width: 640px;
  margin: 0;
  padding: 2px 0;
}
.mp-history-content__item--event-open {
  border-radius: 4px 4px 0 0;
  padding-top: 15px;
  margin-top: 10px;
}
.mp-history-content__item--event-close {
  border-radius: 0 0 4px 4px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.mp-history-content__item--more {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
}
.mp-history-event {
  display: flex;
  align-items: center;
}
.mp-history-event__time {
  width: 65px;
  margin-right: 10px;
  text-align: right;
  font-weight: 700;
  font-size: 10px;
  color: hsl(var(--hsl-c2));
}
@media (min-width: 900px) {
  .mp-history-event__time {
    width: 85px;
  }
}
.mp-history-event__type {
  font-size: 12px;
  width: 25px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-right: 10px;
}
.mp-history-event__type--game_aborted {
  color: hsl(var(--hsl-orange-3));
}
.mp-history-event__type--game_completed {
  color: hsl(var(--hsl-green-3));
}
.mp-history-event__type--host_changed {
  color: hsl(var(--hsl-green-3));
}
.mp-history-event__type--player_joined {
  color: hsl(var(--hsl-green-3));
}
.mp-history-event__type--player_kicked {
  color: hsl(var(--hsl-orange-3));
}
.mp-history-event__type--player_left {
  color: hsl(var(--hsl-orange-3));
}
.mp-history-event__type--room_created {
  color: hsl(var(--hsl-green-3));
}
.mp-history-event__type--room_disbanded {
  color: hsl(var(--hsl-orange-3));
}
.mp-history-event__text {
  flex: 1;
  font-size: 12px;
  padding-right: 20px;
  color: hsl(var(--hsl-c1));
}
.mp-history-event__username {
  font-weight: 700;
}
.mp-history-game {
  width: 100%;
  border-radius: 4px;
}
.mp-history-game__header {
  --border-radius: 4px 4px 0 0;
  display: block;
  width: 100%;
  height: 100px;
  border-radius: var(--border-radius);
  position: relative;
}
@media (min-width: 900px) {
  .mp-history-game__header {
    height: 150px;
  }
}
.mp-history-game__header-overlay {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  border-radius: 4px 4px 0 0;
}
.mp-history-game__stats-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 10px;
  top: 10px;
}
@media (min-width: 900px) {
  .mp-history-game__stats-box {
    flex-direction: row;
  }
}
.mp-history-game__stat {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-size: 10px;
  padding-right: 15px;
  color: hsl(var(--hsl-c1));
}
@media (min-width: 900px) {
  .mp-history-game__stat {
    font-size: 14px;
  }
}
.mp-history-game__metadata-box {
  width: calc(100% - 70px);
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.mp-history-game__metadata {
  color: hsl(var(--hsl-c1));
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  margin: 0;
}
.mp-history-game__metadata--title {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@media (min-width: 900px) {
  .mp-history-game__metadata--title {
    font-size: 20px;
  }
}
.mp-history-game__metadata--artist {
  font-size: 14px;
}
.mp-history-game__mods {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  --mod-height: 32px;
}
.mp-history-game__team-type {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  background-size: contain;
}
.mp-history-game__player-scores {
  --shape-size: 0;
  padding: 10px;
  background-color: hsl(var(--hsl-b3));
  display: grid;
  gap: 5px;
  border-radius: 0 0 4px 4px;
}
@media (min-width: 900px) {
  .mp-history-game__player-scores {
    grid-template-columns: var(--shape-size) 1fr auto auto auto auto auto;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.mp-history-game__player-scores--teams {
  --shape-size: 50px;
  border-radius: 0;
}
.mp-history-game__team-scores {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: hsl(var(--hsl-b3));
}
@media (min-width: 900px) {
  .mp-history-game__team-scores {
    justify-content: space-between;
    height: 90px;
  }
}
.mp-history-game__team-scores:last-child {
  border-radius: 0 0 4px 4px;
}
.mp-history-game__team-score {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50%;
  padding: 20px;
}
@media (min-width: 900px) {
  .mp-history-game__team-score {
    width: unset;
  }
  .mp-history-game__team-score--blue {
    align-items: flex-start;
  }
  .mp-history-game__team-score--red {
    align-items: flex-end;
  }
}
.mp-history-game__team-score-text {
  text-align: center;
}
@media (min-width: 900px) {
  .mp-history-game__team-score-text {
    text-align: left;
  }
}
.mp-history-game__team-score-text--name {
  font-size: 15px;
  font-weight: 600;
  color: hsl(var(--hsl-c1));
}
.mp-history-game__team-score-text--score {
  font-size: 26px;
  color: hsl(var(--hsl-c2));
}
@media (min-width: 900px) {
  .mp-history-game__team-score-text--score {
    font-size: 30px;
  }
}
.mp-history-game__results {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsl(var(--hsl-b4));
  min-height: 45px;
  padding: 0 20px;
  border-radius: 0 0 4px 4px;
}
.mp-history-game__results-text {
  font-size: 18px;
  color: hsl(var(--hsl-c1));
}
@media (min-width: 900px) {
  .mp-history-game__results-text {
    font-size: 20px;
  }
}
.mp-history-player-score {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  --padding-h: 20px;
  --padding-left-desktop: var(--padding-h);
  --shapes-display: none;
  --shapes-size: 0;
  background-color: hsl(var(--hsl-b2));
  display: grid;
  grid-template-columns: var(--shapes-size) 1fr;
}
.mp-history-player-score--team {
  --padding-left-desktop: 0;
  --shapes-display: block;
  --shapes-size: 10px;
}
@media (min-width: 900px) {
  .mp-history-player-score {
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
  }
}
.mp-history-player-score__beatmap-version {
  font-size: 14px;
  display: flex;
}
.mp-history-player-score__country-flag {
  align-self: center;
}
.mp-history-player-score__shapes {
  width: auto;
  background-size: cover;
  display: var(--shapes-display);
  border-radius: 4px 0 0 4px;
}
@media (min-width: 900px) {
  .mp-history-player-score__shapes {
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
  }
}
.mp-history-player-score__main {
  padding: 10px 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 5px;
  grid-column: 2 / -1;
}
@media (min-width: 900px) {
  .mp-history-player-score__main {
    padding-left: var(--padding-left-desktop);
    padding-right: var(--padding-h);
    display: grid;
    grid-template-columns: subgrid;
    gap: 0;
    align-items: center;
  }
}
.mp-history-player-score__info-box {
  display: flex;
  grid-column: 1 / -1;
}
@media (min-width: 900px) {
  .mp-history-player-score__info-box {
    padding: 0 10px;
    grid-column: initial;
  }
}
.mp-history-player-score__info-box--mods {
  max-width: 144px;
  flex-wrap: wrap;
  order: 1;
  grid-column: 1 / 2;
}
@media (min-width: 900px) {
  .mp-history-player-score__info-box--mods {
    order: 0;
    grid-column: initial;
  }
}
.mp-history-player-score__info-box--rank {
  order: 1;
  grid-column: 2 / 3;
}
@media (min-width: 900px) {
  .mp-history-player-score__info-box--rank {
    padding-right: 0;
    order: 0;
    grid-column: initial;
  }
}
.mp-history-player-score__info-box--stats {
  flex-direction: row-reverse;
  align-items: baseline;
  gap: 2px;
}
@media (min-width: 900px) {
  .mp-history-player-score__info-box--stats {
    align-items: center;
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 3 / 6;
    gap: 3px 0;
  }
}
.mp-history-player-score__info-box--user {
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  min-width: 0;
}
@media (min-width: 900px) {
  .mp-history-player-score__info-box--user {
    padding-left: 0;
  }
}
.mp-history-player-score__username {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 700;
  font-size: 18px;
}
.mp-history-player-score__username-box {
  display: flex;
  gap: 5px;
}
.mp-history-player-score__stat-row {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  flex-direction: column;
  flex: 1;
  gap: 3px;
}
@media (min-width: 900px) {
  .mp-history-player-score__stat-row {
    flex-direction: row;
    gap: 20px;
    grid-column: 1 / -1;
  }
}
.mp-history-player-score__stat-row--first {
  flex-direction: column-reverse;
}
@media (min-width: 900px) {
  .mp-history-player-score__stat-row--first {
    display: grid;
    grid-template-columns: subgrid;
    gap: 40px;
  }
}
.mp-history-player-score__mods {
  --mod-height: 22px;
  display: flex;
  height: var(--mod-height);
}
.mp-history-player-score__stat {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.mp-history-player-score__stat--small {
  flex: none;
}
.mp-history-player-score__stat-label {
  padding-right: 3px;
  color: hsl(var(--hsl-c2));
  font-size: 10px;
  text-transform: uppercase;
}
.mp-history-player-score__stat-number {
  font-weight: 700;
  color: hsl(var(--hsl-c1));
  line-height: 1;
}
.mp-history-player-score__stat-number--small {
  font-size: 12px;
}
.mp-history-player-score__stat-number--medium {
  font-size: 14px;
}
.mp-history-player-score__stat-number--large {
  font-size: 20px;
  color: hsl(var(--hsl-pink-1));
}
@media (min-width: 900px) {
  .mp-history-player-score__stat-number--large {
    font-size: 25px;
  }
}
.mp-history-player-score__value--perfect {
  color: hsl(var(--hsl-lime-1));
}
.multiplayer-room {
  --bg: hsla(var(--hsl-b6), 0.75);
  --border-radius: 10px;
  --room-bg: linear-gradient(0.25turn, hsl(var(--hsl-b2)), hsla(var(--hsl-b2), 0.8));
  display: flex;
  font-size: 12px;
  position: relative;
  color: hsl(var(--hsl-c1));
}
.multiplayer-room:hover,
.multiplayer-room:focus,
.multiplayer-room:active {
  --room-bg: linear-gradient(0.25turn, hsl(var(--hsl-b4)), hsla(var(--hsl-b4), 0.8));
}
.multiplayer-room__chat-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.multiplayer-room__content {
  pointer-events: none;
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--room-bg);
  border-radius: var(--border-radius);
  padding: 6px 20px;
  margin-left: 20px;
  width: calc(100% - 20px);
}
.multiplayer-room__cover-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
}
.multiplayer-room__details {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}
.multiplayer-room__badge-container {
  display: flex;
  align-items: center;
}
.multiplayer-room__badge {
  border-radius: 10000px;
  padding: 0 10px;
  margin-right: 5px;
  font-weight: 600;
  background-color: var(--bg);
  color: hsl(var(--hsl-b6));
}
.multiplayer-room__badge--active {
  --bg: hsl(var(--hsl-lime-2));
}
.multiplayer-room__badge--ended {
  color: hsl(var(--hsl-c1));
}
.multiplayer-room__badge--soon {
  --bg: hsl(var(--hsl-orange-2));
}
.multiplayer-room__badge--map-count {
  color: hsl(var(--hsl-c1));
}
.multiplayer-room__difficulty {
  display: flex;
  border-radius: 10000px;
  background: linear-gradient(0deg, var(--max-difficulty) 50%, var(--min-difficulty) 50%);
}
.multiplayer-room__members {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.multiplayer-room__name {
  font-size: 24px;
  word-break: break-word;
}
.multiplayer-room__host {
  display: flex;
  align-items: center;
  padding: 5px;
  white-space: pre;
}
.multiplayer-room__participants {
  display: flex;
  align-items: center;
  padding: 5px;
}
.nav-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: hsl(var(--hsl-c1));
  padding: 10px;
  border-radius: 10000px;
  transition: none;
}
.nav-button:hover,
.nav-button:focus,
.nav-button:active {
  text-decoration: none;
}
.nav-button.js-click-menu--active,
.nav-button:hover {
  background-color: hsla(var(--hsl-c1), 0.2);
}
.nav-button--mobile {
  border-radius: 4px;
  margin: 0 10px 0 0;
  border: none;
}
.nav-button--notifications {
  padding: 7px 10px;
}
.nav-button--support:hover {
  color: #ff66aa;
}
.nav-button--twitter:hover {
  color: hsl(var(--hsl-c1));
}
.nav-click-popup {
  position: absolute;
  top: 100%;
  right: 0;
  height: 0;
  margin-top: -5px;
}
.nav-click-popup--user {
  margin-top: 5px;
}
.nav2 {
  transform: translateZ(0);
  width: 100%;
  height: 90px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  transition: height var(--header-pinned-animation-duration);
}
.js-header-is-pinned .nav2 {
  height: 50px;
}
.nav2__col {
  display: flex;
  align-items: center;
  flex: none;
}
.nav2__col--avatar {
  margin-left: 6px;
}
.nav2__col--logo {
  margin-right: 10px;
}
.nav2__col--menu {
  align-items: stretch;
  position: relative;
}
.nav2__col--notifications {
  margin-left: 6px;
}
.nav2__colgroup {
  display: flex;
  flex: none;
}
.nav2__colgroup--menu {
  margin-right: auto;
}
.nav2__logo {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 100ms ease-in-out;
  background-image: var(--nav-logo);
}
.nav2__logo-link:hover .nav2__logo {
  transform: scale(1.11);
}
.nav2__logo--bg {
  background-image: var(--nav-logo-bg);
  opacity: 0;
}
.nav2__logo-link:hover .nav2__logo--bg {
  opacity: 1;
}
.nav2__logo-link {
  width: 70px;
  height: 70px;
  margin: -5px;
  transition: width var(--header-pinned-animation-duration), height var(--header-pinned-animation-duration);
  position: relative;
}
.js-header-is-pinned .nav2__logo-link {
  height: 40px;
  width: 40px;
}
.nav2__menu-link {
  text-decoration: none;
  padding: 6px 10px;
  line-height: 1;
  color: #ff99cc;
}
.nav2__menu-link:hover,
.nav2__menu-link:focus,
.nav2__menu-link:active {
  text-decoration: none;
}
.nav2__menu-link::after {
  content: "";
  position: absolute;
  border-radius: 10px;
  top: 8px;
  right: 100%;
  width: 3px;
  height: calc(100% - (6px * 2 + 2px * 2));
  background-color: #ffcc22;
  opacity: 0;
  will-change: opacity;
}
.nav2__menu-link:hover {
  color: #fff;
}
.nav2__menu-link:hover::after {
  opacity: 1;
}
.nav2__menu-link:active {
  color: #fff;
}
.nav2__menu-link-main {
  color: #fff;
  text-decoration: none;
  padding: 10px 10px;
  display: flex;
  align-items: center;
}
.nav2__menu-link-main:hover,
.nav2__menu-link-main:focus,
.nav2__menu-link-main:active {
  color: #fff;
}
.nav2__menu-link-main:hover,
.nav2__menu-link-main:focus,
.nav2__menu-link-main:active {
  text-decoration: none;
}
.nav2__colgroup:hover .nav2__menu-link-main {
  color: rgba(255, 255, 255, 0.7);
}
.nav2__colgroup:hover .nav2__menu-link-main:hover,
.nav2__colgroup:hover .nav2__menu-link-main.js-menu--active {
  color: #fff;
}
.nav2__menu-link-main--search {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  align-self: center;
  padding: 0;
}
.nav2__menu-link-main--search:hover {
  background-color: hsl(var(--hsl-h1));
}
.nav2__menu-link-bar {
  position: absolute;
  top: 100%;
  margin-top: 5px;
  height: 3px;
  border-radius: 10px;
  width: 100%;
  display: block;
}
.nav2__menu-popup {
  position: absolute;
  top: 100%;
  height: 0;
  margin-top: -20px;
  left: 10px;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  transition: margin-top var(--header-pinned-animation-duration);
}
.js-header-is-pinned .nav2__menu-popup {
  margin-top: -5px;
}
.nav2__notification-container {
  display: flex;
  padding: 2px;
  border: 2px solid hsl(var(--hsl-c1));
  border-radius: 30px;
}
.nav2-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 509;
}
.nav2-header__body {
  width: 100%;
  z-index: 1;
  position: relative;
}
.nav2-header__menu-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  height: 308px;
  background-color: rgba(17, 17, 17, 0.9);
  transition-duration: 0s;
  border-bottom: 1px solid hsl(var(--hsl-h1));
}
.nav2-header__menu-bg[data-visibility="hidden"] {
  transition-duration: 250ms;
}
.nav2-header__transition-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: hsl(var(--hsl-h2));
  opacity: 0;
  transition: opacity var(--header-pinned-animation-duration);
}
.js-header-is-pinned .nav2-header__transition-overlay {
  opacity: 1;
}
.nav2-header__triangles {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(/assets/images/nav2-background-hue0.1aba1596.png);
  background-position: bottom center;
  background-repeat: repeat-x;
  filter: hue-rotate(var(--base-hue-deg)) saturate(0.6);
}
.nav2-locale-item {
  display: flex;
  align-items: center;
  padding: 2px 0;
}
.nav2-locale-item--no-padding {
  padding: 0;
}
.nav2-locale-item__flag {
  margin-right: 1em;
}
.navbar-mobile {
  background-color: hsl(var(--hsl-h2));
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--z-index--nav-bar-mobile);
  color: #fff;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 10px;
}
.navbar-mobile__brand {
  padding: 0 10px;
  min-width: 0;
  font-size: 14px;
}
.navbar-mobile__header-section {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
}
.navbar-mobile__header-section--buttons {
  flex: none;
}
.navbar-mobile__logo {
  flex: none;
  display: block;
  background-image: var(--nav-logo);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  margin: -5px;
}
.navbar-mobile__toggle {
  outline: none;
  border: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: none;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border-width: 2px;
  color: hsl(var(--hsl-c1));
  display: block;
}
.navbar-mobile__toggle:hover {
  color: hsl(var(--hsl-l1));
}
.navbar-mobile__toggle.js-click-menu--active {
  transform: rotateX(0.5turn);
}
.navbar-mobile__toggle-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-mobile-before {
  padding-top: 50px;
}
.navbar-mobile-item {
  flex: none;
  display: flex;
  flex-direction: column;
}
.navbar-mobile-item--user {
  flex-direction: row;
  align-items: center;
  background-color: hsl(var(--hsl-b4));
}
.navbar-mobile-item__icon {
  width: 30px;
  margin-right: 10px;
  text-align: center;
}
.navbar-mobile-item__icon--closed {
  display: inline-block;
}
.navbar-mobile-item__main.js-click-menu--active > .navbar-mobile-item__icon--closed {
  display: none;
}
.navbar-mobile-item__icon--opened {
  display: none;
}
.navbar-mobile-item__main.js-click-menu--active > .navbar-mobile-item__icon--opened {
  display: inline-block;
}
.navbar-mobile-item__locale-flag {
  display: inline-block;
  margin-right: 5px;
}
.navbar-mobile-item__main {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  color: hsla(var(--hsl-c1), 50%);
  display: flex;
  align-items: center;
  padding: 10px 10px;
}
.navbar-mobile-item__main:hover,
.navbar-mobile-item__main:focus,
.navbar-mobile-item__main:active {
  text-decoration: none;
}
.navbar-mobile-item__main:focus {
  color: hsla(var(--hsl-c1), 50%);
}
.navbar-mobile-item__main:hover,
.navbar-mobile-item__main:active {
  color: hsl(var(--hsl-c1));
}
.navbar-mobile-item__main.js-click-menu--active {
  color: hsl(var(--hsl-c1));
}
.navbar-mobile-item__submenu {
  display: none;
  list-style: none;
  padding: 0;
}
.navbar-mobile-item__submenu.js-click-menu--active {
  display: block;
}
.navbar-mobile-item__submenu-item {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 60px;
  color: hsl(var(--hsl-c2));
}
.navbar-mobile-item__submenu-item:hover,
.navbar-mobile-item__submenu-item:focus,
.navbar-mobile-item__submenu-item:active {
  text-decoration: none;
}
.navbar-mobile-item__submenu-item:hover {
  background-color: hsl(var(--hsl-b3));
}
.navbar-mobile-item__submenu-item:hover,
.navbar-mobile-item__submenu-item:focus,
.navbar-mobile-item__submenu-item:active {
  color: hsl(var(--hsl-c2));
}
.news-card {
  text-decoration: none;
  color: #fff;
  border-radius: 4px;
  display: block;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b4));
  min-width: 0;
}
.news-card:hover,
.news-card:focus,
.news-card:active {
  text-decoration: none;
}
.news-card:hover,
.news-card:focus,
.news-card:active {
  color: #fff;
}
.news-card:hover {
  background-color: hsl(var(--hsl-b3));
}
.news-card--landing {
  margin: 10px;
  flex: 1;
}
.news-card__cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-card__cover-container {
  background-image: url(/assets/images/news-show-default.78f23cb7.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px;
  overflow: hidden;
  height: 160px;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
  .news-card__cover-container {
    background-image: url(/assets/images/news-show-default@2x.92423d4a.jpg);
  }
}
.news-card--show .news-card__cover-container {
  height: 200px;
}
.news-card__main {
  padding: 10px 15px;
}
.news-card--show .news-card__main {
  display: none;
}
.news-card__time {
  border-radius: 10000px;
  font-size: 10px;
  padding: 5px 20px;
  background-color: hsla(var(--hsl-b6), 0.5);
  align-self: flex-end;
  text-transform: uppercase;
  font-weight: 600;
  position: absolute;
  top: 10px;
  right: 15px;
}
.news-card__row {
  font-size: 12px;
}
.news-card__row--author strong {
  font-weight: 600;
}
.news-card__row--preview {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  color: inherit;
}
.news-card--landing .news-card__row--preview {
  display: none;
}
.news-card__row--title {
  font-weight: 600;
}
.news-card--index .news-card__row--title {
  font-size: 20px;
}
.news-card--landing .news-card__row--title {
  font-size: 14px;
}
.news-index {
  display: grid;
  grid-gap: 10px;
}
.news-index__item--more {
  height: auto;
  display: flex;
  justify-content: center;
  padding-top: 15px;
}
.news-post-preview {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  margin-bottom: 5px;
}
.news-post-preview--collapsed {
  margin-bottom: 0px;
  box-shadow: none;
}
.news-post-preview__body {
  display: flex;
  background: hsl(var(--hsl-b4));
}
.news-post-preview__image {
  background-image: var(--bg);
  width: 100%;
  height: 130px;
  background-size: cover;
  background-position: 50%;
  display: block;
  background-color: hsl(var(--hsl-b6));
}
@media (min-resolution: 1.5dppx) {
  .news-post-preview__image {
    background-image: var(--bg-2x);
  }
}
.news-post-preview--collapsed .news-post-preview__image {
  display: none;
}
.news-post-preview__post-date {
  flex: none;
  width: 70px;
  border-right: 1px solid hsl(var(--hsl-l1));
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: hsl(var(--hsl-l1));
  padding-right: 10px;
  text-align: right;
}
.news-post-preview--collapsed .news-post-preview__post-date {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  margin: 0px 10px;
  padding: 5px 10px 5px 0;
}
.news-post-preview__date {
  font-size: 16px;
  font-weight: 800;
}
.news-post-preview--collapsed .news-post-preview__date {
  font-size: 14px;
  font-weight: bold;
}
.news-post-preview__month-year {
  font-size: 11px;
}
.news-post-preview--collapsed .news-post-preview__month-year {
  font-size: 14px;
}
.news-post-preview__post-right {
  margin-right: 10px;
}
.news-post-preview--collapsed .news-post-preview__post-right {
  display: flex;
  align-items: center;
}
.news-post-preview__post-title {
  display: block;
  color: white;
  font-size: 16px;
  margin: 5px 0 10px;
  font-weight: bold;
}
.news-post-preview__post-title:hover,
.news-post-preview__post-title:focus,
.news-post-preview__post-title:active {
  color: white;
}
.news-post-preview--collapsed .news-post-preview__post-title {
  margin: 0;
  font-size: 14px;
}
.news-post-preview__post-content {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  font-size: 12px;
}
.news-post-preview--collapsed .news-post-preview__post-content {
  display: none;
}
.news-show__info {
  margin: 20px 0;
}
.news-show__nav {
  margin-top: 40px;
  margin-bottom: -20px;
}
.news-show__title {
  font-style: normal;
  font-weight: 600;
  font-size: 35px;
  color: inherit;
  padding: 0;
  margin: 0;
}
.news-sidebar-month {
  margin-bottom: 10px;
  font-size: 12px;
}
.news-sidebar-month__item--active {
  color: #fff;
  text-decoration: none;
}
.news-sidebar-month__item--active:hover,
.news-sidebar-month__item--active:focus,
.news-sidebar-month__item--active:active {
  color: #fff;
}
.news-sidebar-month__item--active:hover,
.news-sidebar-month__item--active:focus,
.news-sidebar-month__item--active:active {
  text-decoration: none;
}
.news-sidebar-month__items {
  list-style: none;
  padding: 0;
  margin: 5px 0 0;
  display: grid;
  grid-gap: 5px;
}
.news-sidebar-month__toggle {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: bold;
  display: flex;
  width: 100%;
}
.news-sidebar-month__toggle-icon {
  margin-left: auto;
}
.news-sidebar-years {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
  padding: 5px;
  background-color: hsl(var(--hsl-b3));
  border-radius: 6px;
  font-size: 12px;
  text-align: center;
}
.news-sidebar-years__item--active {
  text-decoration: none;
  color: hsl(var(--hsl-c1));
  font-weight: 600;
}
.news-sidebar-years__item--active:hover,
.news-sidebar-years__item--active:focus,
.news-sidebar-years__item--active:active {
  text-decoration: none;
}
.news-sidebar-years__item--active:hover,
.news-sidebar-years__item--active:focus,
.news-sidebar-years__item--active:active {
  color: hsl(var(--hsl-c1));
}
.nomination-dialog {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  font-size: 14px;
  min-width: 320px;
  max-width: 480px;
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
}
.nomination-dialog__buttons {
  display: flex;
  align-self: flex-end;
  grid-gap: 10px;
  margin-top: 20px;
}
.nomination-dialog__checkboxes {
  display: flex;
  margin: 10px 0;
  grid-gap: 10px;
}
.nomination-dialog__header {
  margin-bottom: 20px;
  font-size: 24px;
}
.nomination-dialog__label {
  color: hsl(var(--hsl-f1));
  padding-left: 5px;
}
.nomination-dialog__label--disabled {
  opacity: 0.5;
}
.nomination-dialog__warn {
  color: hsl(var(--hsl-orange-1));
  padding: 10px 0;
}
.notification-action-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: hsl(var(--hsl-f1));
  pointer-events: initial;
}
.notification-action-button:hover {
  color: #fff;
}
.notification-action-button--fancy {
  padding-left: 6px;
  border-radius: 0 6px 6px 0;
  position: relative;
}
.notification-action-button--fancy:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.notification-action-button--fancy::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  width: 6px;
  border-radius: 0 6px 6px 0;
  background-color: transparent;
}
.notification-popup-item:hover .notification-action-button--fancy::before {
  background-color: hsl(var(--hsl-b1));
}
.notification-popup-item--compact:hover .notification-action-button--fancy::before {
  background-color: hsl(var(--hsl-b4));
}
.notification-popup-item--group:hover .notification-action-button--fancy::before {
  background-color: hsl(var(--hsl-b2));
}
.notification-action-button__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 32px;
}
.notification-banner-v2 {
  display: flex;
  padding: 5px;
  font-size: 12px;
  color: #fff;
  background-color: rgba(135, 0, 0, 0.4);
  z-index: 1;
  flex-direction: column;
  text-align: center;
  position: relative;
  --divider-colour: #ed1221;
  --icon: url(/assets/images/exclamation-icon.0db8a908.svg);
}
@media (min-width: 900px) {
  .notification-banner-v2 {
    flex-direction: row;
    border-radius: 40px;
    text-align: left;
  }
}
.notification-banner-v2--info {
  background-color: hsla(var(--hsl-blue-3), 0.2);
  --divider-colour: hsl(var(--hsl-blue-2));
}
.notification-banner-v2__col {
  margin: 5px;
}
.notification-banner-v2__col--icon {
  height: 30px;
  flex: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--icon);
}
@media (min-width: 900px) {
  .notification-banner-v2__col--icon {
    height: auto;
    width: 30px;
  }
}
.notification-banner-v2__col--label {
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-bottom: 13px;
}
@media (min-width: 900px) {
  .notification-banner-v2__col--label {
    padding-right: 18px;
    padding-bottom: 0;
  }
}
.notification-banner-v2__col--label::after {
  position: absolute;
  content: "";
  height: 3px;
  background-color: var(--divider-colour);
  border-radius: 10px;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 900px) {
  .notification-banner-v2__col--label::after {
    width: 3px;
    height: auto;
    top: 0;
    left: auto;
  }
}
.notification-banner-v2__type {
  font-weight: bold;
  text-transform: capitalize;
}
.notification-banner-v2__text a {
  color: #ffcc22;
}
.notification-banner-v2__text a:hover,
.notification-banner-v2__text a:focus,
.notification-banner-v2__text a:active {
  color: #ffdd55;
}
.notification-icon {
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  display: flex;
}
.notification-icon:hover,
.notification-icon:focus,
.notification-icon:active {
  color: #fff;
}
.notification-icon:hover,
.notification-icon:focus,
.notification-icon:active {
  text-decoration: none;
}
.notification-icon--glow {
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.notification-icon--mobile {
  flex-direction: column;
  color: inherit;
  height: 100%;
}
.notification-icon__count {
  font-size: 13px;
  font-weight: 500;
  margin-left: 5px;
}
.notification-icon--mobile .notification-icon__count {
  font-size: 10px;
  margin-left: 0;
  color: hsl(var(--hsl-c1));
  background-color: hsl(var(--hsl-d3));
  position: absolute;
  padding: 2px 5px;
  border-radius: 10000px;
  right: 2px;
  bottom: 2px;
}
.notification-icon--mobile .notification-icon__inbox {
  padding-bottom: 2px;
}
.notification-index {
  margin: 10px 0;
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 900px) {
  .notification-index {
    margin: 10px 50px;
  }
}
.notification-index__actions {
  font-size: 12px;
  margin-left: auto;
}
.notification-popup {
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
  padding: 10px 10px;
}
@media (min-width: 900px) {
  .notification-popup {
    margin-top: 0;
    max-width: 400px;
    width: 90vw;
    padding: 15px 10px;
    border: 1px solid hsl(var(--hsl-b3));
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  }
}
.notification-popup__buttons {
  display: flex;
}
.notification-popup__clear-button {
  margin-left: auto;
  display: inline-block;
}
.notification-popup__scroll-container {
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 900px) {
  .notification-popup__scroll-container {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    max-height: calc(var(--vh, 1vh) * 100 - (90px + 30px));
    padding: 0 5px;
  }
}
.notification-popup__filters {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2, 1fr);
}
.notification-popup__filter {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: left;
  color: hsl(var(--hsl-l2));
}
.notification-popup__filter:hover,
.notification-popup__filter:focus,
.notification-popup__filter:active {
  color: hsl(var(--hsl-c1));
}
.notification-popup__filter--active {
  color: hsl(var(--hsl-c1));
}
.notification-popup__filter-count {
  margin-right: 5px;
  padding: 2px 10px;
  font-size: smaller;
  color: hsl(var(--hsl-c2));
  background-color: hsl(var(--hsl-b2));
  border-radius: 10000px;
}
.notification-popup__empty-with-more {
  margin-top: -5px;
}
.notification-popup__empty {
  margin: 10px 0 5px;
  white-space: nowrap;
}
.notification-popup__item + .notification-popup__item {
  margin-top: 10px;
}
.notification-popup-item {
  display: flex;
  width: 100%;
  background-color: hsl(var(--hsl-b3));
  border-radius: 6px;
  position: relative;
}
.notification-popup-item:hover {
  background-color: hsl(var(--hsl-b1));
}
.notification-popup-item--compact {
  background-color: transparent;
  margin-left: 10px;
  width: calc(100% - 10px);
}
.notification-popup-item--compact:hover {
  background-color: hsl(var(--hsl-b4));
}
.notification-popup-item--group {
  background-color: hsl(var(--hsl-b3));
}
.notification-popup-item--group:hover {
  background-color: hsl(var(--hsl-b2));
}
.notification-popup-item__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 36px;
  justify-content: center;
  padding: 3px 0 3px 10px;
}
.notification-popup-item__cover {
  border-radius: 6px 0 0 6px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: hsl(var(--hsl-b2));
  width: 60px;
  flex: none;
  position: relative;
  pointer-events: none;
}
.notification-popup-item--compact .notification-popup-item__cover {
  width: 50px;
}
.notification-popup-item--user_achievement_unlock .notification-popup-item__cover {
  background-size: 70%;
}
.notification-popup-item--group.notification-popup-item--user_achievement_unlock .notification-popup-item__cover {
  background-size: 0;
}
.notification-popup-item__cover-icon {
  margin: 0 1px;
}
.notification-popup-item__cover-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px 0 0 6px;
  background-color: rgba(0, 0, 0, 0.6);
}
.notification-popup-item--compact.notification-popup-item--user_achievement_unlock .notification-popup-item__cover-overlay {
  background-color: transparent;
}
.notification-popup-item__link {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.notification-popup-item__main {
  position: relative;
  border-radius: 0 6px 6px 0;
  flex: 1;
  display: flex;
  min-width: 0;
  pointer-events: none;
}
.notification-popup-item__row {
  margin: 2px 0;
}
.notification-popup-item__row--category {
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
.notification-popup-item__row--expand {
  margin-top: 10px;
}
.notification-popup-item__row--message {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  word-wrap: break-word;
}
.notification-popup-item__row--message:hover,
.notification-popup-item__row--message:focus,
.notification-popup-item__row--message:active {
  text-decoration: none;
}
.notification-popup-item__row--message:hover,
.notification-popup-item__row--message:focus,
.notification-popup-item__row--message:active {
  color: #fff;
}
.notification-popup-item__row--time {
  text-decoration: none;
  font-size: 10px;
  color: hsl(var(--hsl-f1));
}
.notification-popup-item__row--time:hover,
.notification-popup-item__row--time:focus,
.notification-popup-item__row--time:active {
  text-decoration: none;
}
.notification-popup-item__row--time:hover,
.notification-popup-item__row--time:focus,
.notification-popup-item__row--time:active {
  color: hsl(var(--hsl-f1));
}
.notification-popup-item:hover .notification-popup-item__row .show-more-link {
  background-color: hsl(var(--hsl-b1));
}
.notification-popup-item:hover .notification-popup-item__row .show-more-link:hover {
  background-color: hsl(var(--hsl-b3));
}
.notification-popup-item__unread-stripe {
  position: absolute;
  width: 6px;
  height: 100%;
  border-radius: 6px 0 0 6px;
  box-shadow: inset 2px 0 hsl(var(--hsl-h1));
  pointer-events: none;
}
.notification-popup-item-group {
  background-color: hsl(var(--hsl-b5));
  border-radius: 16px 16px 6px 6px;
  display: flex;
  flex-direction: column;
}
.notification-popup-item-group__collapse {
  display: flex;
  flex-direction: row;
}
.notification-popup-item-group__expand {
  margin-left: 10px;
}
.notification-popup-item-group__item {
  margin: 1px 0;
}
.notification-popup-item-group__items {
  padding: 9px 0;
  display: flex;
  flex-direction: column;
}
.notification-popup-item-group__show-more {
  font-size: smaller;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.notification-stacks {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: minmax(0, 1fr);
}
.nsfw-warning {
  font-size: 14px;
  text-align: center;
  display: grid;
  grid-gap: 10px;
}
.nsfw-warning__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  --bg: hsl(var(--hsl-blue-2));
  --bg-hover: hsl(var(--hsl-blue-3));
  flex: none;
  padding: 10px;
  margin: 5px;
  background-color: var(--bg);
  border-radius: 150px;
  font-weight: 600;
  width: 200px;
  max-width: 100%;
}
.nsfw-warning__button:hover,
.nsfw-warning__button:focus,
.nsfw-warning__button:active {
  color: #fff;
}
.nsfw-warning__button:hover,
.nsfw-warning__button:focus,
.nsfw-warning__button:active {
  text-decoration: none;
}
.nsfw-warning__button:hover,
.nsfw-warning__button:focus,
.nsfw-warning__button:active {
  background-color: var(--bg-hover);
}
@media (min-width: 480px) {
  .nsfw-warning__button {
    width: 150px;
    max-width: none;
  }
}
.nsfw-warning__button--show {
  --bg: hsl(var(--hsl-red-2));
  --bg-hover: hsl(var(--hsl-red-3));
}
.nsfw-warning__row {
  display: flex;
  justify-content: center;
}
.nsfw-warning__row--buttons {
  margin: 0 -5px -5px;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 480px) {
  .nsfw-warning__row--buttons {
    flex-direction: row;
    align-items: stretch;
  }
}
.nsfw-warning__row--icon {
  font-size: 35px;
}
.nsfw-warning__row--title {
  font-weight: 300;
  font-size: 24px;
}
.oauth-client {
  display: flex;
  gap: 10px;
  flex-direction: row;
  justify-content: space-between;
  font-size: 14px;
  color: hsl(var(--hsl-c1));
}
.oauth-client__actions {
  flex: none;
  gap: 5px 10px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
@media (min-width: 900px) {
  .oauth-client__actions {
    align-items: baseline;
    flex-direction: row;
  }
}
.oauth-client__details {
  overflow-wrap: anywhere;
}
.oauth-client__details--button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: left;
}
.oauth-client__name {
  margin-bottom: 5px;
}
.oauth-client__redirect {
  color: hsl(var(--hsl-c2));
}
.oauth-client__scopes {
  margin-top: 12px;
}
.oauth-client-details {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  font-size: 14px;
  min-width: 320px;
  max-width: 480px;
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
}
.oauth-client-details__buttons {
  display: grid;
  grid-gap: 5px;
  min-width: 200px;
  margin: 10px 0;
  align-self: center;
}
.oauth-client-details__content {
  display: flex;
  flex-direction: column;
}
.oauth-client-details__error {
  margin-top: 5px;
  color: hsl(var(--hsl-red-1));
  padding-left: 10px;
}
.oauth-client-details__group {
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
  display: inline-flex;
  flex-direction: column;
  margin: 10px 0;
}
.oauth-client-details__group * {
  scrollbar-width: thin;
}
.oauth-client-details__group ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.oauth-client-details__group ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.oauth-client-details__group ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.oauth-client-details__group ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.oauth-client-details__group ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
.oauth-client-details__header {
  margin-bottom: 10px;
  font-size: 24px;
}
.oauth-client-details__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  background-color: hsl(var(--hsl-b3));
  border: 2px solid transparent;
  padding: 5px;
  margin-top: 5px;
  font-weight: normal;
  font-size: 16px;
}
@media (min-width: 900px) {
  .oauth-client-details__input {
    font-size: 14px;
  }
}
.oauth-client-details__input:focus {
  border-color: hsl(var(--hsl-l1));
}
.oauth-client-details__input--has-error {
  border-color: hsl(var(--hsl-red-1));
}
.oauth-client-details__input--textarea {
  min-height: 5em;
  max-height: 50vh;
  resize: none;
}
.oauth-client-details__label {
  color: hsl(var(--hsl-f1));
  font-weight: 600;
  font-size: 12px;
}
.oauth-clients__client {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid hsl(var(--hsl-b5));
}
.oauth-scopes {
  list-style: none;
  margin: 0;
  padding: 0 0 0 20px;
}
.oauth-scopes--oauth-form {
  font-size: 14px;
}
.oauth-scopes__icon {
  color: #88b300;
  font-size: 12px;
  width: 20px;
  margin-left: -20px;
  display: inline-block;
}
.order-line-items {
  padding: 0;
  list-style: none;
}
.order-line-items__data {
  font-size: 14px;
}
@media (min-width: 900px) {
  .order-line-items__data {
    font-size: inherit;
  }
}
.order-line-items__data--name {
  grid-area: name;
}
.order-line-items__data--quantity {
  grid-area: quantity;
}
.order-line-items__data--value {
  grid-area: value;
  text-align: right;
}
.order-line-items__data--weight {
  grid-area: weight;
}
.order-line-items__item {
  display: grid;
  padding: 5px 10px;
  grid-gap: 5px 10px;
}
.order-line-items__item--main {
  grid-template-areas: "name name name name" ". weight quantity value";
  grid-template-columns: 1fr repeat(3, minmax(50px, max-content));
}
@media (min-width: 480px) {
  .order-line-items__item--main {
    grid-template-areas: "name weight quantity value";
    grid-template-columns: 1fr repeat(3, minmax(100px, max-content));
    grid-template-rows: auto;
  }
}
.order-line-items__item--main:nth-child(odd) {
  background-color: hsl(var(--hsl-b4));
}
.order-line-items__item--footer {
  grid-template: "name value" / 1fr 100px;
}
.order-line-items__item--footer-total {
  background-color: hsla(var(--hsl-orange-2), 25%);
}
.order-line-items--checkout .order-line-items__item--footer-total {
  display: none;
}
.order-line-items__subtext {
  color: hsl(var(--hsl-c2));
  font-size: 80%;
}
.osu-layout {
  display: flex;
  flex-direction: column;
  transition: filter 200ms ease-in-out, opacity 200ms ease-in-out;
}
.osu-layout--body {
  --nav-logo: url(/assets/images/osu-logo-white.6fafd44a.svg);
  --nav-logo-bg: url(/assets/images/osu-logo-triangles.6cb9b4fb.svg);
  background-color: hsl(var(--hsl-b6));
}
.osu-layout--body-landing {
  background-color: hsl(var(--hsl-b6));
}
.osu-layout--body-landing::before {
  background-image: url(/assets/images/page-dark.4726cb09.png);
  background-size: 500px 500px;
  opacity: 0.25;
  position: fixed;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
}
@media (min-resolution: 1.5dppx) {
  .osu-layout--body-landing::before {
    background-image: url(/assets/images/page-dark@2x.0043cfcc.png);
  }
}
.osu-layout--body-lazer {
  --nav-logo: url(/assets/images/osu-lazer-logo-white.6fafd44a.svg);
  --nav-logo-bg: url(/assets/images/osu-lazer-logo-triangles.6cb9b4fb.svg);
}
.osu-layout--full {
  flex: 1 0 auto;
  width: 100%;
}
.osu-layout--masked {
  position: absolute;
  filter: brightness(0);
  opacity: 0.8;
  pointer-events: none;
  backface-visibility: hidden;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .osu-layout--masked {
    /* IE10+ fallback */
    opacity: 0;
  }
}
.osu-layout__no-scroll {
  overflow: hidden;
  flex: 1 0 auto;
  position: relative;
}
.osu-layout__section {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.osu-layout__section--full {
  flex: 1 0 auto;
}
.osu-layout__section--landing-footer {
  margin-top: auto;
  margin-bottom: 0;
  flex: none;
  background-image: url(/assets/images/page-000.f28663df.png);
  background-size: 500px 500px;
}
@media (min-resolution: 1.5dppx) {
  .osu-layout__section--landing-footer {
    background-image: url(/assets/images/page-000@2x.50383762.png);
  }
}
.osu-md {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  color: inherit;
  font-size: 14px;
  word-wrap: break-word;
  --code-background-colour: hsl(var(--hsl-b6));
  --paragraph-space: 1.5em;
}
.osu-md code {
  border-radius: 4px;
  background-color: var(--code-background-colour);
  color: hsl(var(--hsl-l1));
  padding: 1px 4px;
}
.osu-md hr {
  border-color: hsl(var(--hsl-b3));
}
.osu-md iframe {
  max-width: 100%;
}
.osu-md img {
  max-width: 100%;
}
.osu-md--comment.osu-md img {
  -o-object-fit: contain;
     object-fit: contain;
  min-height: 1em;
  max-height: 6em;
}
.osu-md--discussions.osu-md img {
  -o-object-fit: contain;
     object-fit: contain;
  min-height: 1em;
  max-height: 480px;
}
.osu-md video {
  max-width: 100%;
}
.osu-md pre {
  background-color: var(--code-background-colour);
  color: hsl(var(--hsl-l1));
  border: none;
  border-radius: 0;
}
.osu-md pre > code {
  border: none;
  padding: 0;
}
.osu-md > *:last-child {
  margin-bottom: 0;
}
.osu-md--chat {
  --code-background-colour: hsl(var(--hsl-b3));
  flex: 1;
  overflow-wrap: anywhere;
}
.osu-md--chat h1,
.osu-md--chat h2,
.osu-md--chat h3,
.osu-md--chat h4,
.osu-md--chat h5,
.osu-md--chat h6 {
  font-size: revert;
  border-bottom: 1px solid hsl(var(--hsl-b3));
}
.osu-md--chat-action {
  color: hsl(var(--hsl-l1));
  font-style: italic;
}
.osu-md--chat-action::before {
  content: "* ";
}
.osu-md--chat-action::after {
  content: " *";
}
.osu-md--chat-plain p {
  display: inline;
}
.osu-md--discussions {
  font: inherit;
  font-size: inherit;
}
.osu-md--group {
  --paragraph-space: 10px;
}
.osu-md--news {
  padding: 0;
  color: hsl(var(--hsl-c1));
  font-size: 14px;
}
.osu-md--store-product {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  font-family: var(--font-default-override, var(--font-default));
  font-size: 18px;
}
.osu-md__figure-caption {
  margin-top: 5px;
  font-style: normal;
  display: inline-block;
}
.osu-md__figure-container {
  margin: var(--paragraph-space) 0;
  text-align: center;
}
.osu-md--comment .osu-md__figure-container {
  text-align: inherit;
}
.osu-md__figure-image {
  display: block;
  margin: 0 auto;
}
.osu-md__figure-image--gallery {
  cursor: pointer;
}
.osu-md--comment .osu-md__figure-image {
  margin: 0;
}
.osu-md__footnote-container > ol {
  padding-left: 0;
  list-style: none;
  counter-reset: c 0;
}
.osu-md__header {
  font-family: var(--font-default-override, var(--font-default));
  clear: both;
  font-weight: bold;
  font-style: normal;
  color: hsl(var(--hsl-c1));
}
.osu-md__header:first-child {
  margin-top: 0;
}
.osu-md__header--1 {
  margin-top: 40px;
  font-weight: 600;
}
.osu-md--comment .osu-md__header--1 {
  font-size: 1.2em;
}
.osu-md--store-product .osu-md__header--1 {
  font-weight: 200;
  font-size: 40px;
  margin: 0;
}
.osu-md--store-product-small .osu-md__header--1 {
  font-size: 32px;
}
.osu-md--wiki .osu-md__header--1 {
  margin-right: 0;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid hsl(var(--hsl-b3));
}
.osu-md__header--2 {
  font-size: 26px;
  font-weight: 600;
  margin: 20px 0 10px;
}
.osu-md--comment .osu-md__header--2 {
  font-size: 1.1em;
}
.osu-md--news .osu-md__header--2 {
  font-size: 24px;
  padding-bottom: 5px;
  border-bottom: 1px solid hsl(var(--hsl-b3));
}
.osu-md--wiki .osu-md__header--2 {
  padding-bottom: 5px;
  border-bottom: 1px solid hsl(var(--hsl-b3));
}
.osu-md__header--3 {
  font-size: 20px;
  margin: 30px 0 10px;
}
.osu-md--comment .osu-md__header--3 {
  font-size: 1em;
}
.osu-md--news .osu-md__header--3 {
  font-size: 18px;
}
.osu-md__header--4 {
  font-size: 18px;
  margin: 30px 0 10px;
}
.osu-md--comment .osu-md__header--4 {
  font-size: 1em;
}
.osu-md--news .osu-md__header--4 {
  font-size: inherit;
  color: inherit;
}
.osu-md__header--5 {
  font-size: 16px;
  margin-top: 20px;
}
.osu-md--comment .osu-md__header--5 {
  font-size: 1em;
}
.osu-md__header--6 {
  font-size: 14px;
  margin-top: 20px;
}
.osu-md--comment .osu-md__header--6 {
  font-size: 1em;
}
.osu-md__infobox {
  padding: 10px;
  margin: var(--paragraph-space) 0;
  border: 1px solid hsl(var(--hsl-b4));
  border-radius: 4px;
  text-align: center;
}
@media (min-width: 620px) {
  .osu-md__infobox {
    float: right;
    clear: right;
    width: 50%;
    max-width: 300px;
    margin: 0 0 5px 10px;
  }
}
.osu-md__infobox > :first-child {
  margin-top: 0;
}
.osu-md__infobox > :last-child {
  margin-bottom: 0;
}
.osu-md__infobox thead {
  display: none;
}
.osu-md__infobox tbody > tr:first-child > td {
  border-top: none;
}
.osu-md__infobox td {
  vertical-align: top;
}
.osu-md__link--footnote-ref {
  font-size: 11px;
}
.osu-md__link--footnote-ref::after {
  content: "]";
}
.osu-md__link--footnote-ref::before {
  content: "[";
}
.osu-md__list {
  padding-left: 20px;
}
.osu-md__list--ordered {
  list-style: none;
  padding-left: 0;
  counter-reset: c var(--list-start);
}
.osu-md__list-item {
  margin: 5px 0;
}
.osu-md--store .osu-md__list-item {
  margin-left: 10px;
}
.osu-md__list--ordered > .osu-md__list-item,
.osu-md__footnote-container .osu-md__list-item {
  counter-increment: c;
  display: flex;
}
.osu-md__list--ordered > .osu-md__list-item::before,
.osu-md__footnote-container .osu-md__list-item::before {
  content: counter(c) ". ";
  min-width: 30px;
  padding-right: 5px;
  flex: none;
}
.osu-md__list--ordered > .osu-md__list-item > div,
.osu-md__footnote-container .osu-md__list-item > div {
  flex: 1;
  min-width: 0;
}
.osu-md__paragraph {
  margin-bottom: var(--paragraph-space);
  line-height: 1.5;
}
.osu-md--store .osu-md__paragraph {
  margin-bottom: 10px;
}
.osu-md--store-product-small .osu-md__paragraph {
  display: none;
}
.osu-md__list-item--footnote .osu-md__paragraph {
  margin-bottom: 0;
  flex: 1;
  min-width: 0;
  line-height: inherit;
}
.osu-md__table {
  overflow-x: auto;
  margin-bottom: 20px;
}
.osu-md--store .osu-md__table table {
  width: 100%;
}
.osu-md__table-data {
  border-top: 1px solid hsl(var(--hsl-b4));
  padding: 5px;
  min-width: 30px;
}
.osu-md__table-data--center {
  text-align: center;
}
.osu-md__table-data--header {
  font-family: var(--font-default-override, var(--font-default));
  border-top: none;
  border-bottom: 2px solid hsl(var(--hsl-b3));
  font-weight: bold;
}
.osu-md__table-data--left {
  text-align: left;
}
.osu-md__table-data--right {
  text-align: right;
}
.osu-page {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  flex: none;
  width: calc(100% - (0px * 2));
  max-width: 1000px;
}
.osu-page .default {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media (min-width: 900px) {
  .osu-page {
    width: calc(100% - ((0px + 20px) * 2));
    max-width: 1000px;
  }
}
.osu-page--account-edit {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.osu-page--account-edit-header {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.osu-page--admin {
  background-color: hsl(var(--hsl-b5));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: hsl(var(--hsl-c1));
}
@media (min-width: 900px) {
  .osu-page--admin {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--admin h1,
.osu-page--admin h3,
.osu-page--admin h4 {
  font-style: normal;
  color: white;
}
.osu-page--admin h1 {
  font-size: 28px;
}
.osu-page--admin h3 {
  font-size: 14px;
}
.osu-page--admin h4 {
  font-size: 12px;
}
.osu-page--admin ul {
  list-style: none;
  padding: 0;
}
.osu-page--admin pre {
  background-color: hsl(var(--hsl-b6));
  border: none;
  color: white;
}
.osu-page--admin small {
  color: hsl(var(--hsl-f1));
}
.osu-page--admin .label-default {
  color: hsl(var(--hsl-f1));
  background-color: hsl(var(--hsl-b6));
}
@media (min-width: 900px) {
  .osu-page--artist {
    margin-top: 10px;
  }
}
.osu-page--artist-track-search-result {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .osu-page--artist-track-search-result {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--beatmapset {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  --padding-x: 10px;
  padding: 20px var(--padding-x);
}
@media (min-width: 900px) {
  .osu-page--beatmapset {
    --padding-x: 40px;
  }
}
.osu-page--beatmapsets-search-header {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.osu-page--changelog {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b4));
  display: flex;
  flex-direction: column;
}
.osu-page--comment {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  --comments-bg-hsl: var(--hsl-b5);
  --comments-fg: hsl(var(--hsl-c1));
  background-color: hsl(var(--comments-bg-hsl));
  color: var(--comments-fg);
  padding: 10px 0 0;
}
.osu-page--comments {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  --comments-bg-hsl: var(--hsl-b5);
  --comments-fg: hsl(var(--hsl-c1));
  background-color: hsl(var(--comments-bg-hsl));
  color: var(--comments-fg);
  padding: 10px 0;
}
.osu-page--contests {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.osu-page--description {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-d3));
  color: hsl(var(--hsl-c1));
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .osu-page--description {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--forum {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
}
.osu-page--forum-topic {
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
}
.osu-page--forum-topic-reply {
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-c1));
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
}
.osu-page--forum-topic-reply.js-forum-topic-reply-flash {
  animation: forum-topic-reply-flash 500ms ease-in-out;
}
@keyframes forum-topic-reply-flash {
  50% {
    background-color: hsl(var(--hsl-b1));
  }
}
.osu-page--forum-topic-reply[data-state="stick"] {
  position: fixed;
  z-index: 1;
  bottom: 0;
  height: calc(var(--vh, 1vh) * 100 - 50px);
}
@media (min-width: 900px) {
  .osu-page--forum-topic-reply[data-state="stick"] {
    position: relative;
    top: auto;
    z-index: auto;
    height: auto;
  }
}
.osu-page--full {
  flex: 1 0 auto;
}
.osu-page--generic {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .osu-page--generic {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--generic-compact {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.osu-page--group-history-footer {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-b4));
  font-size: 12px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}
@media (min-width: 900px) {
  .osu-page--group-history-footer {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--info-bar {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: hsl(var(--hsl-d3));
  display: flex;
}
@media (min-width: 900px) {
  .osu-page--info-bar {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 900px) {
  .osu-page--notification-banners {
    position: absolute;
    top: 100px;
    display: grid;
    gap: 4px;
  }
}
.osu-page--ranking-info {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: hsl(var(--hsl-d3));
  font-size: 14px;
  display: grid;
  gap: 20px;
}
@media (min-width: 900px) {
  .osu-page--ranking-info {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--ranking-info-extra {
  padding-top: 0;
}
@media (min-width: 900px) {
  .osu-page--small {
    width: calc(100% - ((20px + 20px) * 2));
    max-width: 960px;
  }
}
.osu-page--store {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
}
.osu-page--supporter {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.osu-page--wiki {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  font-size: 14px;
}
.osu-page--wiki-main {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .osu-page--wiki-main {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.osu-page--chat {
  background-color: hsl(var(--hsl-b5));
  color: hsl(var(--hsl-c1));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  flex: 1 0 auto;
  display: flex;
  height: calc((var(--vh, 1vh) * 100) - (160px + 60px));
}
@media (max-width: 899px) {
  .osu-page--chat {
    height: calc((var(--vh, 1vh) * 100) - var(--navbar-height));
  }
}
.osu-switch-v2 {
  flex: none;
  display: inline-flex;
  cursor: pointer;
  align-items: baseline;
  font-size: inherit;
  text-transform: none;
  margin: 0 5px 0 0;
}
.osu-switch-v2--grid {
  margin: 0;
}
.osu-switch-v2__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.osu-switch-v2__content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  color: hsla(var(--hsl-h1), 0.5);
  border: 2px solid currentColor;
}
.osu-switch-v2__content::after {
  opacity: 0;
}
.osu-switch-v2--disabled .osu-switch-v2__content {
  opacity: 0.5;
}
.osu-switch-v2__input:checked + .osu-switch-v2__content {
  color: hsl(var(--hsl-h1));
}
.osu-switch-v2__input:checked + .osu-switch-v2__content::after {
  opacity: 1;
}
.osu-switch-v2__input[type="checkbox"] + .osu-switch-v2__content {
  border-radius: 0.5em;
}
.osu-switch-v2__input[type="checkbox"] + .osu-switch-v2__content::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  content: "\f00c";
}
.osu-switch-v2__input[type="checkbox"] + .osu-switch-v2__content::after.fa-pull-left {
  margin-right: 0.3em;
}
.osu-switch-v2__input[type="checkbox"] + .osu-switch-v2__content::after.fa-pull-right {
  margin-left: 0.3em;
}
.osu-switch-v2__input[type="checkbox"][data-indeterminate="true"] + .osu-switch-v2__content {
  color: hsl(var(--hsl-h1));
}
.osu-switch-v2__input[type="checkbox"][data-indeterminate="true"] + .osu-switch-v2__content::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  content: "\f068";
  opacity: 1;
}
.osu-switch-v2__input[type="checkbox"][data-indeterminate="true"] + .osu-switch-v2__content::after.fa-pull-left {
  margin-right: 0.3em;
}
.osu-switch-v2__input[type="checkbox"][data-indeterminate="true"] + .osu-switch-v2__content::after.fa-pull-right {
  margin-left: 0.3em;
}
.osu-switch-v2__input[type="radio"] + .osu-switch-v2__content {
  border-radius: 50%;
}
.osu-switch-v2__input[type="radio"] + .osu-switch-v2__content::after {
  content: "";
  background-color: currentColor;
  border-radius: 50%;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
.osu-table {
  overflow-x: auto;
  color: hsl(var(--hsl-f1));
}
.osu-table__table {
  width: 100%;
  min-width: 800px;
  font-size: 12px;
}
.osu-table__header {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px;
}
.osu-table__body-row {
  height: 1.8em;
}
.osu-table--taller-rows .osu-table__body-row {
  height: 3em;
}
.osu-table--menu-active .osu-table__body-row--highlightable {
  pointer-events: none;
}
.osu-table__cell:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.osu-table--with-handle .osu-table__cell:nth-last-child(2) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
:not(.osu-table--with-handle) .osu-table__cell:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.osu-table__body-row--highlightable .osu-table__cell {
  background-color: hsl(var(--hsl-b5));
}
.osu-table__body-row--highlightable:nth-child(odd) .osu-table__cell {
  background-color: hsl(var(--hsl-b4));
}
.osu-table__body-row--highlightable:hover .osu-table__cell {
  color: #fff;
  background-color: hsl(var(--hsl-b3));
}
.osu-table__body-row--highlightable:hover:nth-child(odd) .osu-table__cell {
  background-color: hsl(var(--hsl-b3));
}
.page-contents {
  width: 100%;
  font-size: 14px;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
@media (min-width: 900px) {
  .page-contents {
    flex-direction: row;
  }
}
.page-contents--artist {
  flex-direction: column-reverse;
  background-color: hsl(var(--hsl-b5));
}
@media (min-width: 900px) {
  .page-contents--artist {
    flex-direction: row;
    background: none;
  }
}
.page-contents__artist-left {
  flex: 1;
}
.page-contents__content {
  padding: 20px 20px 10px;
}
@media (min-width: 900px) {
  .page-contents__content {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .page-contents__content + .page-contents__content {
    border-width: 0 0 0 1px;
    border-style: solid;
    -o-border-image: linear-gradient(to top, #ccc, transparent 80%) 1;
       border-image: linear-gradient(to top, #ccc, transparent 80%) 1;
  }
}
.page-contents__row {
  margin-bottom: 10px;
  padding: 0 10px;
}
.page-contents__row--top {
  margin-bottom: 20px;
}
@media (min-width: 900px) {
  .page-contents__sidebar {
    height: 100%;
    margin-left: 10px;
  }
}
.page-extra {
  --dragdrop-margin: 0;
  --gutter-desktop: 50px;
  --gutter: 10px;
  --inner-gutter: calc(var(--gutter) - var(--outer-gutter));
  --outer-gutter-desktop: 10px;
  --outer-gutter: 2px;
  --padding-vertical: 20px;
  transform: translateZ(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding: var(--padding-vertical) var(--inner-gutter);
  margin: 0 var(--outer-gutter);
  position: relative;
  background-color: hsl(var(--hsl-b4));
  font-size: 14px;
  border-radius: 10px;
}
@media (min-width: 900px) {
  .page-extra {
    --gutter: var(--gutter-desktop);
    --outer-gutter: var(--outer-gutter-desktop);
  }
}
.page-extra--compact {
  padding: 0;
}
.page-extra--userpage {
  padding-right: 0;
  padding-bottom: 0;
  --dragdrop-margin: var(--inner-gutter);
}
.page-extra__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: auto;
  right: var(--inner-gutter);
  top: var(--padding-vertical);
}
@media (min-width: 900px) {
  .page-extra__actions {
    width: var(--inner-gutter);
    right: 0;
  }
}
.page-extra__alert {
  width: 100%;
  min-height: 30px;
  border-radius: 40px;
  margin-bottom: 5px;
  padding: 5px 20px;
}
.page-extra__alert--info {
  background-color: #ffcc22;
  color: #000;
}
.page-extra__alert--warning {
  background-color: #ba0011;
  color: #fff;
}
.page-extra__beatmapsets {
  display: grid;
  gap: 10px;
}
@media (min-width: 900px) {
  .page-extra__beatmapsets {
    grid-template-columns: 1fr 1fr;
  }
}
.page-extra__chart {
  height: 250px;
  width: 100%;
  position: relative;
}
.page-extra__content-overflow-wrapper-inner {
  padding-right: var(--gutter);
  padding-bottom: 20px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.page-extra__content-overflow-wrapper-outer {
  max-height: 400px;
}
.page-extra__recent-medals {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  height: 1em;
  font-size: 90px;
  gap: 10px;
}
.page-extra__recent-medals-box {
  background-color: hsl(var(--hsl-b3));
  margin: 0 calc(-1 * var(--inner-gutter)) 20px;
  padding: 0 var(--inner-gutter) 20px;
}
.page-extra__user-multiplayer-rooms {
  gap: 20px;
  display: grid;
}
.page-extra-tabs {
  position: sticky;
  top: calc(var(--navbar-height) - 1px);
  z-index: 99;
}
.page-extra-tabs-before {
  height: 15px;
  margin: 0 auto;
  background-color: hsl(var(--hsl-b5));
}
@media (min-width: 900px) {
  .page-extra-tabs-before {
    width: calc(100% - ((20px + 20px) * 2));
    max-width: 960px;
  }
}
.page-image {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: hsl(var(--hsl-b4));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 900px) {
  .page-image {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.page-image__image {
  max-width: 100%;
  border-radius: 6px;
  flex: none;
}
.page-image__title {
  font-size: 24px;
  font-style: normal;
  margin: 20px 0 0;
  padding: 0;
  color: hsl(var(--hsl-c1));
  flex: none;
}
.page-mode {
  background-color: hsl(var(--hsl-b5));
  color: #ccc;
  display: block;
  text-align: center;
  padding: 20px 10px 0;
  list-style: none;
  margin: 0;
  font-size: 15px;
  overflow: hidden;
}
@media (max-width: 899px) {
  .page-mode {
    font-size: 12px;
    padding: 0px;
    padding-top: 5px;
  }
}
.page-mode--page-extra-tabs {
  padding-top: 5px;
  border-bottom: 1px solid hsl(var(--hsl-h1));
}
@media (max-width: 899px) {
  .page-mode--page-extra-tabs {
    display: flex;
    align-items: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.page-mode--profile-page-extra {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  overflow-x: auto;
}
@media (min-width: 900px) {
  .page-mode--profile-page-extra {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.page-mode--ranking {
  background-color: transparent;
  padding: 0;
  text-align: inherit;
  font-size: inherit;
}
.page-mode--search {
  background: transparent;
  -o-border-image: linear-gradient(to right, transparent, #fff, transparent) 1;
     border-image: linear-gradient(to right, transparent, #fff, transparent) 1;
  border-bottom: 1px solid;
  border-top-width: 0;
  padding-top: 0;
  margin: 10px 0;
}
.page-mode__item {
  text-decoration: none;
  display: inline-flex;
  vertical-align: bottom;
  line-height: 1;
  margin: 0 10px;
}
.page-mode__item:hover,
.page-mode__item:focus,
.page-mode__item:active {
  text-decoration: none;
}
.page-mode--breadcrumb .page-mode__item {
  margin-left: 5px;
  margin-right: 5px;
}
.page-mode--breadcrumb .page-mode__item + .page-mode__item::before {
  content: "»";
  margin-right: 10px;
  margin-top: 5px;
  vertical-align: middle;
}
.page-mode--profile-page-extra .page-mode__item {
  margin: 0;
}
@media (max-width: 899px) {
  .page-mode__item:last-child {
    padding-right: 10px;
  }
}
.page-mode__item-icon {
  font-size: 89%;
}
.page-mode__underline {
  margin-top: 0;
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, transparent, hsl(var(--hsl-b6)), transparent);
}
.page-mode-link {
  text-decoration: none;
  color: #ccc;
  padding: 5px 0 10px;
  display: flex;
  position: relative;
}
.page-mode-link:hover,
.page-mode-link:focus,
.page-mode-link:active {
  text-decoration: none;
}
.page-mode-link:hover,
.page-mode-link:focus,
.page-mode-link:active {
  color: #eee;
}
@media (max-width: 899px) {
  .page-mode-link {
    white-space: nowrap;
  }
}
.page-mode-link.js-is-active,
.page-mode-link--is-active {
  font-weight: 600;
  color: #fff;
}
.page-mode-link.js-is-active.page-mode-link--profile-page,
.page-mode-link--is-active.page-mode-link--profile-page {
  color: hsl(var(--hsl-c1));
}
.page-mode-link--white {
  color: #fff;
}
.page-mode-link--white:hover,
.page-mode-link--white:focus,
.page-mode-link--white:active {
  color: #fff;
}
.page-mode-link--is-disabled {
  color: hsl(var(--hsl-f1));
  cursor: default;
}
.page-mode-link--is-disabled:hover,
.page-mode-link--is-disabled:focus,
.page-mode-link--is-disabled:active {
  color: hsl(var(--hsl-f1));
}
.page-mode-link--is-disabled.page-mode-link--white {
  color: #fff;
  opacity: 0.5;
}
.page-mode-link--is-disabled.page-mode-link--white:hover,
.page-mode-link--is-disabled.page-mode-link--white:focus,
.page-mode-link--is-disabled.page-mode-link--white:active {
  color: #fff;
}
.page-mode-link--profile-page {
  color: hsl(var(--hsl-l2));
  padding: 0;
  margin: 0;
}
.page-mode-link--profile-page:hover,
.page-mode-link--profile-page:focus,
.page-mode-link--profile-page:active {
  color: hsl(var(--hsl-l1));
}
.page-mode-link__badge {
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 80%;
  font-weight: bold;
  margin-left: 5px;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-f1));
}
.page-mode-link__stripe {
  position: absolute;
  width: 100%;
  display: block;
  bottom: 0;
  left: 0;
  height: 5px;
  transform: translateY(5px) scaleY(0);
  transition: transform 120ms ease-in-out;
  background-color: hsl(var(--hsl-h1));
}
.page-mode-link__stripe--black {
  background-color: hsl(var(--hsl-b6));
}
.page-mode-link--profile-page .page-mode-link__stripe {
  background-color: hsl(var(--hsl-h1));
  height: 10px;
  bottom: -6px;
  border-radius: 10000px;
  transform: translateY(0) scaleY(0);
}
.page-mode-link.js-is-active .page-mode-link__stripe,
.page-mode-link--is-active .page-mode-link__stripe,
.page-mode-link:hover .page-mode-link__stripe {
  transform: translateY(0) scaleY(1);
}
.page-mode-link--is-disabled .page-mode-link__stripe {
  opacity: 0;
}
.page-mode-link__subtitle {
  font-size: 11px;
}
.page-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-nav__item {
  display: flex;
  align-items: center;
  padding: 20px 10px;
}
@media (min-width: 900px) {
  .page-nav__item {
    flex: 1;
  }
}
@media (min-width: 900px) {
  .page-nav__item--left {
    justify-content: flex-end;
  }
}
.page-nav__label {
  padding: 0 10px;
}
.page-nav-fancy {
  background-image: var(--bg, url(/assets/images/news-show-default.78f23cb7.jpg));
  text-decoration: none;
  color: #fff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 20px 10px;
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
  .page-nav-fancy {
    background-image: var(--bg-2x, url(/assets/images/news-show-default@2x.92423d4a.jpg));
  }
}
.page-nav-fancy:hover,
.page-nav-fancy:focus,
.page-nav-fancy:active {
  text-decoration: none;
}
.page-nav-fancy:hover,
.page-nav-fancy:focus,
.page-nav-fancy:active {
  color: #fff;
}
@media (min-width: 900px) {
  .page-nav-fancy {
    margin-left: -30px;
    margin-right: -50px;
    padding-left: 30px;
    padding-right: 50px;
  }
}
.page-nav-fancy::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  transition: all 120ms ease-in-out;
  will-change: opacity;
  content: "";
  background-color: hsl(var(--hsl-b6));
  opacity: 0.75;
}
.page-nav-fancy:hover::before {
  opacity: 0.6;
}
.page-nav-fancy__label {
  order: 1;
  position: relative;
}
.page-nav-fancy--prev .page-nav-fancy__label {
  text-align: right;
}
.page-nav-fancy__subtitle {
  font-weight: 600;
  font-size: 12px;
}
.page-nav-fancy__icon {
  order: 1;
  position: relative;
}
.page-nav-fancy--prev .page-nav-fancy__icon {
  transform: rotate(0.5turn);
  order: 0;
}
.page-tabs {
  --border-size: 5px;
  --tab-hover-border-colour: transparent;
  --tab-active-border-colour: hsl(var(--hsl-h1));
  display: flex;
  gap: 20px;
  width: 100%;
  justify-content: center;
  margin-bottom: 1px;
  position: relative;
}
.page-tabs::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to left, transparent 10%, hsl(var(--hsl-b1)) 50%, transparent 90%);
}
.page-tabs--follows {
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 0 10px;
  --border-size: 2px;
  --tab-hover-border-colour: var(--tab-active-border-colour);
}
.page-tabs--follows::before {
  background-image: none;
  background-color: hsl(var(--hsl-d2));
  width: 100%;
  height: var(--border-size);
  top: calc(100% - var(--border-size));
}
.page-tabs__tab {
  margin: 0;
  padding: 5px 0;
  border-bottom: var(--border-size) solid transparent;
  font-size: 14px;
  color: white;
  cursor: pointer;
  position: relative;
}
.page-tabs__tab:hover,
.page-tabs__tab:active,
.page-tabs__tab:focus {
  color: hsl(var(--hsl-l1));
  text-decoration: none;
  border-bottom-color: var(--tab-hover-border-colour);
}
.page-tabs__tab--active {
  font-weight: 700;
  border-bottom-color: var(--tab-active-border-colour);
  --tab-hover-border-colour: var(--tab-active-border-colour);
}
.page-tabs__tab--disabled {
  color: #ccc;
  cursor: default;
}
.page-tabs__tab--disabled:hover,
.page-tabs__tab--disabled:active,
.page-tabs__tab--disabled:focus {
  color: #ccc;
  text-decoration: none;
}
.page-title {
  color: hsl(var(--hsl-l1));
  font-size: 15px;
  padding: 20px;
  position: relative;
}
.page-title--lighter {
  font-weight: 100;
  color: hsl(var(--hsl-l1));
}
.page-title__button {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.pagination-v2 {
  padding: 10px 0;
  color: hsl(var(--hsl-l2));
  justify-content: center;
  font-size: 12px;
  display: flex;
  align-items: center;
  --active-bg: hsl(var(--hsl-h1));
}
@media (min-width: 900px) {
  .pagination-v2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.pagination-v2--forum {
  --active-bg: var(--forum-bg);
  margin-bottom: -2px;
}
.pagination-v2__col {
  display: flex;
  margin: 2px;
}
.pagination-v2__col--pages {
  list-style: none;
  margin: -2px;
  padding: 0;
  flex-wrap: wrap;
}
.pagination-v2__item {
  margin: 2px;
}
.pagination-v2__link {
  text-decoration: none;
  display: block;
  padding: 4px 10px;
  border-radius: 10000px;
}
.pagination-v2__link:hover,
.pagination-v2__link:focus,
.pagination-v2__link:active {
  text-decoration: none;
}
.pagination-v2__link--active {
  font-weight: 600;
  color: hsl(var(--hsl-b5));
  background-color: var(--active-bg);
}
.pagination-v2__link--disabled {
  opacity: 0.5;
}
.pagination-v2__link--quick {
  white-space: nowrap;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  background-color: hsl(var(--hsl-b4));
}
.password-reset {
  width: 100%;
  max-width: 300px;
  padding: 20px;
  margin: 0 auto;
  font-size: 12px;
  color: #fff;
}
.password-reset__error {
  display: none;
  margin-top: 5px;
  color: #ffcc22;
}
[data-form-error-state="error"] .password-reset__error {
  display: block;
}
.password-reset__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  background-color: #111;
  border: 2px solid transparent;
  padding: 5px;
  margin-top: 5px;
}
.password-reset__input:focus {
  border-color: #ffcc22;
}
[data-form-error-state="error"] .password-reset__input {
  border-color: #ed1221;
}
.password-reset__input-group {
  display: flex;
  flex-direction: column;
  font-weight: normal;
  text-transform: none;
  margin: 10px 0;
}
.pill-badge {
  padding: 2px 8px;
  border-radius: 10000px;
  font-size: 10px;
  font-weight: bold;
  background: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-f1));
}
.pill-badge--pink {
  background: hsl(var(--hsl-pink-1));
  color: hsl(var(--hsl-b6));
}
.pill-badge--with-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.pill-badge--yellow {
  background: hsl(var(--hsl-orange-1));
  color: hsl(var(--hsl-b6));
}
.plain-text-preview {
  display: inline;
}
.play-button {
  --icon: "\f04b";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  position: relative;
}
.play-button.fa-pull-left {
  margin-right: 0.3em;
}
.play-button.fa-pull-right {
  margin-left: 0.3em;
}
[data-audio-state="loading"] .play-button,
[data-audio-state="playing"] .play-button {
  --icon: "\f04c";
}
.play-button::before {
  content: var(--icon);
}
.play-detail {
  --border-radius: 10px;
  --bg: hsl(var(--hsl-b3));
  --bg-main: hsl(var(--hsl-b2));
  --pin-sortable-handle-width: 20px;
  border-radius: var(--border-radius);
  background-color: var(--bg);
  line-height: normal;
  color: #fff;
  font-size: 12px;
  min-height: 60px;
  position: relative;
  margin: 2px 0;
}
@media (min-width: 900px) {
  .play-detail {
    display: flex;
    min-height: auto;
    background-color: transparent;
  }
  .play-detail:hover,
  .play-detail--active {
    --bg: hsl(var(--hsl-b2));
    --bg-main: hsl(var(--hsl-b1));
  }
}
.play-detail-list--menu-active .play-detail--highlightable {
  pointer-events: none;
}
@media (min-width: 900px) {
  .play-detail--pin-sortable {
    margin-left: calc(-1 * var(--pin-sortable-handle-width));
  }
}
.play-detail__accuracy {
  color: #ffcc22;
  display: inline-block;
  min-width: 60px;
}
.play-detail__accuracy-and-weighted-pp {
  font-size: 14px;
  font-weight: 600;
}
.play-detail__artist {
  display: block;
}
@media (min-width: 900px) {
  .play-detail__artist {
    display: inline;
  }
}
.play-detail__beatmap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #eeaa00;
}
.play-detail__beatmap-and-time {
  margin-top: 2px;
  white-space: nowrap;
  display: flex;
  gap: 15px;
}
.play-detail__detail {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.play-detail__group {
  padding: 10px 20px;
}
.play-detail__group--bottom {
  position: relative;
}
@media (min-width: 900px) {
  .play-detail__group--bottom {
    display: flex;
    padding: 0;
  }
}
.play-detail__group--top {
  border-radius: var(--border-radius);
  background-color: var(--bg-main);
  display: flex;
  align-items: center;
  min-width: 0;
}
@media (min-width: 900px) {
  .play-detail__group--top {
    flex: 1;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
  }
}
.play-detail__icon {
  width: 60px;
  min-height: 30px;
  flex: none;
  position: relative;
}
@media (min-width: 900px) {
  .play-detail__icon--extra {
    display: none;
  }
}
.play-detail__icon--main {
  margin-right: 10px;
  display: none;
  position: relative;
}
@media (min-width: 900px) {
  .play-detail__icon--main {
    display: block;
    height: 20px;
    width: 40px;
  }
}
.play-detail__mods {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
@media (min-width: 900px) {
  .play-detail__mods {
    max-width: 400px;
    align-items: center;
    padding: 5px 10px;
    margin-top: 0;
    order: -1;
    background-color: var(--bg-main);
  }
}
.play-detail__mods-pp {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
@media (min-width: 900px) {
  .play-detail__mods-pp {
    display: contents;
  }
}
.play-detail__more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
}
@media (min-width: 900px) {
  .play-detail__more {
    left: 100%;
    height: 100%;
  }
}
.play-detail__pp {
  align-content: flex-end;
  flex: none;
  font-size: 16px;
  font-weight: 700;
  color: hsl(var(--hsl-h1));
}
@media (min-width: 900px) {
  .play-detail__pp {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    right: auto;
    bottom: auto;
    padding: 5px 20px 5px 30px;
    min-width: 110px;
    flex: none;
    background: var(--bg);
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
  }
}
@media (min-width: 900px) {
  .play-detail__pp::before {
    content: "";
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--bg-main);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  }
}
.play-detail__pp-unit {
  font-size: 12px;
  color: hsl(var(--hsl-l3));
}
.play-detail__score-detail {
  display: flex;
}
@media (min-width: 900px) {
  .play-detail__score-detail {
    align-items: center;
    padding: 5px 10px;
    background-color: var(--bg-main);
  }
}
.play-detail__score-detail-top-right {
  margin-left: 10px;
}
.play-detail__time {
  color: hsl(var(--hsl-f1));
  flex: none;
}
.play-detail__title {
  color: #fff;
  font-size: 14px;
  display: block;
  align-self: flex-start;
  max-width: 100%;
}
.play-detail__title:hover,
.play-detail__title:focus,
.play-detail__title:active {
  color: #fff;
}
.play-detail__weighted-pp {
  display: inline-block;
  min-width: 60px;
  margin-left: 10px;
}
.play-detail__weight {
  font-size: 12px;
}
.popup-menu {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.popup-menu-float {
  position: absolute;
  top: 0;
  right: 0;
}
.post-box-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: center;
}
.post-box-toolbar--disabled {
  pointer-events: none;
}
@media (min-width: 900px) {
  .post-box-toolbar {
    justify-content: flex-start;
  }
}
.post-box-toolbar__help {
  font-size: 14px;
  align-self: center;
  margin: 0 10px;
}
.product-box {
  display: block;
  background-size: cover;
  background-position: center;
  background-color: hsla(var(--hsl-b4), 0.25);
  color: #fff;
  text-decoration: none;
  position: relative;
}
.product-box:hover,
.product-box:focus,
.product-box:active {
  color: #fff;
}
.product-box:hover,
.product-box:focus,
.product-box:active {
  text-decoration: none;
}
.product-box::before {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.5);
}
.product-box:hover::before {
  opacity: 0;
}
.product-box::after {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.product-box:hover::after {
  opacity: 1;
}
.product-box--card {
  padding: 20px;
}
.product-box--card::before,
.product-box--card::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  will-change: opacity;
  transition: opacity 120ms;
  pointer-events: none;
}
.product-box--card-large {
  height: 300px;
  grid-column-start: 1;
  grid-column-end: -1;
  order: -1;
}
.product-box--card-small {
  height: 200px;
}
.product-box--header {
  padding-left: 10px;
  padding-right: 10px;
  height: 300px;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .product-box--header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.product-box--oos {
  order: 1;
}
.product-box__text {
  will-change: opacity;
}
.product-box:hover .product-box__text {
  opacity: 0;
}
.product-box__oos-bar {
  width: 233px;
  height: 136px;
  background-image: url(/assets/images/store-out-of-stock-bar.0ab52ecc.png);
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  display: none;
}
@media (min-resolution: 1.5dppx) {
  .product-box__oos-bar {
    background-image: url(/assets/images/store-out-of-stock-bar@2x.d738b76d.png);
  }
}
.product-box--oos .product-box__oos-bar {
  display: block;
}
.profile-badge {
  height: 50px;
  width: 50px;
  text-align: center;
  background-repeat: no-repeat;
  margin: 0 -3px;
}
.profile-badge--level {
  background-image: url(/assets/images/levelbadge.3c8cd94b.png);
  background-size: 50px 50px;
  order: 1;
}
@media (min-resolution: 1.5dppx) {
  .profile-badge--level {
    background-image: url(/assets/images/levelbadge@2x.1e3d203f.png);
  }
}
.profile-badge--achievements {
  background-image: url(/assets/images/achievements.f0514f07.png);
  background-size: 50px 50px;
}
@media (min-resolution: 1.5dppx) {
  .profile-badge--achievements {
    background-image: url(/assets/images/achievements@2x.4362f0ae.png);
  }
}
.profile-badge__number {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  top: 6px;
}
.profile-badges {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
  --gutter: 10px;
  background-color: hsl(var(--hsl-b4));
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px var(--gutter);
}
@media (min-width: 900px) {
  .profile-badges {
    --gutter: 50px;
  }
}
.profile-badges--multiplayer {
  background-color: hsl(var(--hsl-b5));
}
.profile-badges__badge {
  width: 86px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
.profile-badges__date {
  color: hsl(var(--hsl-l1));
  margin-top: 5px;
}
.profile-cover-change-popup {
  font-size: 10px;
  text-align: center;
  display: grid;
  gap: 10px;
  position: relative;
}
.profile-cover-change-popup__defaults {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.profile-cover-change-popup__selections-info {
  margin: 10px 0 0;
  grid-column: 1 / 3;
}
.profile-cover-change-popup__drop-overlay {
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding: 20px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.profile-cover-change-popup__drop-overlay--hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.profile-cover-change-popup__drop-overlay::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
}
.profile-cover-selection {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding-bottom: 26.66666667%;
  min-height: 45px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.25);
  background-size: cover;
  background-position: center;
  position: relative;
}
.profile-cover-selection__selected {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 24px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.profile-cover-uploader {
  border-top: 1px solid hsl(var(--hsl-b5));
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}
.profile-cover-uploader__button {
  margin-top: 10px;
}
.profile-cover-uploader__info {
  padding: 10px;
  margin-bottom: -10px;
}
.profile-cover-uploader__info-entry {
  margin-bottom: 5px;
}
.profile-detail {
  --gutter: 10px;
  background-color: hsl(var(--hsl-b5));
  padding: 10px var(--gutter);
  display: grid;
  gap: 10px;
}
.profile-detail:empty {
  display: none;
}
.profile-info + .profile-detail {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
}
@media (min-width: 900px) {
  .profile-detail {
    --gutter: 50px;
  }
}
.profile-detail__chart {
  height: 90px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 12px;
}
@media (min-width: 900px) {
  .profile-detail__chart {
    margin: 0 -15px;
  }
}
.profile-detail__chart-numbers {
  display: flex;
  gap: 10px;
  flex-direction: column;
  --align-items-desktop: flex-end;
}
.profile-detail__chart-numbers--top {
  --align-items-desktop: flex-start;
}
@media (min-width: 900px) {
  .profile-detail__chart-numbers {
    flex-direction: row;
    justify-content: space-between;
    align-items: var(--align-items-desktop);
  }
}
.profile-detail__separator {
  --separator-size: 2px;
  background-color: hsl(var(--hsl-b6));
  height: var(--separator-size);
  width: 100%;
}
@media (min-width: 900px) {
  .profile-detail__separator {
    height: 100%;
    width: var(--separator-size);
  }
}
.profile-detail__stats {
  display: grid;
  align-items: start;
  gap: 15px;
}
@media (min-width: 900px) {
  .profile-detail__stats {
    grid-template-columns: 1fr auto auto;
  }
}
.profile-detail__values {
  display: flex;
  gap: 20px;
}
.profile-detail__values--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.profile-detail-bar {
  --padding: 10px;
  --vertical-padding: 10px;
  --item-height: 40px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex: none;
  background-color: hsl(var(--hsl-b3));
  position: relative;
  gap: 10px;
  padding: 10px var(--padding);
}
@media (min-width: 900px) {
  .profile-detail-bar {
    --padding: 50px;
  }
}
.profile-detail-bar--team {
  justify-content: end;
}
.profile-detail-bar__level {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: bold;
  height: var(--item-height);
}
.profile-detail-bar__level-bar {
  display: none;
}
@media (min-width: 900px) {
  .profile-detail-bar__level-bar {
    display: flex;
    width: 200px;
  }
}
.profile-edit-popup {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  right: 100%;
  width: 400px;
  max-width: calc(100vw - 50px);
  background: hsl(var(--hsl-b6));
  z-index: 100;
  display: grid;
  gap: 10px;
  padding: 10px;
}
.profile-extra-entries {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: -2px 0;
}
.profile-extra-entries--kudosu {
  margin-top: 20px;
}
.profile-extra-entries__item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 2px 0;
  line-height: 22px;
}
.profile-extra-entries__item--top-ranks {
  height: auto;
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 10px 0;
}
.profile-extra-entries__item--top-ranks::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  margin: 0 -10px;
  width: calc(100% + 20px);
  pointer-events: none;
  will-change: opacity;
  transition: all 25ms ease-out;
  opacity: 0;
  background-color: #eee;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.profile-extra-entries__item--top-ranks:hover::before {
  opacity: 1;
  transition: all 50ms ease-out;
}
.profile-extra-entries__kudosu-amount {
  font-weight: inherit;
  color: hsl(var(--hsl-l1));
}
.profile-extra-entries__detail {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: baseline;
}
.profile-extra-entries__detail--vertical {
  flex-direction: column;
  align-items: stretch;
}
.profile-extra-entries__detail-column {
  flex: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-extra-entries__detail-column--full {
  min-width: 0;
  flex: 1;
}
.profile-extra-entries__text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 20px;
}
.profile-extra-entries__text em {
  font-style: normal;
}
.profile-extra-entries__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  flex: none;
  width: 28px;
  height: 22px;
  margin-right: 5px;
  font-size: 14px;
}
.profile-extra-entries__icon--ranked {
  color: hsl(var(--beatmapset-ranked-bg-hsl));
}
.profile-extra-entries__icon--qualified {
  color: hsl(var(--beatmapset-qualified-bg-hsl));
}
.profile-extra-entries__icon--loved {
  color: hsl(var(--beatmapset-loved-bg-hsl));
}
.profile-extra-entries__icon--approved {
  color: hsl(var(--beatmapset-approved-bg-hsl));
}
.profile-extra-entries__icon--danger {
  color: hsl(var(--hsl-red-1));
}
.profile-extra-entries__icon--green {
  color: hsl(var(--hsl-green-1));
}
.profile-extra-entries__icon--orange {
  color: hsl(var(--hsl-orange-1));
}
.profile-extra-entries__icon--pink {
  color: hsl(var(--hsl-pink-1));
}
.profile-extra-entries__time {
  color: hsl(var(--hsl-f1));
}
.profile-extra-recent-infringements {
  overflow-x: auto;
  line-height: normal;
}
.profile-extra-recent-infringements__action {
  width: 100%;
  border-radius: 20px;
  margin: -2px -10px;
  padding: 2px 10px;
}
.profile-extra-recent-infringements__action--note {
  background-color: hsl(var(--hsl-blue-1));
  color: #000;
}
.profile-extra-recent-infringements__action--restriction {
  background-color: hsl(var(--hsl-red-3));
  color: #fff;
}
.profile-extra-recent-infringements__action--silence {
  background-color: hsl(var(--hsl-orange-2));
  color: #000;
}
.profile-extra-recent-infringements__action--tournament-ban {
  background-color: hsl(var(--hsl-red-3));
  color: #fff;
}
.profile-extra-recent-infringements__table {
  width: 100%;
  min-width: 800px;
  margin: 0 -5px;
}
@media (min-width: 900px) {
  .profile-extra-recent-infringements__table {
    min-width: auto;
  }
}
.profile-extra-recent-infringements__table-cell {
  padding: 5px;
  vertical-align: baseline;
}
.profile-extra-recent-infringements__table-cell--action {
  width: 140px;
}
.profile-extra-recent-infringements__table-cell--date {
  color: hsl(var(--hsl-f1));
  width: 160px;
  padding-right: 20px;
}
.profile-extra-recent-infringements__table-cell--length {
  width: 145px;
  padding-right: 40px;
}
.profile-extra-recent-infringements__table-cell--header {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
}
.profile-extra-recent-infringements__actor {
  color: hsl(var(--hsl-l1));
}
.profile-extra-user-page--new {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-extra-user-page__new-content {
  margin-bottom: 40px;
}
.profile-extra-user-page__new-content--icon {
  font-size: 125px;
}
.profile-hue {
  display: grid;
  gap: 10px;
}
.profile-hue__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: inherit;
}
.profile-hue__info {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
.profile-hue-selector {
  position: relative;
  height: 36px;
  margin: 0 9px;
  display: grid;
}
.profile-hue-selector.ui-slider-disabled {
  opacity: 0.6;
}
.profile-hue-selector__handle {
  --border-colour: hsl(var(--hsl-c1));
  border: 2px solid var(--border-colour);
}
.profile-hue-selector__handle--default {
  --border-colour: hsl(var(--hsl-b1));
}
.ui-slider .profile-hue-selector__handle.ui-slider-handle {
  border-radius: 4px;
  margin-left: -9px;
  top: 0;
  width: 18px;
  height: 100%;
  background-color: hsl(var(--hue), var(--c-saturation-2), var(--c-lightness-2));
}
.profile-hue-selector__range {
  border-radius: 4px;
  margin: 7px 0;
  --start-colour: hsl(0, var(--c-saturation-3), var(--c-lightness-3));
  background: linear-gradient(to right in hsl longer hue, var(--start-colour), var(--start-colour));
}
.profile-info {
  --avatar-radius-extended-desktop: 40px;
  --avatar-radius-extended: 20px;
  --avatar-radius: 20px;
  --avatar-size-extended-desktop: 120px;
  --avatar-size-extended: var(--content-height);
  --avatar-size: var(--content-height);
  --avatar-height: var(--avatar-size);
  --avatar-width: var(--avatar-size);
  --bg: none;
  --content-height: 65px;
  --vertical-padding: 10px;
  --info-margin-extended-desktop: 20px;
  --info-margin-extended: 10px;
  --info-margin: 10px;
  display: flex;
  flex-direction: column;
  flex: none;
  width: 100%;
  background-color: hsl(var(--hsl-b3));
}
.profile-info--cover {
  --avatar-radius: var(--avatar-radius-extended);
  --avatar-size: var(--avatar-size-extended);
  --info-margin: var(--info-margin-extended);
}
.profile-info--multiplayer {
  background-color: hsl(var(--hsl-b4));
}
.profile-info--team {
  --avatar-width: calc(var(--avatar-height) * 2);
  --bg: url(/assets/images/generic.4dc91de4.jpg);
  background-color: hsl(var(--hsl-b4));
}
@media (min-width: 900px) {
  .profile-info {
    --avatar-radius-extended: var(--avatar-radius-extended-desktop);
    --avatar-size-extended: var(--avatar-size-extended-desktop);
    --info-margin-extended: var(--info-margin-extended-desktop);
  }
}
.profile-info__avatar {
  transform: translateZ(0);
  flex: none;
  width: var(--avatar-width);
  height: var(--avatar-height);
  border-radius: var(--avatar-radius);
  overflow: hidden;
  align-self: flex-start;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media (min-width: 900px) {
  .profile-info__avatar {
    margin-bottom: var(--vertical-padding);
    align-self: flex-end;
  }
}
.profile-info__bg {
  position: relative;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  height: 100px;
}
@media (min-width: 900px) {
  .profile-info__bg {
    height: 250px;
  }
}
.profile-info__cover-toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  right: var(--gutter-size);
}
@media (min-width: 900px) {
  .profile-info__cover-toggle {
    width: var(--gutter-size);
    right: 0;
  }
}
.profile-info__details {
  --gutter-size: 10px;
  --gutter-size-desktop: 50px;
  --details-vertical-padding: var(--vertical-padding);
  padding: var(--details-vertical-padding) var(--gutter-size);
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 900px) {
  .profile-info__details {
    --gutter-size: var(--gutter-size-desktop);
    --details-vertical-padding: 0;
    height: calc(var(--content-height) + var(--vertical-padding) * 2);
  }
}
.profile-info__flag {
  text-decoration: none;
  color: #fff;
  display: grid;
  gap: 4px;
  align-items: center;
}
.profile-info__flag:hover,
.profile-info__flag:focus,
.profile-info__flag:active {
  text-decoration: none;
}
.profile-info__flag:hover,
.profile-info__flag:focus,
.profile-info__flag:active {
  color: #fff;
}
@media (min-width: 900px) {
  .profile-info__flag {
    grid-template-columns: auto 1fr;
  }
}
.profile-info__flag-text {
  font-size: 14px;
  display: none;
}
@media (min-width: 900px) {
  .profile-info__flag-text {
    display: block;
  }
}
.profile-info__flags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
  font-size: 15px;
}
@media (min-width: 900px) {
  .profile-info__flags {
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 5px;
    font-size: 20px;
  }
}
.profile-info__icon {
  font-size: 0.75em;
  height: 1.33333333em;
  color: hsl(var(--hsl-c1));
  display: flex;
  text-shadow: none;
}
.profile-info__icon--supporter {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  border-radius: 10000px;
  background-color: hsl(var(--hsl-pink-1));
  padding: 0 10px;
}
.profile-info__icon--supporter:hover,
.profile-info__icon--supporter:focus,
.profile-info__icon--supporter:active {
  text-decoration: none;
}
.profile-info__icon--supporter:hover,
.profile-info__icon--supporter:focus,
.profile-info__icon--supporter:active {
  color: #fff;
}
.profile-info__icons--flag-inline {
  display: contents;
}
@media (min-width: 900px) {
  .profile-info__icons--flag-inline {
    display: none;
  }
}
.profile-info__icons--name-inline {
  align-items: baseline;
  gap: 2px;
  margin-left: 5px;
  font-size: 15px;
  display: none;
}
@media (min-width: 900px) {
  .profile-info__icons--name-inline {
    display: flex;
  }
}
.profile-info__info {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  margin-left: var(--info-margin);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.profile-info__level {
  flex: none;
}
.profile-info__name {
  padding: 0;
  margin: -5px 0 0;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  max-width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 20px;
}
@media (min-width: 900px) {
  .profile-info__name {
    font-size: 24px;
  }
}
.profile-info__previous-usernames {
  transform: translateY(-0.3em);
  display: inline-block;
  pointer-events: none;
}
@media (min-width: 900px) {
  .profile-info__previous-usernames {
    transform: translateY(0);
    position: absolute;
    left: 100%;
    top: -16px;
  }
  .profile-info__previous-usernames:hover {
    z-index: 10;
  }
}
.profile-info__spinner {
  display: none;
}
@media (min-width: 900px) {
  .profile-info__spinner {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    font-size: 60px;
    background-color: hsla(var(--hsl-b6), 0.5);
  }
}
.profile-info__title {
  color: #fff;
  line-height: normal;
  font-size: 14px;
}
.profile-info__title:hover,
.profile-info__title:focus,
.profile-info__title:active {
  color: #fff;
}
@media (min-width: 900px) {
  .profile-info__title {
    font-size: 16px;
  }
}
.profile-links {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
  position: relative;
  display: flex;
  min-height: 50px;
  justify-content: center;
  flex-direction: column;
  padding: 10px var(--gutter);
  font-size: 12px;
  background-color: hsl(var(--hsl-b4));
  --gutter: 10px;
}
@media (min-width: 900px) {
  .profile-links {
    --gutter: 50px;
  }
}
.profile-links__edit {
  position: absolute;
  top: 0;
  right: var(--gutter);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (min-width: 900px) {
  .profile-links__edit {
    right: 0;
    width: var(--gutter);
  }
}
.profile-links__icon {
  color: hsl(var(--hsl-f1));
  margin-right: 2px;
}
.profile-links__item {
  margin: 2px 5px;
  min-width: 0;
}
.profile-links__row {
  display: flex;
  flex-wrap: wrap;
  margin: -2px -5px;
}
.profile-links__row--0 + .profile-links__row {
  margin-top: 10px;
}
.profile-links__value {
  font-weight: 600;
  word-wrap: break-word;
}
.profile-page-button {
  display: none;
}
@media (min-width: 900px) {
  .profile-page-button {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 100%;
    right: 50px;
    height: 55px;
  }
}
.profile-page-button__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 12px;
  border-radius: 10000px;
  background-color: hsl(var(--hsl-b3));
  color: hsl(var(--hsl-c1));
  padding: 5px 20px;
}
.profile-page-button__button:hover {
  background-color: hsl(var(--hsl-b2));
}
.profile-page-button__button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.profile-page-cover-editor-button {
  position: absolute;
  bottom: 10px;
  display: grid;
  gap: 10px;
  justify-content: center;
  right: 10px;
}
@media (min-width: 900px) {
  .profile-page-cover-editor-button {
    right: 0;
    width: 50px;
  }
}
.profile-previous-usernames {
  border-radius: 6px;
  display: flex;
  align-items: baseline;
  transition: all 200ms cubic-bezier(0.22, 0.61, 0.36, 1);
  text-shadow: initial;
}
@media (min-width: 900px) {
  .profile-previous-usernames {
    width: 300px;
    pointer-events: none;
    margin: 5px;
  }
}
@media (min-width: 900px) {
  .profile-previous-usernames:hover {
    background-color: hsl(var(--hsl-b6));
    transform: translateY(-14px);
    pointer-events: auto;
  }
}
.profile-previous-usernames__content {
  padding-left: 0;
  opacity: 0;
  will-change: opacity;
  transition: inherit;
  display: none;
}
@media (min-width: 900px) {
  .profile-previous-usernames__content {
    display: block;
    padding: 10px;
  }
}
.profile-previous-usernames:hover .profile-previous-usernames__content {
  opacity: 1;
}
.profile-previous-usernames__icon {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff;
  text-decoration: none;
  pointer-events: auto;
  flex: none;
  font-size: 14px;
}
.profile-previous-usernames__icon:hover,
.profile-previous-usernames__icon:focus,
.profile-previous-usernames__icon:active {
  color: #fff;
}
.profile-previous-usernames__icon:hover,
.profile-previous-usernames__icon:focus,
.profile-previous-usernames__icon:active {
  text-decoration: none;
}
.profile-previous-usernames__icon--plain {
  padding: 10px;
  display: none;
}
@media (min-width: 900px) {
  .profile-previous-usernames__icon--plain {
    display: block;
  }
}
.profile-previous-usernames__icon--with-title {
  margin-left: 10px;
}
@media (min-width: 900px) {
  .profile-previous-usernames__icon--with-title {
    display: none;
  }
}
.profile-previous-usernames__names {
  margin-top: 0px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.2;
  white-space: pre-wrap;
}
.profile-previous-usernames__title {
  font-size: 10px;
}
.profile-rank-count {
  display: flex;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
}
@media (min-width: 900px) {
  .profile-rank-count {
    font-size: 12px;
    margin: 0;
  }
}
.profile-stats {
  font-size: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 20px;
  align-self: center;
}
@media (min-width: 900px) {
  .profile-stats {
    grid-template-columns: auto auto;
  }
}
.profile-stats--modding {
  max-width: -moz-max-content;
  max-width: max-content;
}
.profile-stats__entry {
  display: contents;
}
.profile-stats__key {
  font-weight: normal;
}
.profile-tournament-banner {
  display: block;
}
.profile-tournament-banner__image {
  width: 100%;
  max-height: 200px;
}
.qr-svg > svg {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}
.qr-svg--user-totp {
  margin-bottom: 10px;
}
.qtip {
  color: hsl(var(--hsl-c1));
}
.qtip--achievement {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  --border-radius: 32px;
  border-radius: var(--border-radius);
  background-color: hsl(var(--hsl-b6));
  border: 0 solid transparent;
  width: 200px;
}
.qtip--achievement .qtip-content {
  overflow: visible;
  padding: 0;
}
.qtip--daily-challenge {
  max-width: none;
  min-width: 300px;
  border: none;
  background: transparent;
  line-height: normal;
}
.qtip--daily-challenge .qtip-content {
  padding: 0 0 5px;
}
.qtip--tooltip-beatmap {
  min-width: 110px;
  max-width: none;
  border-radius: 4px;
  background-color: hsl(var(--hsl-b6));
  border: 0 solid transparent;
}
.qtip--tooltip-beatmap .qtip-content {
  padding: 0;
}
.qtip--user-card {
  z-index: 512 !important;
  max-width: unset;
  min-width: unset;
  font-size: unset;
  line-height: unset;
}
.qtip--user-list {
  z-index: 512 !important;
  max-width: unset;
  padding: 5px;
}
.qtip--user-list > .qtip-content {
  overflow: unset;
  padding: 0;
}
.quick-search {
  width: calc(100% - (0px * 2));
  max-width: 1000px;
  color: hsl(var(--hsl-c1));
  overflow: hidden;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--hsl-b5));
}
@media (min-width: 900px) {
  .quick-search {
    width: calc(100% - ((10px + 20px) * 2));
    max-width: 980px;
    border-radius: 6px;
    max-height: calc(100% - 40px);
  }
}
.quick-search-input {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  background-color: hsl(var(--hsl-b3));
  flex: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .quick-search-input {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 900px) {
  .quick-search-input {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.quick-search-input__field {
  flex: 1;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
  border-bottom: 2px solid hsl(var(--hsl-b1));
  font-size: 16px;
}
@media (min-width: 900px) {
  .quick-search-input__field {
    font-size: 24px;
  }
}
.quick-search-input__icon {
  margin-right: 10px;
}
.quick-search-input__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  flex: 1;
}
.quick-search-input__input::-moz-placeholder {
  color: hsl(var(--hsl-c2));
  opacity: 0.7;
}
.quick-search-input__input::placeholder {
  color: hsl(var(--hsl-c2));
  opacity: 0.7;
}
.quick-search-items {
  --quick-search-items-badge-margin: 20px;
  display: flex;
  flex-direction: column;
  margin: 9px -1px -1px;
}
@media (max-width: 479px) {
  .quick-search-items {
    --quick-search-items-badge-margin: 10px;
  }
}
.quick-search-items__item {
  margin: 1px 0;
}
.quick-search-result {
  padding-left: 10px;
  padding-right: 10px;
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 900px) {
  .quick-search-result {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 900px) {
  .quick-search-result {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.quick-search-result__item {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  flex: none;
}
.rank-value {
  --colour: hsl(var(--hsl-c2)), hsl(var(--hsl-c2));
  --font-weight: bold;
  background-image: linear-gradient(var(--colour));
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  font-weight: var(--font-weight);
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
}
.rank-value--base {
  --font-weight: 400;
}
.rank-value--iron {
  --font-weight: 400;
}
.ranking-filter {
  flex: 1;
  display: flex;
  align-items: center;
  --title-margin-bottom-mobile: 0;
}
@media (min-width: 900px) {
  .ranking-filter {
    flex: none;
    display: block;
  }
}
.ranking-filter--full {
  display: block;
  --title-margin-bottom-mobile: 10px;
}
@media (min-width: 900px) {
  .ranking-filter--full {
    flex: 1;
  }
}
.ranking-filter__title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 10px;
  margin-right: 15px;
}
@media (max-width: 899px) {
  .ranking-filter__title {
    margin-bottom: var(--title-margin-bottom-mobile);
  }
}
.ranking-page {
  color: #fff;
  font-size: 12px;
  overflow-x: auto;
}
.ranking-page-grid {
  --item-padding: 6px 6px 6px 20px;
  display: grid;
  gap: 3px 10px;
  grid-template-columns: auto 1fr auto auto auto auto auto auto auto;
}
.ranking-page-grid--matchmaking {
  --item-padding: 6px 20px;
  grid-template-columns: auto 10fr 1fr 1fr 1fr 1fr;
}
.ranking-page-grid-item {
  --bg: hsl(var(--hsl-b4));
  --bg-hover: hsl(var(--hsl-b3));
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
  display: grid;
  position: relative;
  background-color: var(--bg);
  border-radius: 4px;
  padding: var(--item-padding);
}
.ranking-page-grid-item:hover {
  --bg: var(--bg-hover);
}
.ranking-page-grid-item--header {
  --bg: transparent;
  --bg-hover: transparent;
  color: hsl(var(--hsl-f1));
}
.ranking-page-grid-item__col {
  display: flex;
  align-items: center;
}
.ranking-page-grid-item__col--beatmap {
  min-width: 100px;
  max-width: 300px;
  overflow: hidden;
}
.ranking-page-grid-item__col--header {
  justify-content: center;
}
.ranking-page-grid-item__col--main {
  width: -moz-max-content;
  width: max-content;
}
.ranking-page-grid-item__col--menu {
  position: relative;
  width: 30px;
  border-radius: 6px;
}
.ranking-page-grid-item__col--menu:hover {
  background-color: hsl(var(--hsl-b2));
}
.ranking-page-grid-item__col--number {
  color: hsl(var(--hsl-f1));
}
.ranking-page-grid-item__col--number-focus {
  color: hsl(var(--hsl-c1));
}
.ranking-page-grid-item__content {
  grid-column: 1 / -1;
  display: grid;
  position: relative;
  pointer-events: none;
  grid-template-columns: subgrid;
}
.ranking-page-grid-item__icons {
  display: flex;
  font-size: 20px;
  height: 1em;
  max-width: 10em;
  overflow: hidden;
}
.ranking-page-grid-item__link-bg {
  inset: 0;
  position: absolute;
}
.ranking-page-grid-item__value--perfect {
  color: hsla(var(--hsl-lime-1), 90%);
}
.ranking-page-table {
  transform: translateZ(0);
  width: 100%;
  white-space: nowrap;
  text-align: center;
  border-spacing: 0px 3px;
  border-collapse: separate;
  --grade-min-width: 0px;
}
.ranking-page-table--kudosu {
  --grade-min-width: 120px;
}
.ranking-page-table__column {
  background: var(--bg);
  padding: 6px 5px;
}
.ranking-page-table__column--dimmed {
  color: hsl(var(--hsl-f1));
}
.ranking-page-table__column--rank-change-down {
  --icon: "\f063";
  color: hsl(var(--hsl-red-1));
}
.ranking-page-table__column--rank-change-none {
  --icon: '';
  color: hsl(var(--hsl-f1));
}
.ranking-page-table__column--rank-change-pending {
  --icon: "\f141";
  color: hsl(var(--hsl-f1));
}
.ranking-page-table__column--rank-change-up {
  --icon: "\f062";
  color: hsl(var(--hsl-lime-1));
}
.ranking-page-table__column--rank-change {
  text-align: start;
}
.ranking-page-table__column--rank-change::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  text-align: center;
  width: 1.25em;
  content: var(--icon);
}
.ranking-page-table__column--rank-change::before.fa-pull-left {
  margin-right: 0.3em;
}
.ranking-page-table__column--rank-change::before.fa-pull-right {
  margin-left: 0.3em;
}
.ranking-page-table__column--main {
  max-width: 500px;
  min-width: 180px;
}
.ranking-page-table__column:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-left: 10px;
}
.ranking-page-table__column:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-right: 10px;
}
.ranking-page-table__heading {
  font-weight: normal;
  color: hsl(var(--hsl-f1));
  padding: 6px 5px;
  text-align: center;
}
.ranking-page-table__heading:first-child {
  padding-left: 10px;
}
.ranking-page-table__heading:last-child {
  padding-right: 10px;
}
.ranking-page-table__heading--focused {
  color: hsl(var(--hsl-c1));
}
.ranking-page-table__heading--grade {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 900px) {
  .ranking-page-table__heading--grade {
    min-width: var(--grade-min-width);
  }
}
.ranking-page-table__heading--main {
  width: 100%;
}
.ranking-page-table__row {
  --bg: hsl(var(--hsl-b4));
}
.ranking-page-table__row--inactive {
  opacity: 0.5;
}
.ranking-page-table__row:hover {
  --bg: hsl(var(--hsl-b3));
}
.ranking-page-table__value--perfect {
  color: hsl(var(--hsl-lime-1));
}
.ranking-page-table-main {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.ranking-page-table-main__flag {
  display: contents;
  font-size: 20px;
}
.ranking-page-table-main__link {
  display: flex;
  min-width: 0;
  gap: inherit;
  align-items: center;
}
.rankings-beatmapsets {
  margin-top: 40px;
  margin-bottom: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
.rankings-beatmapsets--daily-challenge {
  margin-top: 0;
}
.rankings-beatmapsets--single {
  grid-template-columns: 1fr;
}
.report-form {
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  padding: 30px 15px 15px;
  display: flex;
  flex: 0 1 400px;
  flex-direction: column;
  background-color: hsl(var(--hsl-b4));
}
@media (max-width: 899px) {
  .report-form {
    max-width: 100vw;
  }
}
.report-form__button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  position: relative;
  padding: 15px;
  width: 200px;
  background-color: hsl(var(--hsl-b5));
  border-radius: 200px;
  font-weight: 600;
}
.report-form__button[disabled]::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: inherit;
  background-color: rgba(0, 0, 0, 0.5);
}
.report-form__button:focus,
.report-form__button:hover,
.report-form__button:active {
  background-color: hsl(var(--hsl-b6));
}
.report-form__button + .report-form__button {
  margin-top: 8px;
}
.report-form__button--report {
  background-color: #ba0011;
}
.report-form__button--report:focus,
.report-form__button--report:hover,
.report-form__button--report:active {
  background-color: #ed1221;
}
.report-form__header {
  margin-bottom: 10px;
  font-size: 24px;
}
.report-form__row {
  display: flex;
  justify-content: center;
}
.report-form__row + .report-form__row {
  margin-top: 10px;
}
.report-form__row + .report-form__row--buttons {
  margin-top: 15px;
}
.report-form__row--buttons {
  flex-direction: column;
  align-items: center;
}
.report-form__row--exclamation {
  font-size: 35px;
}
.report-form__row--title {
  font-weight: 300;
}
.report-form__textarea {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  padding: 15px;
  font-size: 12px;
  width: 100%;
  height: 200px;
  max-height: 400px;
  min-height: 100px;
  resize: vertical;
  background-color: hsl(var(--hsl-b5));
}
.report-form__textarea::-moz-placeholder {
  color: hsl(var(--hsl-f1));
}
.report-form__textarea::placeholder {
  color: hsl(var(--hsl-f1));
}
.room-list {
  display: grid;
  grid-gap: 10px;
}
.score-beatmap {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: hsl(var(--hsl-b4));
}
@media (min-width: 900px) {
  .score-beatmap {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.score-beatmap__artist {
  font-size: 20px;
}
.score-beatmap__detail {
  display: flex;
  gap: 10px;
  align-items: baseline;
  font-size: 16px;
}
.score-beatmap__detail-item {
  margin: 5px;
}
.score-beatmap__detail-item--difficulty {
  background-color: hsl(var(--hsl-b5));
  border-radius: 10000px;
  padding: 2px 8px;
  font-size: 12px;
  flex: none;
}
.score-beatmap__link-plain {
  color: #fff;
  text-decoration: none;
}
.score-beatmap__link-plain:hover,
.score-beatmap__link-plain:focus,
.score-beatmap__link-plain:active {
  color: #fff;
}
.score-beatmap__link-plain:hover,
.score-beatmap__link-plain:focus,
.score-beatmap__link-plain:active {
  text-decoration: none;
}
.score-beatmap__star {
  margin-right: 5px;
  color: var(--diff);
  font-size: 0.8em;
}
.score-beatmap__title {
  font-size: 24px;
  margin: 0 0 10px;
}
.score-buttons {
  display: flex;
  gap: 10px;
}
.score-buttons__menu {
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-color: hsla(var(--hsl-b6), 0.75);
  position: relative;
  transition: background-color 120ms ease-in-out;
}
.score-buttons__menu:hover,
.score-buttons__menu:focus,
.score-buttons__menu:active {
  background-color: hsl(var(--hsl-l1));
}
.score-dial {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
}
.score-dial__layer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.score-dial__layer--grade {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Venera, sans-serif;
  font-size: 50px;
  text-shadow: 0 0 10px hsl(var(--hsl-c1));
  padding-top: 0.15em;
}
.score-dial__inner {
  stroke: none;
}
.score-dial__inner--0 {
  fill: #ff5a5a;
}
.score-dial__inner--1 {
  fill: #ff8e5d;
}
.score-dial__inner--2 {
  fill: #e3b130;
}
.score-dial__inner--3 {
  fill: #88da20;
}
.score-dial__inner--4 {
  fill: #02b5c3;
}
.score-dial__inner--5 {
  fill: #de31ae;
}
.score-dial__outer {
  stroke: none;
}
.score-dial__outer--0 {
  fill: url(#dial-outer);
}
.score-dial__outer--1 {
  fill: hsl(var(--hsl-b6));
}
.score-dial__outer-gradient--end {
  stop-color: hsl(var(--hsl-lime-1));
}
.score-dial__outer-gradient--start {
  stop-color: hsl(var(--hsl-blue-1));
}
.score-info {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 240px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}
@media (min-width: 900px) {
  .score-info {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 900px) {
  .score-info {
    flex-direction: row;
  }
}
.score-info__item {
  margin: 10px;
  flex: 1;
  position: relative;
}
@media (min-width: 900px) {
  .score-info__item {
    flex: none;
  }
}
@media (min-width: 900px) {
  .score-info__item--buttons {
    margin: 0;
    position: absolute;
    right: 50px;
    bottom: 20px;
  }
}
.score-info__item--dial {
  margin: 0 15px;
}
@media (min-width: 900px) {
  .score-info__item--player {
    flex: 1;
  }
}
.score-info__cover {
  --border-radius: 0;
}
.score-info__cover::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: hsla(var(--hsl-b6), 0.75);
}
.score-player {
  width: 250px;
  max-width: 100%;
}
@media (min-width: 900px) {
  .score-player {
    width: auto;
  }
}
.score-player__mods {
  font-size: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.score-player__row--player {
  font-size: 12px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 2px 10px;
  margin: 15px 0;
}
.score-player__row--rank {
  display: grid;
  grid-template-columns: max-content;
  grid-gap: 0 10px;
}
.score-player__row--score {
  display: grid;
}
.score-player__rank {
  padding: 0 10px;
}
.score-player__rank--label {
  padding-right: 30px;
  background-color: hsl(var(--hsl-b6));
  border-radius: 10000px;
  font-size: 12px;
  text-transform: uppercase;
}
.score-player__rank--value {
  font-size: 20px;
}
.score-player__score {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
}
@media (min-width: 900px) {
  .score-player__score {
    font-size: 70px;
  }
}
.score-rank {
  width: 2em;
  height: 1em;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.score-rank--XH {
  background-image: url(/assets/images/GradeSmall-SS-Silver.be6ae093.svg);
}
.score-rank--X {
  background-image: url(/assets/images/GradeSmall-SS.1c339985.svg);
}
.score-rank--SH {
  background-image: url(/assets/images/GradeSmall-S-Silver.c95da0ac.svg);
}
.score-rank--S {
  background-image: url(/assets/images/GradeSmall-S.41d8d36d.svg);
}
.score-rank--A {
  background-image: url(/assets/images/GradeSmall-A.bdc342d7.svg);
}
.score-rank--B {
  background-image: url(/assets/images/GradeSmall-B.f8adc2a5.svg);
}
.score-rank--C {
  background-image: url(/assets/images/GradeSmall-C.571c2795.svg);
}
.score-rank--D {
  background-image: url(/assets/images/GradeSmall-D.3c33dd0f.svg);
}
.score-rank--F {
  background-image: url(/assets/images/GradeSmall-F.b73bdf58.svg);
}
.score-rank--daily-challenge {
  display: inline-block;
  font-size: 16px;
}
.score-rank--full {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.score-rank--profile-page {
  font-size: 22px;
}
.score-rank--tiny {
  font-size: 14px;
}
.score-stats {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 900px) {
  .score-stats {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 900px) {
  .score-stats {
    flex-direction: row;
    margin: -5px;
  }
}
.score-stats__group {
  margin: 5px;
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 900px) {
  .score-stats__group--stats {
    margin-left: auto;
  }
}
@media (min-width: 900px) {
  .score-stats__group--user-card {
    width: 360px;
  }
}
.score-stats__group--stats .score-stats__group-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-gap: 2px;
}
.score-stats__stat {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.score-stats__stat-row {
  padding: 0 10px;
  font-size: 20px;
  line-height: normal;
}
.score-stats__stat-row--label {
  font-size: 12px;
  background-color: hsl(var(--hsl-b6));
  border-radius: 10000px;
  text-transform: uppercase;
  white-space: nowrap;
}
.score-stats__stat-row--perfect {
  color: hsl(var(--hsl-lime-1));
}
.score-stats__stat-row--maximum {
  font-size: 12px;
}
.score-tower {
  margin: -5px;
  display: flex;
  flex-direction: row-reverse;
}
@media (min-width: 900px) {
  .score-tower {
    flex-direction: column;
  }
}
.score-tower__item {
  margin: 5px;
}
.score-tower__item--missed {
  filter: grayscale(1);
  opacity: 0.1;
}
.score-tower__item--passed {
  opacity: 0.4;
}
.search {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b5));
  padding: 10px 0;
  display: flex;
  flex-direction: column;
}
.search-entry {
  text-decoration: none;
  border-radius: 4px;
  background-color: hsl(var(--hsl-b5));
  display: flex;
  flex-direction: column;
  padding: 10px 10px 15px;
  position: relative;
  box-shadow: inset 0 0 0 var(--border-size) var(--border-colour);
  min-width: 0;
  --border-colour: hsl(var(--hsl-l1));
  --border-size: 0;
}
.search-entry:hover,
.search-entry:focus,
.search-entry:active {
  text-decoration: none;
}
.search-result--forum_post .search-entry {
  --border-colour: #eeaa00;
}
.search-result--wiki_page .search-entry {
  --border-colour: #6644cc;
}
.search-entry--deleted {
  opacity: 0.5;
}
.search-entry:hover {
  --border-size: 2px;
}
.search-forum-options {
  display: grid;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  gap: 10px;
  margin-bottom: 10px;
}
.search-forum-options__buttons {
  display: grid;
  gap: inherit;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 900px) {
  .search-forum-options__buttons {
    padding: 0 40px;
  }
}
.search-forum-options__checkbox {
  margin: 0;
  font-weight: normal;
}
.search-forum-post {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  word-wrap: break-word;
  line-height: 1.5;
  pointer-events: none;
}
.search-forum-post__avatar {
  flex: none;
  width: 50px;
  height: 50px;
  margin: 5px;
  pointer-events: auto;
  position: relative;
}
.search-forum-post__avatar-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.search-forum-post__content {
  flex: 1;
  margin-left: 5px;
  min-width: 0;
}
.search-forum-post__link {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  pointer-events: auto;
}
.search-forum-post__more {
  display: flex;
}
.search-forum-post__poster {
  display: inline-block;
  margin-right: 1em;
  color: hsl(var(--hsl-f1));
}
@media (max-width: 899px) {
  .search-forum-post__poster {
    display: block;
  }
}
.search-forum-post__sub-link {
  font-weight: bold;
  pointer-events: auto;
  position: relative;
}
.search-forum-post__text {
  color: white;
}
.search-forum-post__text--excerpt {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  font-size: 11px;
}
.search-forum-post__text--footer {
  color: hsl(var(--hsl-f1));
  font-size: 10px;
}
.search-forum-post__text--title {
  font-size: 15px;
  margin-bottom: 5px;
}
.search-forum-post__time {
  display: inline-block;
  pointer-events: auto;
  position: relative;
}
@media (max-width: 899px) {
  .search-forum-post__time {
    display: block;
  }
}
.search-forum-post__url {
  display: inline-block;
  margin-right: 1em;
}
@media (max-width: 899px) {
  .search-forum-post__url {
    display: none;
  }
}
.search-header {
  padding-left: 10px;
  padding-right: 10px;
  color: hsl(var(--hsl-c1));
  background-color: hsl(var(--hsl-b4));
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .search-header {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.search-header__box {
  position: relative;
  width: 100%;
}
.search-header__icon {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40px;
  font-size: 15px;
}
*:-webkit-autofill ~ .search-header__icon {
  color: #000;
}
.search-header.js-search--searching .search-header__icon--normal {
  display: none;
}
.search-header__icon--searching {
  display: none;
}
.search-header.js-search--searching .search-header__icon--searching {
  display: inline-flex;
}
.search-header__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  font-size: 16px;
  padding: 20px 10px 20px 40px;
  font-weight: normal;
  min-width: 0;
  border-radius: 4px;
  background-color: hsla(var(--hsl-b6), 0.5);
  display: flex;
}
.search-header__input::-moz-placeholder {
  color: hsl(var(--hsl-f1));
}
.search-header__input::placeholder {
  color: hsl(var(--hsl-f1));
}
@media (min-width: 900px) {
  .search-header__input {
    font-size: inherit;
  }
}
.search-header__title {
  font-weight: 300;
  align-self: center;
  margin-bottom: 10px;
  font-size: 35px;
  text-align: center;
}
.search-highlight em {
  color: hsl(var(--hsl-l1));
  font-style: inherit;
  font-weight: bold;
}
.search-result {
  border-radius: 4px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  --search-accent: transparent;
  background-color: hsl(var(--hsl-b4));
  padding: 10px 20px;
  padding-right: 0;
  margin: 10px 0;
  position: relative;
}
.search-result::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  width: 5px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: var(--search-accent);
}
.search-result--artist_track {
  --search-accent: hsl(var(--hsl-lime-1));
}
.search-result--beatmapset {
  --search-accent: #cc5288;
}
.search-result--forum_post {
  --search-accent: #eeaa00;
}
.search-result--team {
  --search-accent: hsl(var(--hsl-green-1));
}
.search-result--user {
  --search-accent: #44aadd;
}
.search-result--wiki_page {
  --search-accent: #6644cc;
}
.search-result__entries {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 900px) {
  .search-result--beatmapset .search-result__entries {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) {
  .search-result--team .search-result__entries {
    grid-template-columns: 1fr 1fr;
  }
}
.search-result--user .search-result__entries {
  display: block;
}
.search-result__more-button {
  flex: none;
  text-decoration: none;
  color: hsl(var(--hsl-f1));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 5px;
  width: 30px;
}
.search-result__more-button:hover,
.search-result__more-button:focus,
.search-result__more-button:active {
  text-decoration: none;
}
.search-result__more-button--hidden {
  opacity: 0;
  padding: 0;
  width: 20px;
  pointer-events: none;
}
.search-result__row {
  padding: 5px 0;
}
.search-result__row--entries-container {
  display: flex;
}
.search-result__row--notice {
  font-size: 14px;
  text-align: center;
}
.search-result__row--more {
  text-decoration: none;
  color: hsl(var(--hsl-f1));
  font-size: 12px;
  display: block;
  text-align: center;
}
.search-result__row--more:hover,
.search-result__row--more:focus,
.search-result__row--more:active {
  text-decoration: none;
}
.search-result__row--paginator {
  padding: 0;
}
.search-result-more {
  text-decoration: none;
  transition: all 120ms ease-in-out;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b4));
  min-height: 40px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  color: hsl(var(--hsl-c1));
  font-size: 12px;
}
.search-result-more:hover,
.search-result-more:focus,
.search-result-more:active {
  text-decoration: none;
}
@media (min-width: 900px) {
  .search-result-more {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.search-result-more--active {
  background-color: hsl(var(--hsl-b2));
  color: hsl(var(--hsl-c1));
}
.search-result-more:focus,
.search-result-more:active,
.search-result-more:hover {
  color: hsl(var(--hsl-c1));
}
.search-result-more__arrow {
  flex: none;
}
.search-result-more__content {
  flex: 1;
}
.search-result-more__count {
  padding: 2px 10px;
  font-size: 12px;
  background-color: hsl(var(--hsl-b3));
  border-radius: 10000px;
  margin-left: var(--quick-search-items-badge-margin);
}
.search-wiki-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-wiki-page__content {
  min-width: 0;
}
.search-wiki-page__row {
  margin: 5px 0;
  padding: 0;
  line-height: 1.5;
  word-wrap: break-word;
  color: white;
}
.search-wiki-page__row--title {
  margin-top: 0;
  font-size: 15px;
}
.search-wiki-page__row--excerpt {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  font-size: 11px;
}
.search-wiki-page__row--footer {
  color: hsl(var(--hsl-f1));
  font-size: 10px;
}
.search-wiki-page__more {
  color: hsl(var(--hsl-f1));
}
.search-wiki-page__more:hover,
.search-wiki-page__more:focus,
.search-wiki-page__more:active {
  color: hsl(var(--hsl-f1));
}
.season-stats {
  position: absolute;
  right: 50px;
  background: hsl(var(--hsl-b4));
  border-radius: 6px;
  display: flex;
  padding: 5px;
  gap: 5px;
}
@media (max-width: 899px) {
  .season-stats {
    padding: 5px;
  }
}
.season-stats__division {
  height: 40px;
  border-radius: 3px;
}
.season-stats__line {
  width: 4px;
  border-radius: 3px;
  background: linear-gradient(var(--colour));
  --colour: hsl(var(--hsl-c2));
}
.season-stats__name {
  align-self: center;
  font-size: 12px;
  margin: 0 3px;
}
@media (max-width: 899px) {
  .season-stats__name {
    display: none;
  }
}
.season-stats-popup {
  background: hsl(var(--hsl-b4));
  border-radius: 20px;
  font-size: 12px;
}
.season-stats-popup__content {
  padding: 15px;
  gap: 10px;
  display: grid;
}
.season-stats-popup__content--stats {
  grid-template-columns: 1fr auto;
}
.season-stats-popup__content--top {
  background: hsl(var(--hsl-b5));
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.season-stats-popup__division {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.season-stats-popup__img {
  height: 40px;
  border-radius: 3px;
}
.season-stats-popup__line {
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(var(--colour));
  --colour: hsl(var(--hsl-c2));
}
.season-stats-popup__main {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 15px;
}
.season-stats-popup__name {
  color: hsl(var(--hsl-c2));
  font-size: 14px;
  margin-top: 5px;
}
.season-stats-popup__rank {
  align-self: center;
  font-size: 24px;
  color: hsl(var(--hsl-c2));
}
.season-stats-popup__season {
  margin: auto;
}
.season-stats-popup__threshold {
  font-size: 10px;
  margin-top: 3px;
}
.season-stats-popup__value {
  color: hsl(var(--hsl-c2));
}
.select-options {
  --decoration-colour: inherit;
  --option-hover-bg: hsl(var(--hsl-b4));
  --option-padding: 5px 10px;
  --option-select-padding: 15px 10px;
  --selector-display: none;
  --selector-max-height: 400px;
  --selector-overflow-y: auto;
}
.select-options--beatmap-discussions-user-filter {
  --decoration-colour: hsl(var(--hsl-c1));
  --selector-max-height: auto;
}
@media (min-width: 900px) {
  .select-options--beatmap-discussions-user-filter {
    width: 200px;
  }
}
.select-options--download {
  --option-padding: 10px 20px;
  --option-select-padding: 5px 20px;
}
.select-options--ranking {
  --option-select-padding: 5px 10px;
}
.select-options--report {
  --selector-max-height: auto;
  width: 100%;
}
.select-options--selecting {
  z-index: 512;
  position: relative;
  --selector-display: block;
}
.select-options__decoration {
  margin-left: 10px;
  color: var(--decoration-colour);
}
.select-options__option {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  --colour: hsl(var(--hsl-c1));
  display: flex;
  justify-content: space-between;
  padding: var(--option-padding);
  white-space: nowrap;
  color: var(--colour);
}
.select-options__option:hover,
.select-options__option:focus,
.select-options__option:active {
  text-decoration: none;
}
.select-options__option--selected {
  background-color: hsl(var(--hsl-b3));
}
.select-options--beatmap-discussions-user-filter .select-options__option {
  --colour: var(--group-colour, hsl(var(--hsl-c1)));
}
.select-options__option:hover,
.select-options__option:focus,
.select-options__option:active {
  background-color: var(--option-hover-bg);
  color: var(--colour);
}
.select-options__select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  overflow: hidden;
  font-size: 15px;
  background-color: hsla(var(--hsl-b6), 0.5);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.25);
  --option-hover-bg: hsla(var(--hsl-b6), 0.6);
  --option-padding: var(--option-select-padding);
}
.select-options--download .select-options__select {
  border-radius: 20px;
  font-size: 12px;
  min-width: 180px;
}
.select-options__selector {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  display: var(--selector-display);
  top: 100%;
  left: 0;
  margin-top: 5px;
  font-size: 12px;
  background-color: hsl(var(--hsl-b5));
  overflow-y: var(--selector-overflow-y);
  max-height: var(--selector-max-height);
}
.select-options--download .select-options__selector {
  left: initial;
  right: 0;
  width: initial;
  border-radius: 20px;
}
.show-more-link {
  text-decoration: none;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  align-self: center;
  justify-self: center;
  text-align: center;
  font-size: 12px;
  color: white;
  padding: 5px 20px;
  border-radius: 10000px;
  width: -moz-max-content;
  width: max-content;
  line-height: normal;
  background-color: hsl(var(--hsl-b2));
  cursor: pointer;
  position: relative;
}
.show-more-link:hover,
.show-more-link:focus,
.show-more-link:active {
  text-decoration: none;
}
.show-more-link:hover,
.show-more-link:focus,
.show-more-link:active {
  color: white;
  background-color: hsl(var(--hsl-b1));
}
.show-more-link--beatmapsets {
  margin-bottom: 10px;
}
.show-more-link--centre-10 {
  margin: 10px auto 0;
}
.show-more-link--changelog-index {
  margin: 40px 0;
}
.show-more-link--chat-conversation-earlier-messages,
.show-more-link--group-history {
  margin: 20px auto 0;
}
.show-more-link--comment-replies {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  justify-self: start;
}
.show-more-link--comments {
  margin: 10px auto;
}
.show-more-link--forum-topic {
  margin: 5px auto;
}
.show-more-link--forum-topic:hover,
.show-more-link--forum-topic:focus,
.show-more-link--forum-topic:active {
  background-color: hsl(var(--hsl-b3));
}
.show-more-link--notification-group {
  font-size: 10px;
}
.show-more-link--notification-list {
  margin: 8px auto 0;
}
.show-more-link--profile-page {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  position: sticky;
  bottom: 5px;
  margin: 5px auto 0;
}
.show-more-link--profile-page-beatmapsets {
  margin-top: 0;
}
@media (min-width: 900px) {
  .show-more-link--profile-page-beatmapsets {
    grid-column: span 2;
  }
}
.show-more-link[data-disabled="1"],
.show-more-link.js-disabled {
  background-color: hsl(var(--hsl-b2));
}
.show-more-link__spinner {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
}
.show-more-link[data-disabled="1"] .show-more-link__spinner,
.show-more-link.js-disabled .show-more-link__spinner {
  display: flex;
}
.show-more-link__label {
  opacity: 1;
  margin: 0 -5px;
  display: flex;
  align-items: center;
}
.show-more-link[data-disabled="1"] .show-more-link__label,
.show-more-link.js-disabled .show-more-link__label {
  opacity: 0;
}
.show-more-link__label-icon {
  color: hsl(var(--hsl-f1));
  margin: 0 5px;
}
.show-more-link:hover .show-more-link__label-icon {
  color: hsl(var(--hsl-l1));
}
.show-more-link--notification-group .show-more-link__label-icon {
  color: #fff;
}
.show-more-link--no-icon .show-more-link__label-icon {
  display: none;
}
.show-more-link--comment-replies .show-more-link__label-icon--left {
  display: none;
}
.show-more-link__label-text {
  margin: 0 5px;
  text-transform: uppercase;
}
.show-more-link--comment-replies .show-more-link__label-text {
  padding-right: 10px;
  text-transform: none;
}
.sidebar__mobile-toggle {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: inherit;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 900px) {
  .sidebar__mobile-toggle {
    cursor: default;
    margin-bottom: 5px;
  }
}
@media (max-width: 899px) {
  .sidebar__mobile-toggle.js-mobile-toggle--active {
    margin-bottom: 10px;
  }
}
@media (min-width: 900px) {
  .sidebar__mobile-toggle--mobile-only {
    display: none;
  }
}
.sidebar__mobile-toggle-icon {
  font-size: 12px;
}
.js-mobile-toggle--active .sidebar__mobile-toggle-icon {
  transform: rotateX(0.5turn);
}
.sidebar__title {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
}
.simple-form {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  --input-bg: hsl(var(--hsl-b4));
}
.simple-form--modal {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b5));
  padding: 20px 20px 10px;
  max-width: 400px;
  --input-bg: hsl(var(--hsl-b6));
}
.simple-form--search-box {
  border-radius: 4px;
  background-color: hsl(var(--hsl-b2));
  padding: 10px 10px 0;
  margin: 10px 0;
}
.simple-form--user-create {
  max-width: 500px;
  margin: auto;
}
.simple-form__buttons {
  margin: -5px;
  display: flex;
}
.simple-form__button {
  margin: 5px;
  flex: none;
}
.simple-form__captcha {
  min-height: 78px;
}
.simple-form__captcha:empty::before {
  content: "\a0";
}
.simple-form__checkbox {
  text-transform: none;
  cursor: pointer;
  font-weight: normal;
  margin: 0;
}
.simple-form__checkbox--inline {
  flex: none;
  margin: 5px 10px;
}
.simple-form__checkbox--overflow {
  padding: 5px 10px;
}
.simple-form__checkbox-overflow-container {
  flex: none;
  width: 100%;
}
@media (min-width: 900px) {
  .simple-form__checkbox-overflow-container {
    width: 33%;
  }
}
.simple-form__checkboxes-inline {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -10px;
}
.simple-form__checkboxes-overflow {
  max-height: 300px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: -5px -10px;
  width: 100%;
}
@media (min-width: 900px) {
  .simple-form__checkboxes-overflow {
    display: flex;
    flex-wrap: wrap;
  }
}
.simple-form__error {
  color: hsl(var(--hsl-red-1));
  width: 100%;
  margin-top: 5px;
}
.simple-form__error:empty::before {
  content: "\a0";
}
@media (min-width: 900px) {
  .simple-form__error {
    padding-left: 150px;
  }
}
.simple-form__info {
  margin: 0;
  font-weight: normal;
  color: hsl(var(--hsl-c2));
}
.simple-form__input {
  border-radius: 4px;
  flex: 1 0 auto;
  display: inline-flex;
  border: none;
  outline: none;
  padding: 5px 10px;
  resize: vertical;
  background-color: var(--input-bg);
  color: hsl(var(--hsl-c1));
  font-weight: normal;
  font-size: 16px;
  width: 100%;
}
@media (min-width: 900px) {
  .simple-form__input {
    width: auto;
    font-size: inherit;
  }
}
.simple-form__input:focus {
  border: none;
  outline: none;
}
.simple-form__input[type="date"] {
  resize: none;
}
.simple-form__input--equal-width {
  flex: 1;
}
.simple-form__input--small {
  max-width: 75px;
}
.simple-form__input--full-height {
  align-self: stretch;
}
.simple-form__input-arrow-next {
  width: 100%;
  display: inline-block;
  padding: 10px;
  text-align: center;
}
@media (min-width: 900px) {
  .simple-form__input-arrow-next {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    transform: rotate(-90deg);
  }
}
.simple-form__input-group {
  display: flex;
  align-items: center;
}
.simple-form__input-group-label {
  font-weight: normal;
}
.simple-form__input-group-label--suffix {
  margin-left: 5px;
}
.simple-form__label {
  width: 150px;
  flex: none;
  font-weight: normal;
  margin: 0 0 10px;
}
@media (min-width: 900px) {
  .simple-form__label {
    margin: 0;
    padding-right: 10px;
  }
}
.simple-form__label--full {
  width: auto;
}
.simple-form__row {
  flex: 1 0 auto;
  width: 100%;
  display: flex;
  margin-bottom: 10px;
  text-transform: none;
  flex-direction: column;
}
@media (min-width: 900px) {
  .simple-form__row {
    flex-direction: row;
    align-items: baseline;
  }
}
.simple-form__row--no-label {
  margin-top: 10px;
}
@media (min-width: 900px) {
  .simple-form__row--no-label {
    margin-top: 0;
    padding-left: 150px;
  }
}
.simple-form__row--half {
  flex: 50%;
}
.simple-form__row--title {
  color: inherit;
  font-weight: normal;
  font-size: 15px;
  font-style: normal;
}
.simple-form__row.js-form-error--field {
  flex-wrap: wrap;
}
.simple-form__select {
  min-width: 200px;
}
.simple-menu {
  --border-radius: 6px;
  --item-colour: inherit;
  --item-hover-bg: hsl(var(--hsl-b5));
  --item-hover-colour: var(--item-colour);
  --stripe-bg: hsl(var(--hsl-h1));
  transform: translateZ(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: var(--border-radius);
  background-color: hsl(var(--hsl-b6));
  padding: 10px 5px;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  flex: none;
  font-size: 14px;
  z-index: 101;
  position: relative;
  color: hsl(var(--hsl-c1));
}
.simple-menu--forum-list {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 5px;
}
.simple-menu--forum-topic-moderation {
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
  right: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.simple-menu--forum-topic-watch {
  position: absolute;
  bottom: 100%;
  margin-bottom: 10px;
}
.simple-menu--forum-topic-watch::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 10px;
}
.simple-menu--nav2 {
  transform: translateZ(0);
  will-change: transform, opacity;
  transition: none;
  position: relative;
}
.simple-menu--nav2-left-aligned {
  left: -30px;
}
.simple-menu--nav2-transparent {
  --item-hover-bg: hsl(var(--hsl-b6));
  background-color: transparent;
  box-shadow: none;
}
.simple-menu--profile-page-bar {
  margin-top: 5px;
  top: 100%;
  right: 0;
  position: absolute;
}
@media (min-width: 900px) {
  .simple-menu--profile-page-bar {
    right: auto;
    left: 0;
  }
}
.simple-menu--wiki-locales {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 20px;
  --item-hover-bg: hsl(var(--hsl-h1));
  --item-hover-colour: hsl(var(--hsl-b6));
  --stripe-bg: hsl(var(--hsl-b6));
  background-color: hsl(var(--hsl-h2));
  color: hsl(var(--hsl-c1));
  padding: 10px;
}
.simple-menu__content {
  margin: 0 -5px;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
}
.simple-menu--forum-topic-moderation .simple-menu__content {
  max-width: calc(100vw - (2 * 2px + 2 * 10px + 25px));
  width: -moz-max-content;
  width: max-content;
  display: grid;
  grid-template-columns: repeat(auto-fit, 30px);
  grid-template-rows: 30px;
  grid-gap: 4px;
}
.simple-menu--nav2 .simple-menu__content {
  min-height: 100px;
  max-height: calc(100vh - (90px + 10px * 2));
  overflow-y: auto;
}
.simple-menu--nav2-locales .simple-menu__content {
  width: 440px;
  flex-direction: row;
  flex-wrap: wrap;
}
.simple-menu__extra {
  background-color: hsl(var(--hsl-b5));
  display: flex;
  flex-direction: column;
  padding: 10px 5px;
  margin: -10px -5px 10px;
}
.simple-menu__form {
  margin: -10px -5px;
}
.simple-menu__header {
  min-height: 100px;
  margin: -10px -5px 10px;
  background-size: cover;
  background-position: center;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  position: relative;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
}
.simple-menu__header::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}
.simple-menu__header--link {
  text-decoration: none;
  color: #fff;
}
.simple-menu__header--link:hover,
.simple-menu__header--link:focus,
.simple-menu__header--link:active {
  text-decoration: none;
}
.simple-menu__header--link:hover,
.simple-menu__header--link:focus,
.simple-menu__header--link:active {
  color: #fff;
}
.simple-menu__header-icon {
  width: 40px;
  position: relative;
  padding: 10px 0;
}
.simple-menu__item {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  transition: none;
  white-space: nowrap;
  padding: 5px 25px;
  color: var(--item-colour);
  cursor: pointer;
  text-align: left;
  flex: none;
  position: relative;
}
.simple-menu__item:hover,
.simple-menu__item:focus,
.simple-menu__item:active {
  color: #fff;
}
.simple-menu__item:hover,
.simple-menu__item:focus,
.simple-menu__item:active {
  text-decoration: none;
}
.simple-menu__item:hover {
  background-color: var(--item-hover-bg);
  color: var(--item-hover-colour);
}
.simple-menu__item:hover::before {
  content: "";
  border-radius: 10px;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 3px;
  height: calc(100% - (5px * 2 + 4px));
  background-color: var(--stripe-bg);
}
.simple-menu__item--active::before {
  content: "";
  border-radius: 10px;
  position: absolute;
  top: 7px;
  left: 10px;
  width: 3px;
  height: calc(100% - (5px * 2 + 4px));
  background-color: var(--stripe-bg);
}
.simple-menu--nav2-locales .simple-menu__item {
  width: 50%;
}
.simple-menu--popup-menu-compact .simple-menu__item {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.simple-menu--popup-menu-compact .simple-menu__item::before {
  display: none;
}
.simple-menu--popup-menu-compact .simple-menu__item--active {
  background: hsl(var(--hsl-b5));
}
.simple-menu--popup-menu-compact .simple-menu__item--active:hover {
  background: hsl(var(--hsl-b4));
}
.simple-menu__item[disabled],
.simple-menu__item--disabled {
  color: #999;
  pointer-events: none;
}
.simple-menu__item-icon {
  display: flex;
  justify-content: center;
}
.simple-menu__item-icon--icon-dropdown-menu {
  width: 22px;
}
.simple-menu__item-loading-spinner {
  opacity: 0;
  will-change: opacity;
  margin-left: 5px;
}
.js-forum-topic-watch-ajax--loading .simple-menu__item-loading-spinner {
  opacity: 1;
}
.simple-menu__label {
  padding-left: 5px;
}
.sort {
  --item-button-colour: hsl(var(--hsl-l1));
  --item-hover-bg: hsl(var(--hsl-b3));
  padding: 0;
  display: flex;
  font-size: 12px;
}
.sort--beatmapset-discussions {
  padding: 0;
}
.sort--beatmapsets {
  padding: 10px 0;
}
.sort--default-padding {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .sort--default-padding {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.sort--forum-topics {
  margin-top: 10px;
}
.sort--page-extra {
  --item-hover-bg: hsl(var(--hsl-b2));
}
.sort--ranking-header {
  --item-hover-bg: hsl(var(--hsl-b4));
}
.sort--user-list {
  padding: 0;
}
.sort__item {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 5px;
  padding: 5px 10px;
  border-radius: 4px;
}
.sort__item--button {
  text-decoration: none;
  color: var(--item-button-colour);
}
.sort__item--button:hover,
.sort__item--button:focus,
.sort__item--button:active {
  text-decoration: none;
}
.sort__item--button:hover,
.sort__item--button:focus,
.sort__item--button:active {
  background-color: var(--item-hover-bg);
  color: var(--item-button-colour);
}
.sort__item--title {
  padding: 0;
}
.sort__item--active {
  --item-button-colour: hsl(var(--hsl-c1));
  background-color: var(--item-hover-bg);
  font-weight: 600;
}
.sort__item-arrow {
  margin-left: 5px;
  opacity: 0;
}
.sort__item:hover .sort__item-arrow {
  opacity: 1;
}
.sort__item--active .sort__item-arrow {
  opacity: 1;
}
.sort__item-icon {
  margin-right: 5px;
}
.sort__items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px;
}
.sort-mobile {
  display: grid;
  gap: 5px;
  grid-template-columns: 1fr auto auto;
}
.sort-mobile__item {
  font-size: 12px;
}
.sort-mobile__item--title {
  color: hsl(var(--hsl-c2));
  align-self: center;
}
.sort-mobile__order {
  color: #fff;
  text-decoration: none;
  padding: 0 5px;
  height: 100%;
  display: flex;
  align-items: center;
}
.sort-mobile__order:hover,
.sort-mobile__order:focus,
.sort-mobile__order:active {
  color: #fff;
}
.sort-mobile__order:hover,
.sort-mobile__order:focus,
.sort-mobile__order:active {
  text-decoration: none;
}
.sortable-handle {
  cursor: move;
}
.sortable-handle--profile-page-extra {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: var(--dragdrop-margin);
  font-size: 18px;
}
.sortable-handle--score-pin {
  display: none;
}
@media (min-width: 900px) {
  .sortable-handle--score-pin {
    display: flex;
    align-items: center;
    width: var(--pin-sortable-handle-width);
  }
}
.play-detail-list--menu-active .sortable-handle--score-pin {
  pointer-events: none;
}
.stacked-bar-chart {
  display: flex;
  width: 100%;
  height: 100%;
}
.stacked-bar-chart--beatmap-fail-rate {
  --colour-0: #ffcc22;
  --colour-1: #cc6600;
}
.stacked-bar-chart__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.stacked-bar-chart__entry {
  transition: 120ms all;
  flex: none;
  background: #44aadd;
}
.stacked-bar-chart__entry--0 {
  background: var(--colour-0);
}
.stacked-bar-chart__entry--1 {
  background: var(--colour-1);
}
.sticky-header {
  width: 100%;
  position: absolute;
}
.sticky-header__body {
  width: 100%;
  background-color: hsl(var(--hsl-d4));
  padding: 10px;
}
.sticky-header__breadcrumbs {
  margin-bottom: 5px;
}
.sticky-header__content {
  margin-top: 5px;
}
.sticky-header-breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: white;
}
.sticky-header-breadcrumbs__item {
  display: flex;
  margin: 0;
  align-items: baseline;
}
.sticky-header-breadcrumbs__item + .sticky-header-breadcrumbs__item::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  content: "\f105";
  margin: 0 10px;
}
.sticky-header-breadcrumbs__item + .sticky-header-breadcrumbs__item::before.fa-pull-left {
  margin-right: 0.3em;
}
.sticky-header-breadcrumbs__item + .sticky-header-breadcrumbs__item::before.fa-pull-right {
  margin-left: 0.3em;
}
.sticky-header-breadcrumbs__link--is-active {
  font-weight: 600;
}
.store-cart-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.store-cart-footer__info-box {
  flex: 1;
  width: 100%;
}
@media (min-width: 900px) {
  .store-cart-footer__info-box {
    width: auto;
  }
}
.store-cart-footer__total-box {
  flex: none;
  width: 100%;
}
@media (min-width: 900px) {
  .store-cart-footer__total-box {
    width: auto;
  }
}
.store-cart-footer__total-box--full {
  padding: 10px;
}
@media (min-width: 900px) {
  .store-cart-footer__total-box--full {
    width: 100%;
  }
}
@media (min-width: 900px) {
  .store-cart-footer__total-box--padded {
    padding-right: 55px;
  }
}
.store-cart-footer__text {
  text-align: right;
  margin: 0;
}
.store-cart-footer__text--amount {
  color: hsl(var(--hsl-h1));
  font-size: 140%;
}
.store-cart-footer__text--shipping {
  color: hsl(var(--hsl-f1));
  font-size: 90%;
}
.store-notice {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 15px;
  color: hsl(var(--hsl-c1));
  background-color: hsl(var(--hsl-b4));
}
@media (min-width: 900px) {
  .store-notice {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.store-notice--important {
  background-color: #ffcc22;
  background-image: url(/assets/images/button.16de7c2c.svg);
  background-size: 1000px;
  background-position: center;
  color: hsl(var(--hsl-b6));
  padding-top: 5px;
  padding-bottom: 5px;
}
.store-notice__title {
  color: inherit;
  text-transform: uppercase;
  font-weight: 600;
  margin: 10px 0 5px;
  font-style: normal;
  font-size: 13px;
}
.store-notification-requested-alert {
  text-align: center;
}
.store-notification-requested-alert__text {
  margin: 0;
  font-size: 18px;
}
.store-notification-requested-alert__icon {
  color: #88b300;
  font-size: 24px;
}
.store-order {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  position: relative;
  margin-bottom: 10px;
  padding: 10px 20px;
  background-color: hsl(var(--hsl-b4));
}
.store-order--status-cancelled::before {
  background-color: #777777;
}
.store-order--status-cancelled .store-order__status {
  color: #777777;
}
.store-order--status-checkout::before {
  background-color: #cc6600;
}
.store-order--status-checkout .store-order__status {
  color: #cc6600;
}
.store-order--status-delivered::before {
  background-color: #668800;
}
.store-order--status-delivered .store-order__status {
  color: #668800;
}
.store-order--status-paid::before {
  background-color: #44aadd;
}
.store-order--status-paid .store-order__status {
  color: #44aadd;
}
.store-order--status-processing::before {
  background-color: #eeaa00;
}
.store-order--status-processing .store-order__status {
  color: #eeaa00;
}
.store-order--status-shipped::before {
  background-color: #668800;
}
.store-order--status-shipped .store-order__status {
  color: #668800;
}
.store-order::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  border-radius: 4px 0 0 4px;
}
.store-order__amount {
  font-size: 14px;
}
.store-order__header {
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  line-height: 1.5;
}
.store-order__header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.store-order__header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.store-order__header-subtext {
  font-size: 12px;
}
.store-order__items {
  list-style: none;
  font-size: 12px;
  margin: 10px 0;
}
.store-order__item-quantity {
  margin-left: 4px;
  color: #ccc;
}
.store-order-item {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding: 10px;
  background-color: hsl(var(--hsl-b4));
  display: grid;
  gap: 10px;
  align-items: baseline;
  grid-template-areas: "name name" "quantity delete" "subtotal subtotal";
  grid-template-columns: 1fr auto;
  font-size: 14px;
}
@media (min-width: 480px) {
  .store-order-item {
    grid-column: 1 / -1;
    grid-template-areas: "name quantity subtotal delete";
    grid-template-columns: subgrid;
    grid-template-rows: auto;
  }
}
@media (min-width: 900px) {
  .store-order-item {
    font-size: inherit;
  }
}
.store-order-item__errors {
  color: #ed1221;
  list-style: none;
  grid-column-start: 1;
  grid-column-end: -1;
  order: 10;
}
.store-order-item__delete {
  grid-area: delete;
  text-align: right;
}
.store-order-item__quantity {
  grid-area: quantity;
}
.store-order-item__name {
  grid-area: name;
}
.store-order-item__subtext {
  color: hsl(var(--hsl-c2));
  font-size: 80%;
}
.store-order-item__subtotal {
  grid-area: subtotal;
}
@media (min-width: 900px) {
  .store-order-item__subtotal {
    text-align: right;
  }
}
.store-page {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
}
@media (min-width: 900px) {
  .store-page {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.store-page + .store-page {
  box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
}
.store-page--footer {
  background-color: hsl(var(--hsl-b4));
}
@media (min-width: 480px) {
  .store-page__address {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    gap: 33%;
  }
}
.store-page__option {
  text-transform: inherit;
  margin: 0;
}
.store-page__alert {
  border-radius: 6px;
  background-color: hsla(var(--hsl-red-2), 30%);
  color: hsl(var(--hsl-c1));
  padding: 10px;
  margin: 0;
  list-style: none;
  display: grid;
  grid-gap: 5px;
}
.store-page__alert--with-margin-bottom {
  margin-bottom: 20px;
}
.store-page__invoice-header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
@media (min-width: 900px) {
  .store-page__product {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    gap: 40px;
  }
}
.store-payment-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  display: flex;
  align-items: center;
  text-align: center;
  height: 150px;
  width: 100%;
  background-color: hsl(var(--hsl-c1));
  background-position: center center;
  background-size: 100px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.store-payment-button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 0 3px hsl(var(--hsl-l4));
}
.store-payment-button--paypal {
  background-image: url(/assets/images/paypal.6356a6db.png);
}
.store-payment-button--xsolla {
  background-image: url(/assets/images/xsolla.088cca41.png);
}
.store-payment-method {
  display: grid;
  grid-gap: 5px 20px;
  margin-bottom: 20px;
}
@media (min-width: 900px) {
  .store-payment-method {
    grid-template-columns: 1fr 1fr;
  }
}
.store-payment-method__cell {
  text-align: center;
}
@media (min-width: 900px) {
  .store-payment-method__cell {
    text-align: start;
  }
}
.store-payment-method__provider {
  height: 20px;
  margin: 4px 4px 4px 0;
}
.store-payment-method__provider:last-child {
  margin-right: 0;
}
.store-payment-method__provider--light {
  height: 30px;
  padding: 5px 10px;
  background-color: hsl(var(--hsl-c1));
  border-radius: 6px;
}
.store-payment-method__provider--tall {
  height: 30px;
}
.store-products {
  display: grid;
  grid-gap: 10px;
  padding: 10px 10px 0 10px;
}
@media (min-width: 900px) {
  .store-products {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }
}
.store-slider {
  padding: 0 56px;
}
@media (min-width: 900px) {
  .store-slider {
    padding: 0 32px;
  }
}
.store-slider__bigtext {
  font-size: 20px;
  font-weight: 600;
}
.store-slider__fake-callout {
  position: absolute;
  left: 5px;
  padding-bottom: 12px;
  transform: translateX(-50%);
  bottom: calc(100% + 2px);
}
.store-slider__callout {
  background-color: hsl(var(--hsl-b3));
  color: hsl(var(--hsl-c1));
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  padding: 6px;
  width: 128px;
  position: relative;
}
@media (min-width: 900px) {
  .store-slider__callout {
    width: 160px;
  }
}
.store-slider__callout::after,
.store-slider__callout::before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  transform: scaleX(0.5);
}
.store-slider__callout::after {
  border-top-color: hsl(var(--hsl-b3));
  border-width: 12px;
  margin-left: -12px;
}
.store-slider__preset {
  background-color: hsl(var(--hsl-b3));
  color: #fff;
  cursor: pointer;
  margin: 4px;
  height: 20px;
  width: 36px;
  line-height: 19px;
  text-align: center;
  border-radius: 10px;
}
.store-slider__preset--active {
  background-color: hsl(var(--hsl-pink-1));
}
.store-slider__preset--disabled {
  background-color: hsl(var(--hsl-b1));
  pointer-events: none;
  cursor: default;
}
.store-slider__presets {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
}
.store-slider__presets-blurb {
  margin: 0 4px;
}
.store-slider__subtext {
  margin-top: 2px;
  color: hsl(var(--hsl-c2));
}
.store-slider .ui-slider {
  background-color: hsl(var(--hsl-b3));
}
.store-slider .ui-slider .ui-slider-handle {
  background-color: hsl(var(--hsl-pink-1));
}
.store-slider .ui-slider .ui-slider-range {
  background-color: hsl(var(--hsl-pink-1));
}
.store-slider .ui-slider--disabled .ui-slider-handle,
.store-slider .ui-slider--disabled .ui-slider-range {
  background-color: hsl(var(--hsl-b1));
}
.store-supporter-tag__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  background-color: hsl(var(--hsl-b3));
  color: hsl(var(--hsl-c1));
  padding: 4px 8px;
  text-align: center;
  width: 100%;
}
.store-supporter-tag__input--message {
  resize: none;
}
.store-supporter-tag__user-search {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: minmax(0, 420px);
  justify-content: center;
}
.store-supporter-tag .ui-slider {
  margin: 105px 4px 24px 4px;
}
.store-text--block {
  margin: 0.5em 0;
  font-size: 12px;
}
.store-text--block:last-child {
  margin-bottom: 0;
}
.store-text--emphasis {
  font-weight: 600;
  font-style: normal;
}
.store-text--header {
  margin-top: 8px;
  color: hsl(var(--hsl-h1));
}
.store-text--options {
  display: grid;
  gap: 10px;
}
.store-text--price {
  color: hsl(var(--hsl-h1));
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 0;
}
.store-text--price-note {
  font-weight: 600;
}
.store-text--title {
  font-style: normal;
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 20px;
  color: hsl(var(--hsl-h1));
}
.store-text--title-small {
  font-size: 20px;
}
.store-transaction-info {
  margin-top: 40px;
  display: grid;
  grid-template-columns: auto 1fr;
}
@media (min-width: 900px) {
  .store-transaction-info {
    grid-auto-flow: column;
    grid-template-columns: none;
    grid-template-rows: auto auto;
  }
}
.store-transaction-info__entry {
  padding: 5px 10px;
}
.store-transaction-info__entry--term {
  background-color: hsl(var(--hsl-b3));
  font-weight: 600;
}
.store-xsolla {
  align-items: center;
  background-color: hsla(var(--hsl-b6), 0.5);
  color: hsl(var(--hsl-c1));
  font-size: 11px;
  font-family: var(--font-default-torus);
  margin-left: -10px;
  display: flex;
  text-align: right;
  width: calc(100% + (10px * 2));
  flex: none;
  order: -1;
}
@media (min-width: 900px) {
  .store-xsolla {
    display: flex;
    width: auto;
    margin-left: auto;
    order: 0;
  }
}
.store-xsolla__icon {
  width: 40px;
  height: 40px;
  background-image: url(/assets/images/xsolla.d08493f2.png);
  background-size: contain;
}
.store-xsolla__text {
  padding: 0 10px;
  flex: 1;
}
.supporter__block {
  background-color: hsl(var(--hsl-b5));
}
.supporter__block--bg-0 {
  background-color: hsl(var(--hsl-b4));
}
.supporter__block--bg-1 {
  background-color: hsl(var(--hsl-b3));
}
.supporter__title {
  font-size: 24px;
  color: hsl(var(--hsl-orange-1));
  line-height: normal;
  margin: 0;
  padding: 20px 20px 10px;
  text-align: center;
}
.supporter-eyecatch {
  background-image: url(/assets/images/banner-bg.34b7429c.jpg);
  background-size: cover;
  width: auto;
  height: 480px;
  background-position: center;
  padding: 30px;
  position: relative;
}
@media (min-resolution: 1.5dppx) {
  .supporter-eyecatch {
    background-image: url(/assets/images/banner-bg@2x.de79d56e.jpg);
  }
}
.supporter-eyecatch::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, hsla(var(--hsl-b5), 1) 4%, hsla(var(--hsl-b5), 0) 100%);
}
.supporter-eyecatch::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: url(/assets/images/banner-fg.5c691d3a.png);
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
@media (min-resolution: 1.5dppx) {
  .supporter-eyecatch::after {
    background-image: url(/assets/images/banner-fg@2x.80607c7a.png);
  }
}
.supporter-eyecatch__box {
  background: hsl(var(--hsl-b4));
  width: 350px;
  padding: 50px;
  text-align: center;
  height: 100%;
  margin: 10px 0;
  border-radius: 15px;
  position: relative;
}
@media (max-width: 899px) {
  .supporter-eyecatch__box {
    z-index: 1;
    background: hsla(var(--hsl-b4), 0.9);
    width: 100%;
  }
}
.supporter-eyecatch__link {
  text-decoration: none;
}
.supporter-eyecatch__link:hover,
.supporter-eyecatch__link:focus,
.supporter-eyecatch__link:active {
  text-decoration: none;
}
.supporter-eyecatch__text {
  font-size: 16px;
  color: hsl(var(--hsl-l1));
  margin: 10px 0 0;
}
.supporter-eyecatch__text--main {
  font-size: 26px;
  font-weight: normal;
}
@media (min-width: 900px) {
  .supporter-eyecatch__text--main {
    margin-top: 40px;
  }
}
.supporter-eyecatch__text--sub-1 {
  margin-top: 0;
  color: hsl(var(--hsl-f1));
}
.supporter-eyecatch__text--sub-2 {
  margin-top: 40px;
}
.supporter-heart {
  background-image: url(/assets/images/button.16de7c2c.svg);
  background-size: 200px;
  background-position: 50% 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  transform: translateZ(0);
  flex-shrink: 0;
  margin-top: -20px;
  background-color: hsl(var(--hsl-b6));
  opacity: 0.5;
  padding: 8px 5px 5px;
  border: 10px solid #fff;
  color: #fff;
  font-size: 50px;
  will-change: box-shadow, transform;
  z-index: 1;
  background-position: 50% 0%;
}
@keyframes support-circle-pulsate {
  0% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes support-circle-glow {
  0% {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0px white;
  }
  20% {
    box-shadow: 0 1px 3px rgba(179, 179, 179, 0.25), inset 0 0 5px white;
  }
  80% {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0px white;
  }
}
@keyframes support-heart-pulsate {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes support-heart-glow {
  0% {
    text-shadow: 0 0 0px white;
  }
  20% {
    text-shadow: 0 0 10px white;
  }
  80% {
    text-shadow: 0 0 0px white;
  }
}
.supporter-heart--larger {
  border-radius: 50%;
  width: 150px;
  height: 150px;
}
.supporter-heart--larger::after {
  font-size: 60px;
}
@media (max-width: 899px) {
  .supporter-heart {
    margin-top: 30px;
  }
}
.supporter-heart::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  flex: none;
  content: "\f004";
  transform: translateZ(0);
  will-change: text-shadow, transform;
}
.supporter-heart::after.fa-pull-left {
  margin-right: 0.3em;
}
.supporter-heart::after.fa-pull-right {
  margin-left: 0.3em;
}
.supporter-heart--active {
  opacity: 1;
  background-color: hsl(var(--hsl-pink-1));
  animation: support-circle-pulsate 937.5ms infinite ease-in-out, support-circle-glow 937.5ms infinite ease-in-out;
  animation-fill-mode: none;
}
.supporter-heart--active::after {
  animation: support-heart-pulsate 937.5ms infinite ease-in-out, support-heart-glow 937.5ms infinite ease-in-out;
}
.supporter-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: hsl(var(--hsl-pink-1));
  height: 20px;
  border-radius: 10000px;
  font-size: 12px;
  padding: 0 10px;
  line-height: normal;
}
.supporter-icon--dynamic {
  height: 1.67em;
  font-size: 0.6em;
}
.supporter-icon--quick-search {
  font-size: 8px;
  height: 100%;
}
.supporter-icon--user-card {
  height: 26px;
  width: 26px;
  font-size: 13px;
  border-radius: 50%;
  padding: 1px 0 0;
}
.supporter-icon--user-list {
  height: 20px;
  font-size: 12px;
}
.supporter-perk-list {
  padding: 20px;
}
@media (max-width: 899px) {
  .supporter-perk-list {
    padding: 15px;
  }
}
.supporter-perk-list__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.supporter-perk-list-group {
  flex: none;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  width: calc(33% - 10px);
  margin-bottom: 20px;
}
@media (max-width: 899px) {
  .supporter-perk-list-group {
    align-items: center;
    display: flex;
    width: calc(100% - 10px);
  }
}
.supporter-perk-list-group--image {
  display: flex;
  text-align: right;
  align-items: center;
  width: 100%;
  flex-direction: row-reverse;
  margin-bottom: 5px;
}
@media (max-width: 899px) {
  .supporter-perk-list-group--image {
    flex-direction: column-reverse;
    text-align: left;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}
.supporter-perk-list-group__content {
  margin: 0;
}
.supporter-perk-list-group__image {
  width: 500px;
  height: 100px;
  border-radius: 10px;
  flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 899px) {
  .supporter-perk-list-group__image {
    align-self: center;
    flex-shrink: 1;
    max-width: calc(100% - 40px);
    margin-top: 10px;
  }
}
.supporter-perk-list-group__icon {
  color: #fff;
  font-size: 26px;
  padding: 0 20px;
}
@media (min-width: 900px) {
  .supporter-perk-list-group--image .supporter-perk-list-group__icon {
    margin-right: -45px;
  }
}
.supporter-perk-list-group__icon-bg {
  color: hsl(var(--hsl-lime-3));
}
.supporter-perk-list-group--why-support .supporter-perk-list-group__icon-bg {
  color: hsl(var(--hsl-blue-3));
}
.supporter-perk-list-group__link {
  display: block;
  margin-top: 10px;
}
.supporter-perk-list-group--image .supporter-perk-list-group__meta {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
@media (max-width: 899px) {
  .supporter-perk-list-group--image .supporter-perk-list-group__meta {
    flex-direction: row;
  }
}
.supporter-perk-list-group__text {
  padding: 10px;
  color: hsl(var(--hsl-f1));
}
.supporter-perk-list-group__title {
  margin: 0 0 10px;
  font-size: 120%;
  color: white;
}
.supporter-perk-list-hero {
  height: 500px;
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  position: relative;
}
@media (max-width: 899px) {
  .supporter-perk-list-hero {
    height: 300px;
    justify-content: center;
  }
}
.supporter-perk-list-hero__content {
  margin: 0;
}
.supporter-perk-list-hero__icon {
  color: #fff;
  font-size: 26px;
  padding: 20px;
  margin-top: -50px;
  margin-bottom: -50px;
  margin-left: 250px;
}
.supporter-perk-list-hero__icon-bg {
  color: hsl(var(--hsl-blue-3));
}
.supporter-perk-list-hero__image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.supporter-perk-list-hero__meta {
  width: 350px;
  background-color: hsla(var(--hsl-b4), 0.95);
  border-radius: 10px;
  padding: 10px;
  align-self: center;
  position: relative;
}
@media (min-width: 900px) {
  .supporter-perk-list-hero__meta {
    margin-top: -50px;
  }
}
.supporter-perk-list-hero__text {
  padding: 10px;
  color: hsl(var(--hsl-f1));
}
.supporter-perk-list-hero__title {
  margin: 0 0 10px;
  font-size: 120%;
  color: white;
}
.supporter-perk-list-image {
  display: flex;
  padding: 20px;
}
@media (max-width: 899px) {
  .supporter-perk-list-image {
    flex-direction: column-reverse;
    padding-top: 0;
  }
}
.supporter-perk-list-image--flipped {
  flex-direction: row-reverse;
}
@media (max-width: 899px) {
  .supporter-perk-list-image--flipped {
    flex-direction: column-reverse;
  }
}
.supporter-perk-list-image__content {
  margin: 0;
}
.supporter-perk-list-image__image {
  width: 1050px;
  height: 320px;
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
}
@media (max-width: 899px) {
  .supporter-perk-list-image__image {
    width: 100%;
  }
}
.supporter-perk-list-image__icon {
  color: #fff;
  font-size: 26px;
  padding: 0px 20px;
  margin-left: -45px;
  margin-top: 10px;
}
@media (max-width: 899px) {
  .supporter-perk-list-image__icon {
    margin-left: 0;
    margin-top: 0;
  }
}
.supporter-perk-list-image--flipped .supporter-perk-list-image__icon {
  margin-left: 0;
  margin-right: -45px;
}
@media (max-width: 899px) {
  .supporter-perk-list-image--flipped .supporter-perk-list-image__icon {
    margin-right: 0;
  }
}
.supporter-perk-list-image__icon-bg {
  color: hsl(var(--hsl-lime-3));
}
.supporter-perk-list-image__meta {
  display: flex;
  margin: 10px 0;
}
@media (max-width: 899px) {
  .supporter-perk-list-image__meta {
    align-items: center;
  }
}
.supporter-perk-list-image--flipped .supporter-perk-list-image__meta {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 899px) {
  .supporter-perk-list-image--flipped .supporter-perk-list-image__meta {
    flex-direction: row;
  }
}
.supporter-perk-list-image__text {
  padding: 10px;
  color: hsl(var(--hsl-f1));
  margin-top: 30px;
  margin-left: -20px;
}
@media (max-width: 899px) {
  .supporter-perk-list-image__text {
    margin-left: 0;
    margin-top: 0;
  }
}
.supporter-perk-list-image--flipped .supporter-perk-list-image__text {
  margin-top: 30px;
  margin-left: 0;
}
@media (max-width: 899px) {
  .supporter-perk-list-image--flipped .supporter-perk-list-image__text {
    margin-top: 0;
  }
}
.supporter-perk-list-image__title {
  margin: 0 0 10px;
  font-size: 120%;
  color: white;
}
.supporter-promo {
  display: flex;
  flex-direction: column;
  margin: 20px 0;
  align-items: center;
  padding: 20px 60px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media (min-width: 900px) {
  .supporter-promo {
    flex-direction: row;
    align-items: stretch;
    padding: 0 75px;
    margin: 20px 0;
    height: 200px;
  }
}
.supporter-promo__text-box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 900px) {
  .supporter-promo__text-box {
    justify-content: center;
    padding-right: 50px;
    height: 100%;
  }
}
@media (max-width: 899px) {
  .supporter-promo__text-box {
    text-align: center;
  }
}
.supporter-promo__heading {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  margin: 0 0 20px;
}
.supporter-promo__heart {
  background-image: url(/assets/images/heart.cf74109b.png);
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-size: 75px 75px;
  margin-top: 98px;
  box-shadow: 0 0 10px 3px #ff66aa;
}
@media (min-resolution: 1.5dppx) {
  .supporter-promo__heart {
    background-image: url(/assets/images/heart@2x.acd35ac1.png);
  }
}
@media (min-width: 900px) {
  .supporter-promo__heart {
    margin-top: 70px;
  }
}
.supporter-promo__pippi {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url(/assets/images/pippi.452b13ba.png);
  width: 164px;
  height: 234px;
  background-size: 164px 234px;
}
@media (min-resolution: 1.5dppx) {
  .supporter-promo__pippi {
    background-image: url(/assets/images/pippi@2x.404e8d76.png);
  }
}
@media (min-width: 900px) {
  .supporter-promo__pippi {
    flex: none;
    order: 1;
    height: auto;
    background-size: 164px;
    background-position-y: -28px;
  }
}
.supporter-promo__text {
  font-size: 14px;
  color: #ffddee;
  margin: 0;
}
.supporter-promo__text + .supporter-promo__text {
  margin-top: 10px;
}
.supporter-promo__text--small {
  font-size: 12px;
}
.supporter-promo__link {
  text-decoration: none;
  font-weight: 700;
  color: #cc5288;
}
.supporter-promo__link:hover,
.supporter-promo__link:focus,
.supporter-promo__link:active {
  text-decoration: none;
}
.supporter-promo__link:hover,
.supporter-promo__link:active {
  color: #fff;
}
.supporter-quote {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 2px 3px -1px rgba(0, 0, 0, 0.25);
  padding: 30px;
  background-color: hsl(var(--hsl-b4));
  color: white;
  font-size: 14px;
}
.supporter-quote__body {
  display: flex;
}
@media (max-width: 899px) {
  .supporter-quote__body {
    flex-direction: column;
  }
}
.supporter-quote__content {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
}
.supporter-quote__quote-mark {
  font-size: 50px;
  color: hsl(var(--hsl-b3));
}
.supporter-quote__quote-mark--left {
  align-self: flex-start;
  padding-right: 20px;
}
@media (max-width: 899px) {
  .supporter-quote__quote-mark--left {
    margin-top: -20px;
  }
}
.supporter-quote__quote-mark--right {
  align-self: flex-end;
  padding-left: 20px;
}
@media (max-width: 899px) {
  .supporter-quote__quote-mark--right {
    margin-top: -40px;
  }
}
.supporter-quote__signature {
  margin-top: 10px;
  text-align: right;
}
.supporter-status {
  color: white;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row;
}
@keyframes support-fill-pour {
  0% {
    width: 0;
  }
}
@media (max-width: 899px) {
  .supporter-status {
    flex-direction: column-reverse;
    align-items: center;
    background: hsl(var(--hsl-b5));
  }
}
.supporter-status__flex-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 30px;
  flex-grow: 1;
  margin-left: 30px;
}
@media (max-width: 899px) {
  .supporter-status__flex-container {
    flex-direction: column;
    align-items: center;
    margin-right: 30px;
  }
}
.supporter-status__flex-container-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
}
.supporter-status__pippi {
  background-image: url(/assets/images/header-pippi.6222e29a.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 348px;
  width: 375px;
  flex: none;
  max-width: 100%;
}
@media (min-resolution: 1.5dppx) {
  .supporter-status__pippi {
    background-image: url(/assets/images/header-pippi@2x.923b2827.png);
  }
}
.supporter-status__progress-bar {
  width: 100%;
  height: 25px;
  margin-bottom: 10px;
  border-radius: 25px;
  background: hsla(var(--hsl-b6), 0.8);
  opacity: 0.5;
  overflow: hidden;
  transform: translateZ(0);
}
.supporter-status__progress-bar--active {
  opacity: 1;
}
.supporter-status__progress-bar-fill {
  height: 100%;
  background-color: hsl(var(--hsl-pink-1));
  background-size: 40px 40px;
  border-radius: 25px;
  opacity: 0;
}
.supporter-status__progress-bar-fill--active {
  opacity: 1;
  animation: support-fill-pour 937.5ms ease-in-out;
}
.supporter-status__text {
  font-size: 14px;
}
.supporter-status__text--first {
  margin-bottom: 10px;
}
.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.svg-icon--arrow-cycle {
  -webkit-mask-image: url(/assets/images/arrow-cycle.fc01f0de.svg);
          mask-image: url(/assets/images/arrow-cycle.fc01f0de.svg);
}
.svg-icon--download {
  -webkit-mask-image: url(/assets/images/download.19e35ea4.svg);
          mask-image: url(/assets/images/download.19e35ea4.svg);
}
.svg-icon--plus {
  -webkit-mask-image: url(/assets/images/plus.d3071330.svg);
          mask-image: url(/assets/images/plus.d3071330.svg);
}
.svg-icon--trash {
  -webkit-mask-image: url(/assets/images/trash.32c8b8dd.svg);
          mask-image: url(/assets/images/trash.32c8b8dd.svg);
}
.team-action-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  display: flex;
  width: auto;
  height: var(--item-height);
  padding: 10px 30px;
  border-radius: 10000px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  background: var(--bg);
  --bg: hsl(var(--hsl-b5));
  --bg-hover: hsl(var(--hsl-b6));
}
.team-action-button:hover,
.team-action-button:focus,
.team-action-button:active {
  text-decoration: none;
}
.team-action-button:hover,
.team-action-button:focus,
.team-action-button:active {
  color: #fff;
}
.team-action-button:hover {
  background: var(--bg-hover);
}
.team-action-button--join {
  --bg: hsl(var(--hsl-blue-3));
  --bg-hover: hsl(var(--hsl-blue-2));
}
.team-action-button--join-cancel {
  --bg: hsl(var(--hsl-red-3));
  --bg-hover: hsl(var(--hsl-red-2));
}
.team-action-button--part {
  --bg: hsl(var(--hsl-red-3));
  --bg-hover: hsl(var(--hsl-red-2));
}
.team-action-button[disabled] {
  pointer-events: none;
  opacity: 0.7;
}
.team-card {
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 4px;
  gap: 10px;
}
.team-card::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: hsla(var(--hsl-b6), 0.75);
}
.team-card--search {
  outline: 2px solid transparent;
}
.team-card--search:hover {
  outline-color: var(--search-accent);
}
.team-card__col {
  position: relative;
  pointer-events: none;
}
.team-card__col--content {
  display: grid;
  color: hsl(var(--hsl-c2));
  font-size: 12px;
}
.team-card__col--flag {
  font-size: 64px;
  display: flex;
}
.team-card__col--sidebar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
}
.team-card__default-ruleset {
  font-size: 24px;
}
.team-card__leader-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5px;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  color: inherit;
}
.team-card__leader-box:hover,
.team-card__leader-box:focus,
.team-card__leader-box:active {
  color: inherit;
}
.team-card__leader-icon {
  font-size: 20px;
  line-height: 0;
}
.team-card__link-bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.team-card__name {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: hsl(var(--hsl-c1));
  display: grid;
  align-items: baseline;
  grid-template-columns: auto 1fr;
  gap: 5px;
}
.team-card__name-short {
  font-size: 12px;
  color: inherit;
}
.team-info {
  display: grid;
  align-items: start;
  gap: 20px;
}
@media (min-width: 900px) {
  .team-info {
    grid-template-columns: 1fr auto 2fr;
  }
}
.team-info__separator {
  --size: 2px;
  background-color: hsl(var(--hsl-b6));
  height: var(--size);
}
@media (min-width: 900px) {
  .team-info__separator {
    height: 100%;
    width: var(--size);
  }
}
.team-info-entries {
  display: grid;
  gap: 10px;
}
.team-info-entry {
  display: grid;
}
.team-info-entry__value {
  color: hsl(var(--hsl-c2));
  min-width: 0;
}
.team-info-entry__value--large {
  font-size: 2em;
}
.team-members {
  display: grid;
  gap: 10px;
}
.team-members__type {
  background-color: hsl(var(--hsl-b2));
  border-radius: 10px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  padding: 5px;
}
.team-members__type--owner {
  background-color: hsl(var(--hsl-orange-1));
  color: hsl(var(--hsl-orange-4));
  grid-template-columns: 1fr;
}
.team-members__meta {
  padding: 0 10px;
  font-weight: 600;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-column: 1 / -1;
}
.team-members-manage {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: grid;
  gap: 2px 10px;
  grid-template-columns: 1fr auto auto auto auto;
}
.team-members-manage--applications {
  grid-template-columns: 1fr auto auto auto;
}
.team-members-manage__avatar {
  border-radius: 4px;
  overflow: hidden;
  width: 20px;
  height: 20px;
}
.team-members-manage__item {
  --bg: hsl(var(--hsl-b3));
  --bg-hover: hsl(var(--hsl-b2));
  border-radius: 4px;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  align-items: center;
  padding: 3px 10px;
  background: var(--bg);
}
.team-members-manage__item:hover {
  background: var(--bg-hover);
}
.team-members-manage__item--header {
  --bg: none;
  --bg-hover: var(--bg);
  font-weight: 600;
}
.team-members-manage__username {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  gap: 10px;
}
.team-settings {
  display: grid;
  gap: 15px 5px;
}
@media (min-width: 900px) {
  .team-settings {
    gap: 5px;
  }
}
.team-settings__buttons {
  display: flex;
  gap: 10px;
}
.team-settings__description-preview {
  --padding: 10px;
  padding: var(--padding) 0;
  background-color: hsl(var(--hsl-b3));
  border-radius: 6px;
}
.team-settings__errors {
  color: hsl(var(--hsl-red-1));
  margin-top: 1em;
  padding: 0 0 0 2em;
}
.team-settings__help {
  color: hsl(var(--hsl-c2));
  font-size: 12px;
}
.team-settings__image {
  min-width: 0;
  max-width: 100%;
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
}
.team-settings__item {
  --align-items-desktop: start;
  --grid-rows: none;
  --grid-rows-desktop: none;
  --grid-columns: 1fr;
  --grid-columns-desktop: 2fr 1fr;
  display: grid;
  gap: 5px 15px;
  grid-template-columns: var(--grid-columns);
  grid-template-rows: var(--grid-rows);
}
.team-settings__item--buttons {
  --grid-columns-desktop: 1fr auto;
}
.team-settings__item--description {
  --align-items-desktop: stretch;
  --grid-columns-desktop: 1fr 1fr;
  --grid-rows: calc(var(--vh, 1vh) * 70) auto;
}
@media (min-width: 900px) {
  .team-settings__item {
    --grid-columns: var(--grid-columns-desktop);
    --grid-rows: var(--grid-rows-desktop);
    align-items: var(--align-items-desktop);
  }
}
.team-settings-description-preview {
  padding: 0 var(--padding);
}
@media (min-width: 900px) {
  .team-settings-description-preview {
    overflow-y: scroll;
    height: calc(70 * var(--vh));
  }
}
.textual-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #ccc;
  font-size: 12px;
}
.textual-button:hover,
.textual-button:focus,
.textual-button:active {
  text-decoration: none;
}
.textual-button:hover,
.textual-button:focus,
.textual-button:active {
  color: #eee;
}
.textual-button--block {
  margin-right: 10px;
}
.textual-button--inline {
  display: inline;
  font-size: inherit;
  color: inherit;
}
.textual-button__icon {
  display: inline-block;
  font-size: 0.85em;
}
.title {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0 0 10px;
  padding-bottom: 5px;
  font-size: 16px;
  font-style: normal;
  color: hsl(var(--hsl-c1));
  border-bottom: 2px solid hsl(var(--hsl-h1));
}
.title--artist-track-search-advanced {
  border: none;
  margin: 15px 0;
  padding: 0;
}
.title--forum {
  margin-bottom: 0;
  border-bottom-color: var(--forum-bg);
}
.title--page-extra {
  font-weight: bold;
  display: inline-block;
  margin-bottom: 20px;
}
.title--page-extra-small {
  font-weight: bold;
  font-size: 14px;
  border-bottom: none;
  margin: 0;
  padding: 10px 0;
}
.title--page-extra-small::before {
  content: "";
  height: 0.65em;
  margin-top: 0.3em;
  margin-left: -6px;
  width: 3px;
  border-radius: 10000px;
  position: absolute;
  background-color: hsl(var(--hsl-h1));
}
@media (min-width: 900px) {
  .title--page-extra-small::before {
    margin-left: -10px;
  }
}
.title--profile-edit-popup {
  margin: 0;
}
.title--page-extra-small-top {
  padding-top: 0;
}
.title__count {
  color: hsl(var(--hsl-f1));
  background-color: hsl(var(--hsl-b6));
  margin-left: 10px;
  padding: 5px 10px;
  border-radius: 10000px;
}
.title--page-extra-small .title__count {
  font-size: 0.8em;
  padding-top: 0;
  padding-bottom: 1px;
}
.tooltip-achievement {
  --padding-x: 16px;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 12px;
}
.tooltip-achievement__achieved {
  padding: 16px var(--padding-x);
  display: grid;
  gap: 8px;
}
.tooltip-achievement__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 72px;
}
.tooltip-achievement__date {
  color: hsl(var(--hsl-c2));
  opacity: 0.5;
}
.tooltip-achievement__description {
  font-size: 14px;
  color: hsl(var(--hsl-c2));
}
.tooltip-achievement__detail {
  transition: opacity 500ms;
  min-height: 90px;
  grid-area: content;
  display: grid;
  gap: 16px;
  overflow-wrap: anywhere;
}
.tooltip-achievement__detail--hover {
  opacity: var(--opacity-detail-hover);
  pointer-events: var(--pointer-events-detail-hover);
}
.tooltip-achievement__detail--normal {
  opacity: var(--opacity-detail-normal);
  pointer-events: var(--pointer-events-detail-normal);
}
.tooltip-achievement__detail-container {
  display: grid;
  grid-template-areas: "content";
  line-height: normal;
}
.tooltip-achievement__grouping {
  color: hsl(var(--hsl-c2));
  padding: 8px var(--padding-x);
}
.tooltip-achievement__instructions {
  color: hsl(var(--hsl-l1));
  font-size: 14px;
  font-weight: 300;
}
.tooltip-achievement__instructions a {
  color: #fff;
}
.tooltip-achievement__instructions a:hover,
.tooltip-achievement__instructions a:focus,
.tooltip-achievement__instructions a:active {
  color: #fff;
}
.tooltip-achievement__instructions i {
  font-style: normal;
}
.tooltip-achievement__middle {
  border-radius: var(--border-radius);
  background: hsl(var(--hsl-b5));
  display: grid;
  gap: 16px;
  padding: 16px var(--padding-x);
}
.tooltip-achievement__middle--hoverable {
  --opacity-detail-hover: 0;
  --opacity-detail-normal: 1;
  --pointer-events-detail-hover: none;
  --pointer-events-detail-normal: auto;
}
.tooltip-achievement__middle--hoverable:hover {
  --opacity-detail-hover: 1;
  --opacity-detail-normal: 0;
  --pointer-events-detail-hover: auto;
  --pointer-events-detail-normal: none;
}
.tooltip-achievement__name {
  font-size: 24px;
  font-weight: 400;
}
.tooltip-achievement__rarity {
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  padding: 4px calc(16px - 0.2em) 4px 16px;
  background: linear-gradient(var(--bg));
  border-radius: 10000px;
  color: hsl(var(--hsl-b6));
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.tooltip-beatmap {
  height: 100%;
  font-size: 14px;
  color: hsl(var(--hsl-c1));
  font-weight: 700;
}
.tooltip-beatmap__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
}
.tooltip-default {
  border-radius: 4px;
  border: 0 solid transparent;
  color: #fff;
  background-color: hsl(var(--hsl-b6));
  font-size: 12px;
  line-height: 1.1;
  padding: 2px 10px;
  text-align: center;
  pointer-events: none;
}
.tooltip-default--extra-padding {
  padding: 7px 10px;
}
.tooltip-default--fixed {
  position: fixed;
}
.tooltip-default--interactable {
  pointer-events: auto;
}
.tooltip-default .qtip-content {
  text-align: inherit;
}
.tooltip-default__time {
  color: hsl(var(--hsl-l1));
}
.tournament {
  background-color: hsl(var(--hsl-b5));
}
.tournament__banner {
  background-image: var(--tournament-header-banner);
}
@media (min-resolution: 1.5dppx) {
  .tournament__banner {
    background-image: var(--tournament-header-banner-2x);
  }
}
.tournament__body {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  color: white;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .tournament__body {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.tournament__countdown-timer {
  background: hsl(var(--hsl-b4));
  padding-bottom: 20px;
  margin-top: -10px;
}
.tournament__description {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  font-size: 14px;
}
.tournament__description > h1,
.tournament__description h2,
.tournament__description h3,
.tournament__description h4,
.tournament__description h5,
.tournament__description h6 {
  color: white;
}
.tournament__description a {
  color: hsl(var(--hsl-l1));
}
.tournament__description-md-extra {
  margin-top: 1.5em;
}
.tournament__banner {
  height: 450px;
  background-size: cover;
  background-position: center center;
}
.tournament__links {
  text-align: center;
  margin-bottom: 20px;
}
.tournament__page {
  background-color: hsl(var(--hsl-b4));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .tournament__page {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.tournament-list {
  padding-left: 10px;
  padding-right: 10px;
  background-color: hsl(var(--hsl-b5));
  font-weight: 300;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 900px) {
  .tournament-list {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.tournament-list__heading {
  color: white;
  padding: 10px 0 10px;
  margin: 0;
}
.tournament-list__group {
  display: grid;
  grid-gap: 10px;
  margin-bottom: 10px;
}
.tournament-list__group--old {
  grid-template-columns: 1fr 1fr;
}
.tournament-list__none-running {
  color: hsl(var(--hsl-l1));
  margin-left: 10px;
}
.tournament-list-item {
  display: flex;
  flex-direction: column;
  background-color: hsl(var(--hsl-b4));
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: 50ms ease-in-out;
}
.tournament-list-item:hover,
.tournament-list-item:focus,
.tournament-list-item:active {
  color: #fff;
}
.tournament-list-item:hover,
.tournament-list-item:focus,
.tournament-list-item:active {
  text-decoration: none;
}
.tournament-list-item:hover {
  background-color: hsl(var(--hsl-b3));
}
@media (min-width: 900px) {
  .tournament-list-item:hover .tournament-list-item__image {
    transform: scale(1.02);
  }
}
.tournament-list-item__metadata {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 899px) {
  .tournament-list-item__metadata {
    align-items: center;
  }
}
.tournament-list-item__metadata-left {
  padding: 15px;
  padding-top: 10px;
}
.tournament-list-item__metadata-right {
  padding: 10px;
}
.tournament-list-item__tournament-date {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 5px;
}
@media (max-width: 899px) {
  .tournament-list-item__tournament-date {
    font-size: 12px;
  }
}
.tournament-list-item__registration-date {
  color: hsl(var(--hsl-f1));
  font-size: 12px;
}
@media (max-width: 899px) {
  .tournament-list-item__registration-date {
    font-size: 9px;
  }
}
.tournament-list-item__registrations {
  font-size: 15px;
}
@media (max-width: 899px) {
  .tournament-list-item__registrations {
    font-size: 12px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
}
.tournament-list-item__image-wrapper {
  overflow: hidden;
}
.tournament-list-item__image {
  transition: 50ms ease-in-out;
  height: 510px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: transform, filter, opacity;
}
.tournament-list-item--old .tournament-list-item__image {
  filter: grayscale();
  opacity: 0.75;
  height: 210px;
}
.tournament-list-item--old:hover .tournament-list-item__image {
  filter: none;
  opacity: 1;
}
.track-cover-preview {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 32px;
  height: 32px;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-size: cover;
  background-position: center;
  color: hsl(var(--hsl-b1));
}
.track-cover-preview:hover,
.track-cover-preview:focus,
.track-cover-preview:active {
  text-decoration: none;
}
.track-cover-preview:hover,
.track-cover-preview:focus,
.track-cover-preview:active {
  color: hsl(var(--hsl-c1));
}
.track-cover-preview::before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.75);
}
.turbo-progress-bar {
  background-color: #ffcc22;
}
.update-streams-v2 {
  padding: 20px 5px;
  background-color: hsl(var(--hsl-b5));
}
@media (min-width: 900px) {
  .update-streams-v2 {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.update-streams-v2__container {
  display: flex;
  flex-wrap: wrap;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
}
.update-streams-v2__item {
  text-decoration: none;
  color: #fff;
  padding: 5px;
  width: 100px;
  display: block;
  will-change: opacity;
}
.update-streams-v2__item:hover,
.update-streams-v2__item:focus,
.update-streams-v2__item:active {
  text-decoration: none;
}
.update-streams-v2__item:hover,
.update-streams-v2__item:focus,
.update-streams-v2__item:active {
  color: #fff;
}
.update-streams-v2__item--featured {
  width: 200px;
}
.update-streams-v2__bar {
  display: block;
  margin-bottom: 5px;
  width: 100%;
  height: 4px;
  border-radius: 400px;
  will-change: transform;
}
.update-streams-v2__container:hover .update-streams-v2__bar,
.update-streams-v2--with-active .update-streams-v2__bar {
  transform: scaleY(0.5);
  opacity: 0.5;
}
.update-streams-v2__item:hover .update-streams-v2__bar,
.update-streams-v2__item--active .update-streams-v2__bar,
.update-streams-v2__container:hover .update-streams-v2__item--active .update-streams-v2__bar {
  transform: scaleY(1);
  opacity: 1;
}
.update-streams-v2__row {
  margin: 0;
}
.update-streams-v2__row--name {
  font-size: 12px;
  font-weight: bold;
}
.update-streams-v2__row--users {
  font-size: 10px;
  color: hsl(var(--hsl-f1));
}
.update-streams-v2__row--version {
  font-size: 16px;
  font-weight: 300;
}
.update-streams-v2__container:hover .update-streams-v2__row,
.update-streams-v2--with-active .update-streams-v2__row {
  opacity: 0.5;
}
.update-streams-v2__item:hover .update-streams-v2__row,
.update-streams-v2__item--active .update-streams-v2__row {
  opacity: 1;
}
.user-action-button {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  display: flex;
  border-radius: 10px;
  height: 20px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  background: hsl(var(--hsl-b6));
}
.user-action-button:hover,
.user-action-button:focus,
.user-action-button:active {
  text-decoration: none;
}
.user-action-button:hover,
.user-action-button:focus,
.user-action-button:active {
  color: #fff;
}
.user-action-button:hover {
  background: hsl(var(--hsl-b5));
}
.user-action-button--message:hover {
  background: rgba(34, 153, 187, 0.7);
}
.user-action-button--mutual {
  background: rgba(255, 102, 170, 0.7);
}
.user-action-button--mutual:hover {
  background: rgba(255, 128, 184, 0.7);
}
.user-action-button--friend {
  background: rgba(136, 179, 0, 0.7);
}
.user-action-button--friend:hover {
  background: rgba(155, 204, 0, 0.7);
}
.user-action-button--dynamic {
  height: 1.67em;
  width: 2.505em;
  font-size: 0.6em;
}
.user-action-button--profile-page {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  min-width: 80px;
  width: auto;
  height: var(--item-height);
  padding: 10px 10px;
  border-radius: 10000px;
  font-weight: bold;
}
.user-action-button--quick-search {
  height: 100%;
  width: 30px;
  font-size: 8px;
  border-radius: 10000px;
}
.user-action-button--right-margin {
  margin-right: 10px;
}
.user-action-button--user-card {
  height: 26px;
  width: 26px;
  font-size: 13px;
  border-radius: 50%;
}
.user-action-button--user-list {
  height: 20px;
  width: 30px;
  font-size: 12px;
}
.user-action-button[disabled] {
  pointer-events: none;
}
.user-action-button__counter {
  padding-right: 10px;
}
.user-action-button__icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  will-change: opacity;
}
.user-card .user-action-button__icon {
  will-change: unset;
}
.user-action-button__icon--hover-hidden {
  opacity: 1;
}
.user-action-button:hover .user-action-button__icon--hover-hidden {
  opacity: 0;
}
.user-action-button__icon--hover-visible {
  opacity: 0;
}
.user-action-button:hover .user-action-button__icon--hover-visible {
  opacity: 1;
}
.user-action-button__icon-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  position: relative;
}
.user-action-button--quick-search .user-action-button__icon-container {
  width: 100%;
}
.user-card {
  --avatar-size: 60px;
  --card-item-spacing: 10px;
  --icon-gutter: 6px;
  --status-icon-margin: 10px;
  display: inline-block;
  font-family: var(--font-default);
  width: 100%;
  height: 120px;
  background-color: hsl(var(--hsl-b4));
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.user-card--list {
  --avatar-size: 40px;
  height: var(--avatar-size);
  border-radius: 6px;
}
@media (max-width: 479px) {
  .user-card--list {
    --card-item-spacing: 6px;
    --icon-gutter: 4px;
    --status-icon-margin: 0;
  }
}
.qtip--user-card .user-card {
  width: 290px;
}
.user-card:hover.user-card--has-outline::after,
.user-card--active.user-card--has-outline::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  border: 2px solid hsl(var(--hsl-l1));
  border-radius: 10px;
  pointer-events: none;
}
.search-result--user .user-card:hover.user-card--has-outline::after,
.search-result--user .user-card--active.user-card--has-outline::after {
  border-color: #44aadd;
}
.user-card--list.user-card:hover.user-card--has-outline::after,
.user-card--list.user-card--active.user-card--has-outline::after {
  border-radius: 6px;
}
.user-cards--menu-active .user-card--highlightable {
  pointer-events: none;
}
.user-card__avatar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: hsl(var(--hsl-b4));
  transition: opacity ease-in-out 220ms;
  opacity: 0;
}
.user-card__avatar--loaded {
  opacity: 1;
}
.user-card--list .user-card__avatar {
  border-radius: 6px 0 0 6px;
}
.user-card__avatar-space {
  width: var(--avatar-size);
  height: var(--avatar-size);
  flex: none;
  position: relative;
}
.user-card__avatar-spinner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.1);
  transition: opacity ease-in-out 220ms;
  opacity: 0.25;
}
.user-card__avatar-spinner--loaded {
  opacity: 0;
}
.user-card__background {
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity ease-in-out 220ms;
}
.user-card__background--loading {
  opacity: 0;
}
.user-card--list .user-card__background {
  position: absolute;
  left: unset;
  right: 0;
  width: 50%;
  border-radius: 6px;
}
.user-card__background-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.user-card--active .user-card__background-container {
  pointer-events: none;
}
.user-card__background-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background: hsla(var(--hsl-b5), 0.7);
}
.user-card__background-overlay--online {
  background: hsla(var(--hsl-b5), 0.6);
}
.user-card--list .user-card__background-overlay {
  border-radius: 6px;
  background: linear-gradient(to right, hsl(var(--hsl-b5)) 50%, hsla(var(--hsl-b5), 0.7));
}
.user-card--list .user-card__background-overlay--online {
  background: linear-gradient(to right, hsl(var(--hsl-b5)) 50%, hsla(var(--hsl-b5), 0.6));
}
.user-card__card {
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
  height: 100%;
  position: relative;
}
.user-card__card:hover,
.user-card__card:focus,
.user-card__card:active {
  color: #fff;
}
.user-card__card:hover,
.user-card__card:focus,
.user-card__card:active {
  text-decoration: none;
}
.user-card--list .user-card__card {
  flex-direction: row;
}
.user-card__content {
  padding: var(--card-item-spacing);
}
.user-card__content--details {
  display: grid;
  grid-template-columns: minmax(min-content, auto) 1fr;
}
.user-card__content--status {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 0;
}
.user-card--list .user-card__content {
  padding: 0;
}
.user-card__details {
  display: grid;
  grid-template-rows: 26px 1fr;
  margin-left: var(--card-item-spacing);
}
.user-card--list .user-card__details {
  grid-gap: var(--card-item-spacing);
  grid-template-rows: unset;
  grid-template-columns: auto repeat(2, min-content);
}
.user-card__group-badge {
  margin-left: 2px;
}
.user-card__group-badges {
  display: flex;
  margin-left: 3px;
  pointer-events: auto;
}
.user-card__icon {
  display: flex;
  pointer-events: auto;
}
a.user-card__icon {
  text-decoration: none;
}
a.user-card__icon:hover,
a.user-card__icon:focus,
a.user-card__icon:active {
  text-decoration: none;
}
.user-card__icon + .user-card__icon {
  margin-left: var(--icon-gutter);
}
.user-cards--menu-active .user-card__icon {
  pointer-events: none;
}
.user-card__icon:empty {
  display: none;
}
.user-card__icon--flag {
  font-size: 26px;
}
.user-card__icon--menu {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  font-size: 10px;
  background-color: hsl(var(--hsl-b6));
  opacity: 0;
  transition: background-color 120ms ease-in-out;
  position: relative;
}
.user-card:hover .user-card__icon--menu {
  opacity: 1;
}
.user-card:hover .user-card__icon--menu:hover {
  background-color: hsl(var(--hsl-l1));
}
.user-card--active .user-card__icon--menu.user-card__icon--menu {
  opacity: 1;
  background-color: hsl(var(--hsl-l1));
}
.user-card--list .user-card__icon--menu {
  transition: none;
  opacity: 1;
  border-radius: 0 10px 10px 0;
  background-color: transparent;
  width: 20px;
  height: var(--avatar-size);
}
.user-card__icons {
  display: flex;
  flex: none;
}
@media (max-width: 479px) {
  .user-card--list .user-card__icons--card {
    display: none;
  }
}
.user-card--list .user-card__icons {
  align-items: center;
}
.user-card__status {
  display: flex;
  align-items: center;
  min-width: 0;
}
.user-card__status-icon {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: solid 4px #000;
}
.user-card__status-icon--online {
  border: solid 4px #b3d944;
}
.user-card__status-icon-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: none;
  width: var(--avatar-size);
}
.user-card--list .user-card__status-icon-container {
  order: 1;
  width: unset;
  margin: 0 var(--status-icon-margin);
}
.user-card__status-message--sub {
  font-size: 12px;
}
@media (max-width: 899px) {
  .user-card__status-message {
    display: none;
  }
}
.user-card__status-messages {
  display: flex;
  flex-direction: column;
  margin-left: var(--card-item-spacing);
  font-size: 14px;
  min-width: 0;
}
.user-card--list .user-card__status-messages {
  text-align: right;
}
@media (max-width: 479px) {
  .user-card__status-messages {
    display: none;
  }
}
.user-card__user {
  display: flex;
  align-items: center;
  height: var(--avatar-size);
  min-width: 0;
}
.user-card__username {
  color: #fff;
  text-decoration: none;
  pointer-events: auto;
}
.user-card__username:hover,
.user-card__username:focus,
.user-card__username:active {
  color: #fff;
}
.user-card__username:hover,
.user-card__username:focus,
.user-card__username:active {
  text-decoration: none;
}
.user-card__username-row {
  display: flex;
  align-items: center;
  min-width: 0;
  font-weight: 600;
}
.user-card-brick {
  --border-colour: transparent;
  width: -moz-min-content;
  width: min-content;
  max-width: 100%;
  background-color: hsla(var(--hsl-b2), 0.8);
  box-shadow: inset 0 0 0 2px var(--border-colour);
  border-radius: 6px;
  display: flex;
  align-items: center;
  padding: 1px 3px;
}
.user-card-brick--friend {
  --border-colour: hsl(var(--hsl-green-2));
}
.user-card-brick--mutual {
  --border-colour: hsl(var(--hsl-pink-2));
}
.user-card-brick__group-bar {
  background-color: var(--group-colour, #0087ca);
  width: 4px;
  height: 1em;
  border-radius: 10000px;
  margin: 0 5px;
}
.user-card-brick__link {
  color: #fff;
  text-decoration: none;
  display: flex;
  padding: 2px 8px 2px 3px;
  height: 100%;
  align-items: center;
  overflow: hidden;
}
.user-card-brick__link:hover,
.user-card-brick__link:focus,
.user-card-brick__link:active {
  color: #fff;
}
.user-card-brick__link:hover,
.user-card-brick__link:focus,
.user-card-brick__link:active {
  text-decoration: none;
}
.user-card-brick__remove {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0.7;
  padding: 0 0.3em;
  margin: 2px;
  margin-left: 0;
  border-radius: 50%;
  display: flex;
  aspect-ratio: 1;
  place-items: center;
}
.user-card-brick__remove:hover,
.user-card-brick__remove:focus,
.user-card-brick__remove:active {
  opacity: 1;
  background-color: hsl(var(--hsl-b1));
}
.user-card-brick__username {
  font-weight: bold;
  padding-bottom: 1px;
}
.user-cards {
  transform: translateZ(0);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  justify-content: center;
}
.search-result--user .user-cards {
  gap: 5px;
}
.user-cards--list {
  grid-template-columns: 1fr;
  gap: 2px;
}
.user-cards--brick {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 4px;
  font-size: 13px;
}
.user-cover-preset-replace {
  display: grid;
  gap: 10px;
  padding-top: 10px;
  border-top: 1px solid hsl(var(--hsl-b1));
}
.user-cover-preset-replace__input {
  width: 100%;
}
.user-cover-preset-table {
  display: grid;
  grid-template-columns: auto 150px 1fr;
}
.user-cover-preset-table__image {
  width: 100%;
}
.user-cover-preset-table__toolbar {
  grid-column-start: 2;
  grid-column-end: 4;
}
.user-cover-preset-table__row {
  padding: 10px;
  gap: 10px;
  display: grid;
  grid-column: 1 / 4;
  grid-template-columns: subgrid;
}
.user-cover-preset-table__row--item {
  background: var(--row-bg);
  --row-bg: hsl(var(--hsl-b4));
}
.user-cover-preset-table__row--item:hover {
  background: hsl(var(--hsl-b2));
}
.user-cover-preset-table__row--item:nth-child(even) {
  --row-bg: hsl(var(--hsl-b3));
}
.user-group-badge {
  border-radius: 20px;
  font-size: 10px;
  background-color: hsla(var(--hsl-b6), 0.75);
  padding: 2px 10px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--group-colour, hsl(var(--hsl-c1)));
}
a.user-group-badge {
  text-decoration: none;
}
a.user-group-badge:hover,
a.user-group-badge:focus,
a.user-group-badge:active {
  color: var(--group-colour, hsl(var(--hsl-c1)));
}
a.user-group-badge:hover,
a.user-group-badge:focus,
a.user-group-badge:active {
  text-decoration: none;
}
.user-group-badge::before {
  content: attr(data-label);
}
.user-group-badge--t-forum {
  width: 100%;
  font-size: 8px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 900px) {
  .user-group-badge--t-forum {
    margin: auto;
    width: -moz-min-content;
    width: min-content;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.user-group-badge--owner {
  background-color: hsl(var(--hsl-l1));
  color: hsl(var(--hsl-b6));
}
.user-group-badge--profile-page {
  font-size: inherit;
}
.user-group-badge--probationary {
  opacity: 0.6;
  background-color: hsl(var(--hsl-b6));
}
.user-group-badge__modes {
  color: white;
  padding-left: 5px;
  display: flex;
}
@media (max-width: 899px) {
  .user-group-badge--t-forum .user-group-badge__modes {
    display: none;
  }
}
.user-group-badge__modes > i {
  padding: 1px;
}
.user-home {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: flex;
  background: hsl(var(--hsl-b5));
  flex-direction: column;
}
@media (min-width: 900px) {
  .user-home {
    padding: 0 50px;
    flex-direction: row;
    align-items: flex-start;
  }
}
.user-home__beatmap-list-title {
  margin: 0;
  padding: 20px 0 10px;
  font-size: 16px;
  color: hsl(var(--hsl-l1));
  font-weight: bold;
}
.user-home__beatmapsets {
  display: grid;
  gap: 10px;
  font-size: 12px;
}
.user-home__buttons {
  display: grid;
  gap: 10px;
}
.user-home__news {
  padding: 0 0 20px;
  flex: none;
  width: 100%;
}
@media (min-width: 900px) {
  .user-home__news {
    margin-right: 10px;
    width: calc(60% - 10px);
  }
}
.user-home__news-posts-group {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  display: block;
  padding: 5px 0;
  background-color: hsl(var(--hsl-b4));
  margin-bottom: 5px;
}
.user-home__news-posts-group--more {
  text-decoration: none;
  color: hsl(var(--hsl-l1));
  padding: 20px;
  text-align: center;
}
.user-home__news-posts-group--more:hover,
.user-home__news-posts-group--more:focus,
.user-home__news-posts-group--more:active {
  text-decoration: none;
}
.user-home__news-posts-group--more:hover,
.user-home__news-posts-group--more:focus,
.user-home__news-posts-group--more:active {
  color: white;
}
.user-home__news-title {
  margin: 0;
  padding: 20px 0 10px 10px;
  font-size: 20px;
  font-weight: bold;
  color: hsl(var(--hsl-l1));
  display: flex;
  align-items: flex-end;
}
@media (min-width: 900px) {
  .user-home__news-title {
    padding-left: 0;
  }
}
.user-home__right-sidebar {
  --padding-x: 20px;
  background-color: hsl(var(--hsl-b4));
  width: 100%;
  margin: 0;
  padding: 20px var(--padding-x);
}
@media (min-width: 900px) {
  .user-home__right-sidebar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    --padding-x: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: calc(40% - 10px);
    padding-bottom: 10px;
  }
}
.user-home__status-box {
  padding-bottom: 20px;
}
.user-home-beatmapset {
  text-decoration: none;
  transform: translateZ(0);
  display: grid;
  grid-template-columns: auto 1fr auto;
  transition: 0.1s;
  color: hsl(var(--hsl-f1));
  padding: 0 var(--padding-x);
  margin: 0 calc(var(--padding-x) * -1);
  gap: 10px;
}
.user-home-beatmapset:hover,
.user-home-beatmapset:focus,
.user-home-beatmapset:active {
  text-decoration: none;
}
.user-home-beatmapset:hover {
  background-color: hsl(var(--hsl-b3));
}
.user-home-beatmapset__artist {
  font-size: 12px;
  margin-top: -3px;
}
.user-home-beatmapset__chevron {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.user-home-beatmapset__creator {
  font-size: 10px;
  margin-top: 2px;
}
.user-home-beatmapset__meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  min-width: 0;
}
.user-home-beatmapset__playcount {
  color: hsl(var(--hsl-f1));
}
.user-home-beatmapset__playmode-icon {
  font-size: 13px;
  margin-right: 2px;
}
.user-home-beatmapset__title {
  font-size: 16px;
  margin-top: -2px;
}
.user-home-beatmapset__title-container {
  display: inline-flex;
}
.user-level {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  --bg: hsl(var(--hsl-c1));
  width: 50px;
  height: 50px;
  font-size: 20px;
  position: relative;
}
.user-level__icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  clip-path: path("m 25,2.7 a 9.3,9.3 0 0 1 4.7,1.2 l 11.3,6.5 a 9.3,9.3 0 0 1 4.6,8.1 v 13.0 a 9.3,9.3 0 0 1 -4.6,8.1 L 29.7,46.1 a 9.3,9.3 0 0 1 -9.3,0 L 9.1,39.6 A 9.3,9.3 0 0 1 4.4,31.5 v -13.0 A 9.3,9.3 0 0 1 9.1,10.4 L 20.4,3.9 A 9.3,9.3 0 0 1 25,2.7 M 25,0.0 A 11.9,11.9 0 0 0 19.0,1.6 L 7.7,8.1 A 12.0,12.0 0 0 0 1.7,18.5 v 13.0 a 12.0,12.0 0 0 0 6.0,10.4 l 11.3,6.5 a 12.0,12.0 0 0 0 12.0,0 l 11.3,-6.5 a 12.0,12.0 0 0 0 6.0,-10.4 v -13.0 A 12.0,12.0 0 0 0 42.3,8.1 L 31.0,1.6 A 11.9,11.9 0 0 0 25.0,0 Z");
  background: linear-gradient(var(--bg));
}
.user-level__level {
  position: absolute;
}
.user-list {
  padding: 0 0 20px;
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
}
.user-list__description {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
}
@media (min-width: 900px) {
  .user-list__description {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.user-list__items {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 900px) {
  .user-list__items {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.user-list__title {
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  padding-top: 20px;
  padding-bottom: 0;
  margin: 0;
  flex-wrap: wrap;
}
@media (min-width: 900px) {
  .user-list__title {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.user-list__toolbar {
  padding: 20px 10px;
  font-size: 14px;
}
@media (min-width: 900px) {
  .user-list__toolbar {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.user-list__toolbar-row {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 899px) {
  .user-list__toolbar-row {
    flex-direction: column;
    align-items: center;
  }
}
.user-list__toolbar-item + .user-list__toolbar-item {
  margin-left: 10px;
}
.user-list__view-mode {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  padding: 5px;
}
.user-list__view-mode:hover {
  color: hsl(var(--hsl-l1));
}
.user-list__view-mode--active {
  color: hsl(var(--hsl-l1));
}
.user-list__view-mode-title {
  margin-right: 10px;
}
.user-list-popup {
  background-color: hsla(var(--hsl-b6), 0.75);
  color: hsl(var(--hsl-c1));
  font-size: 12px;
  display: grid;
  gap: 10px;
  padding: 5px 10px;
  --columns: 5;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media (min-width: 900px) {
  .user-list-popup {
    --columns: 10;
  }
}
.user-list-popup__user {
  border-radius: 4px;
  width: 32px;
  height: 32px;
  overflow: hidden;
}
.user-list-popup__users {
  display: grid;
  grid-template-columns: repeat(var(--columns), auto);
  gap: 2px;
}
.user-list-popup__remainder-count {
  text-align: right;
}
.user-name {
  font-weight: bold;
}
.user-online-status {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 20px;
}
.user-online-status__chart {
  height: 50px;
  grid-column: 1 / -1;
}
.user-online-status__label {
  font-size: 10px;
  font-weight: 400;
}
.user-online-status__value {
  color: hsl(var(--hsl-l1));
  font-size: 15px;
}
.user-profile-pages {
  --vertical-gutter-top-desktop: 0;
  --vertical-gutter-top: var(--vertical-gutter);
  --vertical-gutter: 10px;
  position: relative;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
  padding: var(--vertical-gutter-top) 0 var(--vertical-gutter);
}
@media (min-width: 900px) {
  .user-profile-pages {
    --vertical-gutter-top: var(--vertical-gutter-top-desktop);
  }
}
.user-profile-pages--no-tabs {
  --vertical-gutter-top-desktop: var(--vertical-gutter);
}
.user-search-card {
  --avatar-aspect: 1;
  --height: 40px;
  transition: all 120ms ease-in-out;
  position: relative;
  border-radius: 6px;
  background-color: hsl(var(--hsl-b4));
  font-size: 12px;
  min-height: var(--height);
  line-height: normal;
}
.user-search-card--active {
  background-color: hsl(var(--hsl-b2));
}
.user-search-card--team {
  --avatar-aspect: 2;
}
.user-search-card__avatar-container {
  aspect-ratio: var(--avatar-aspect);
  height: var(--height);
  flex: none;
  border-radius: 6px;
  overflow: hidden;
  background-size: cover;
}
.user-search-card__background-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.user-search-card__container {
  display: flex;
  position: relative;
  pointer-events: none;
}
.user-search-card__details {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  color: hsl(var(--hsl-c1));
  line-height: normal;
  min-width: 0;
}
.user-search-card__col {
  margin: 0 5px;
  flex: none;
  display: flex;
  pointer-events: auto;
}
.user-search-card__col:empty {
  display: none;
}
.user-search-card__col--flag {
  font-size: 14px;
}
.user-search-card__col--icon {
  height: 18px;
}
.user-search-card__col--support {
  font-size: 8px;
}
.user-search-card__col--username {
  text-decoration: none;
  display: block;
  flex: 1;
  font-size: 16px;
  margin-right: var(--quick-search-items-badge-margin);
  color: inherit;
}
.user-search-card__col--username:hover,
.user-search-card__col--username:focus,
.user-search-card__col--username:active {
  text-decoration: none;
}
.user-search-card__col--username:hover,
.user-search-card__col--username:focus,
.user-search-card__col--username:active {
  color: inherit;
}
.user-session-list {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.user-session-list-session {
  flex-direction: row;
  margin-bottom: 10px;
}
.user-session-list-session__header {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 5px;
  color: white;
}
.user-session-list-session__current-badge {
  background: hsl(var(--hsl-b6));
  padding: 2px 8px;
  border-radius: 13px;
  color: hsl(var(--hsl-f1));
  font-size: 10px;
  text-transform: uppercase;
  margin-left: 5px;
}
.user-session-list-session__icon {
  width: 20px;
  margin-right: 5px;
}
.user-session-list-session__details {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  border-bottom: 1px solid hsl(var(--hsl-b5));
}
@media (min-width: 900px) {
  .user-session-list-session__details {
    align-items: center;
    padding: 0px 5px 10px 5px;
  }
}
@media (max-width: 899px) {
  .user-session-list-session__details {
    align-items: flex-start;
    padding: 0px 0px 10px 0px;
    flex-wrap: wrap;
  }
}
.user-session-list-session__ip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 899px) {
  .user-session-list-session__ip {
    margin-bottom: 5px;
  }
}
.user-session-list-session__last-active {
  color: hsl(var(--hsl-f1));
}
@media (min-width: 900px) {
  .user-session-list-session__last-active {
    width: 50%;
    padding-left: 20px;
  }
}
@media (max-width: 899px) {
  .user-session-list-session__last-active {
    margin-bottom: 5px;
    flex-basis: 100%;
  }
}
.user-session-list-session__logout {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: white;
  flex-shrink: 0;
  margin-right: 5px;
}
.user-session-list-session__logout:hover,
.user-session-list-session__logout:focus,
.user-session-list-session__logout:active {
  color: hsl(var(--hsl-l1));
}
@media (max-width: 899px) {
  .user-session-list-session__logout {
    margin-bottom: 5px;
    align-self: flex-end;
  }
}
.user-session-list-session__logout-icon {
  margin-left: 5px;
}
.user-verification {
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 70px 40px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.user-verification__key {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  text-align: center;
  width: 75%;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
@media (max-width: 899px) {
  .user-verification__key {
    font-size: 16px;
  }
}
.user-verification__key,
.user-verification__key:focus {
  outline: none;
  border: 2px solid #ffcc22;
}
.user-verification__link {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #ffdd55;
}
.user-verification__link:focus,
.user-verification__link:hover {
  color: #ffcc22;
  text-decoration: underline;
}
.user-verification__message {
  position: absolute;
  width: 100%;
  margin-top: 10px;
  color: #ffdd55;
  font-weight: bold;
}
.user-verification__message-spinner {
  margin-right: 5px;
}
.user-verification__row {
  margin: 10px 0;
}
.user-verification__row--key {
  position: relative;
  margin-top: 40px;
  margin-bottom: 60px;
}
.user-verification__row--title {
  color: #ffdd55;
  font-size: 20px;
  margin-bottom: 20px;
}
.user-verification-popup {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-image: url(/assets/images/user-verification.5b4e6b96.jpg);
  display: grid;
  justify-content: flex-start;
  background-size: cover;
  background-position: center 0;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
@media (min-resolution: 1.5dppx) {
  .user-verification-popup {
    background-image: url(/assets/images/user-verification@2x.6c6f29b4.jpg);
  }
}
.js-user-verification--center .user-verification-popup {
  justify-content: center;
}
@media (min-width: 900px) {
  .user-verification-popup {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 900px) {
  .username-change {
    display: grid;
    gap: 40px;
    grid-template-columns: auto repeat(2, minmax(0, 1fr));
  }
}
.username-input {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: flex-start;
  min-width: 0;
}
.username-input--beatmap-owner-editor {
  min-height: 20px;
}
.username-input__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-c1));
  flex: 1;
  order: 1;
  min-width: 40px;
}
.username-input__spinner {
  display: inline-flex;
  order: 2;
  align-items: center;
  min-width: 1em;
}
.value-display {
  --label-font-size-desktop: 12px;
  --label-font-size: 16px;
  --label-font-weight: bold;
  --value-color: hsl(var(--hsl-c1));
  --value-font-size-desktop: 18px;
  --value-font-size: 24px;
  display: flex;
  flex-direction: column;
  min-width: 60px;
  flex: 1;
}
.value-display--judge-results {
  flex: none;
}
.value-display--kudosu {
  --value-font-size-desktop: 40px;
  --value-font-size: 40px;
}
.value-display--plain {
  --label-font-size-desktop: 12px;
  --label-font-size: 12px;
  --label-font-weight: normal;
  --value-color: hsl(var(--hsl-c2));
  --value-font-size-desktop: 16px;
  --value-font-size: 16px;
}
.value-display--plain-wide {
  grid-column-end: span 2;
}
.value-display--rank {
  --label-font-size-desktop: 12px;
  --label-font-size: 10px;
  --label-font-weight: normal;
  --value-color: hsl(var(--hsl-c2));
  --value-font-size-desktop: 30px;
  --value-font-size: 20px;
  line-height: 1;
}
@media (min-width: 900px) {
  .value-display--rank {
    flex: none;
  }
}
.value-display--score {
  --label-font-size: 12px;
  --value-color: hsl(var(--hsl-c2));
  --value-font-size-desktop: 30px;
  --value-font-size: 30px;
  flex: none;
}
@media (min-width: 900px) {
  .value-display {
    --value-font-size: var(--value-font-size-desktop);
    --label-font-size: var(--label-font-size-desktop);
  }
}
.value-display__description {
  font-size: 14px;
  color: hsl(var(--hsl-c1));
  margin-top: 0.1em;
}
.value-display__label {
  font-weight: var(--label-font-weight);
  font-size: var(--label-font-size);
}
.value-display__value {
  color: var(--value-color);
  font-size: var(--value-font-size);
  font-weight: 300;
}
.warning-box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-c1));
  display: flex;
  align-items: center;
  font-size: 13px;
  margin-bottom: 10px;
  border-radius: 6px;
}
.warning-box__content {
  padding: 10px;
}
.warning-box__icon {
  align-self: stretch;
  padding: 15px;
  background-color: #cc6600;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 6px 0 0 6px;
}
.wiki-main-page__blurb {
  font-family: var(--font-content-override, var(--font-content));
  line-height: 1.35;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
  color: hsl(var(--hsl-c1));
  padding-top: 30px;
}
.wiki-main-page__panels {
  display: grid;
  grid-gap: 7px;
  padding-top: 45px;
}
@media (min-width: 900px) {
  .wiki-main-page__panels {
    grid-template-columns: 1fr 1fr;
  }
}
.wiki-main-page__heading {
  color: hsl(var(--hsl-c1));
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
}
.wiki-main-page-panel .wiki-main-page__heading {
  margin-bottom: 40px;
}
.wiki-main-page-panel--full .wiki-main-page__heading {
  font-size: 30px;
}
.wiki-main-page__paragraph {
  font-size: 13px;
  font-weight: 700;
  color: hsl(var(--hsl-c1));
}
.wiki-main-page-panel {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  min-height: 150px;
  padding: 30px;
  background: hsl(var(--hsl-b4));
  text-align: center;
}
@media (min-width: 900px) {
  .wiki-main-page-panel--full {
    grid-column: 1 / span 2;
  }
}
.wiki-notice {
  width: 100%;
  padding: 10px 15px;
  background-color: hsl(var(--hsl-b4));
  color: hsl(var(--hsl-orange-1));
  margin-bottom: 10px;
}
.wiki-notice--important {
  font-weight: bold;
}
.wiki-notice--score {
  margin: 0 var(--page-gutter) 20px;
  width: auto;
  font-size: 14px;
}
.wiki-notice--profile-page-extra {
  background-color: hsl(var(--hsl-b3));
}
.wiki-notice__markdown-inline-content {
  display: inline;
}
.wiki-notice__markdown-inline-content p {
  display: inline;
  margin: 0;
}
.wiki-page {
  display: grid;
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.025);
  scrollbar-width: thin;
  /* Turn on custom 8px wide scrollbar */
  /* hover effect for both scrollbar area, and scrollbar 'thumb' */
  /* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
}
.wiki-page * {
  scrollbar-width: thin;
}
.wiki-page ::-webkit-scrollbar {
  width: 10px;
  /* 1px wider than Lion. */
  /* This is more usable for users trying to click it. */
  background-color: rgba(255, 255, 255, 0.025);
  -webkit-border-radius: 100px;
}
.wiki-page ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.wiki-page ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.wiki-page ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid rgba(255, 255, 255, 0);
  min-height: 10px;
  /*Prevent it from getting too small */
}
.wiki-page ::-webkit-scrollbar-thumb:active {
  /* Some darker color when you click it */
  background: rgba(255, 255, 255, 0.61);
  -webkit-border-radius: 100px;
}
@media (min-width: 900px) {
  .wiki-page {
    grid-template-columns: 250px 1fr;
  }
}
.wiki-page__content {
  min-width: 0;
  padding: 20px 10px;
}
@media (min-width: 900px) {
  .wiki-page__content {
    padding-left: 30px;
    padding-right: 50px;
  }
}
.wiki-page__toc {
  background-color: hsl(var(--hsl-b4));
  border-radius: 6px;
  padding: 10px 10px;
  margin: 10px 10px;
}
@media (min-width: 900px) {
  .wiki-page__toc {
    border-radius: 0;
    top: 50px;
    position: sticky;
    padding: 20px 30px 20px 50px;
    margin: 0;
    overflow-y: scroll;
    max-height: calc(100vh - 50px);
  }
}
.wiki-search {
  padding-top: 10px;
  z-index: 1;
  position: relative;
}
.wiki-search__bar {
  display: flex;
  flex-direction: row;
  font-size: 18px;
  background-color: hsl(var(--hsl-b6));
  border: 1px solid hsl(var(--hsl-b6));
}
.wiki-search__bar:focus-within {
  box-shadow: 0 0 10px hsl(var(--hsl-h2));
  border: 1px solid hsl(var(--hsl-h2));
}
.wiki-search__input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-c1));
  flex: 1;
  padding: 13px 0 13px 20px;
}
.wiki-search__input::-moz-placeholder {
  color: hsl(var(--hsl-c2));
}
.wiki-search__input::placeholder {
  color: hsl(var(--hsl-c2));
}
.wiki-search__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: hsl(var(--hsl-c1));
  margin: 0 20px 0 10px;
}
.wiki-search__suggestion {
  text-decoration: none;
  position: relative;
  color: hsl(var(--hsl-c1));
  padding: 5px 20px;
}
.wiki-search__suggestion:hover,
.wiki-search__suggestion:focus,
.wiki-search__suggestion:active {
  text-decoration: none;
}
.wiki-search__suggestion:hover,
.wiki-search__suggestion:focus,
.wiki-search__suggestion:active {
  color: hsl(var(--hsl-c1));
  background-color: hsl(var(--hsl-b3));
}
.wiki-search__suggestion em {
  color: hsl(var(--hsl-l2));
  font-style: normal;
  font-weight: bold;
}
.wiki-search__suggestion--active {
  background-color: hsl(var(--hsl-b3));
}
.wiki-search__suggestion--active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  border-radius: 0 3px 3px 0;
  background-color: hsl(var(--hsl-l2));
}
.wiki-search__suggestions {
  position: absolute;
  background-color: hsl(var(--hsl-b6));
  color: hsl(var(--hsl-c1));
  max-height: 500px;
  width: calc(100% - 1px * 2);
  left: 1px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 6px 6px;
}
.wiki-toc-list {
  padding: 0 0 0 10px;
  margin: 0 0 10px;
  list-style: none;
  font-size: 15px;
}
.wiki-toc-list--top {
  padding-left: 0;
  margin-bottom: 0;
}
.wiki-toc-list--top > .wiki-toc-list__item {
  margin-bottom: 5px;
}
.wiki-toc-list__link {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 2px;
}
.wiki-toc-list__link:hover,
.wiki-toc-list__link:focus,
.wiki-toc-list__link:active {
  text-decoration: none;
}
.wiki-toc-list__link--small {
  font-size: 12px;
}
body {
  --hsl-p: var(--base-hue), 100%, 50%;
  --hsl-h1: var(--base-hue), 100%, 70%;
  --hsl-h2: var(--base-hue), 50%, 45%;
  --hsl-c1: var(--base-hue), 40%, 100%;
  --hsl-c2: var(--base-hue), 40%, 90%;
  --hsl-l1: var(--base-hue), 40%, 80%;
  --hsl-l2: var(--base-hue), 40%, 75%;
  --hsl-l3: var(--base-hue), 40%, 70%;
  --hsl-l4: var(--base-hue), 40%, 50%;
  --hsl-d1: var(--base-hue), 20%, 35%;
  --hsl-d2: var(--base-hue), 20%, 30%;
  --hsl-d3: var(--base-hue), 20%, 25%;
  --hsl-d4: var(--base-hue), 20%, 20%;
  --hsl-d5: var(--base-hue), 20%, 15%;
  --hsl-d6: var(--base-hue), 20%, 10%;
  --hsl-f1: var(--base-hue), 10%, 60%;
  --hsl-b1: var(--base-hue), 10%, 40%;
  --hsl-b2: var(--base-hue), 10%, 30%;
  --hsl-b3: var(--base-hue), 10%, 25%;
  --hsl-b4: var(--base-hue), 10%, 20%;
  --hsl-b5: var(--base-hue), 10%, 15%;
  --hsl-b6: var(--base-hue), 10%, 10%;
}
body {
  --c-saturation-1: 100%;
  --c-saturation-2: 80%;
  --c-saturation-3: 60%;
  --c-saturation-4: 40%;
  --c-lightness-1: 70%;
  --c-lightness-2: 60%;
  --c-lightness-3: 50%;
  --c-lightness-4: 30%;
  --colour-pink-hue: 333;
  --hsl-pink-1: var(--colour-pink-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-pink-2: var(--colour-pink-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-pink-3: var(--colour-pink-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-pink-4: var(--colour-pink-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-purple-hue: 255;
  --hsl-purple-1: var(--colour-purple-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-purple-2: var(--colour-purple-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-purple-3: var(--colour-purple-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-purple-4: var(--colour-purple-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-blue-hue: 200;
  --hsl-blue-1: var(--colour-blue-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-blue-2: var(--colour-blue-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-blue-3: var(--colour-blue-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-blue-4: var(--colour-blue-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-green-hue: 125;
  --hsl-green-1: var(--colour-green-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-green-2: var(--colour-green-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-green-3: var(--colour-green-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-green-4: var(--colour-green-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-lime-hue: 90;
  --hsl-lime-1: var(--colour-lime-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-lime-2: var(--colour-lime-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-lime-3: var(--colour-lime-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-lime-4: var(--colour-lime-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-orange-hue: 45;
  --hsl-orange-1: var(--colour-orange-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-orange-2: var(--colour-orange-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-orange-3: var(--colour-orange-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-orange-4: var(--colour-orange-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-red-hue: 360;
  --hsl-red-1: var(--colour-red-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-red-2: var(--colour-red-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-red-3: var(--colour-red-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-red-4: var(--colour-red-hue), var(--c-saturation-4), var(--c-lightness-4);
  --colour-darkorange-hue: 20;
  --hsl-darkorange-1: var(--colour-darkorange-hue), var(--c-saturation-1), var(--c-lightness-1);
  --hsl-darkorange-2: var(--colour-darkorange-hue), var(--c-saturation-2), var(--c-lightness-2);
  --hsl-darkorange-3: var(--colour-darkorange-hue), var(--c-saturation-3), var(--c-lightness-3);
  --hsl-darkorange-4: var(--colour-darkorange-hue), var(--c-saturation-4), var(--c-lightness-4);
}


/*# sourceMappingURL=app.e6cbba9f.css.map*/