.Credits_invers {
	margin:0 -20px;
	padding:20px;
	padding-top:0.5em;
	margin-top:1em;
	background:white;
	color:#22292f;
}
#ui-bar {
	border-right:0px none;
}
.Credits img {
	max-width:100%;
}
.Credits img.supporter {
	width:33.3333%;
}
@media screen and (max-width: 640px) {
	.Credits a {
		display:block;
	}
	.Credits img.supporter {
		float: none;
		width: auto;
		margin-left:auto;
		margin-right:auto;
	}
	.Credits img.supporter_margin {
		margin-bottom:2em;
	}
}
.Legals {
	text-align:right;
	margin-top:4em;
}




.CookieBanner a.external,
#story a.external {
	text-decoration: none;
	color: #FFE7E7;
	border-bottom: 2px solid #FFE7E7;
	box-shadow: #FFE7E7 0 0 0 inset;
	transition: box-shadow 0.5s ease, color 0.5s;
	padding: 0 3px;
}
.CookieBanner a.external:hover,
#story a.external:hover {
	box-shadow: #FFE7E7 0 -2em 0 inset;
	color: #22292f;
}
.CookieBanner a.link-external:after,
.CookieBanner a.external:after,
#story a.link-external:after,
#story a.external:after {
	content:'' ! important;
}

.CookieBanner a.external {
	text-decoration: none;
	color: #22292f;
	border-bottom: 2px solid #22292f;
	box-shadow: #22292f 0 0 0 inset;
	transition: box-shadow 0.5s ease, color 0.5s;
	padding: 0 3px;
}
.CookieBanner a.external:hover {
	box-shadow: #22292f 0 -2em 0 inset;
	color: #FFE7E7;
}

	
#admin-loadingbg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(34, 41, 47,0.8);
  z-index: 200002;
  display: none;
}
#admin-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 200003;
  display: none;
}
#admin-loading .text {
  margin-top: 1em;
}
#admin-loadingbg.in,
#admin-loading.in {
  display: block;
}
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}
.preloader-wrapper * {
  box-sizing: border-box;
}
.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}
.preloader-wrapper.big {
  width: 7.1rem;
  height: 7.1rem;
}
.preloader-wrapper.activespinner {
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}
@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.spinner-hl,
.spinner-hl-only {
  border-color: #F78862;
}
xx.activespinner .spinner-layer.spinner-hl {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
xx.activespinner .spinner-layer.spinner-red {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
xx.activespinner .spinner-layer.spinner-yellow {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
xx.activespinner .spinner-layer.spinner-green {
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
.activespinner .spinner-layer.spinner-hl-only,
.activespinner .spinner-layer.spinner-red-only,
.activespinner .spinner-layer.spinner-yellow-only,
.activespinner .spinner-layer.spinner-green-only,
.activespinner .spinner-layer.spinner-primary-color-only {
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
  }
}
@keyframes fill-unfill-rotate {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.gap-patch .circle {
  width: 1000%;
  left: -450%;
}
.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 0.35rem;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}
.activespinner .circle-clipper.left .circle {
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
.activespinner .circle-clipper.right .circle {
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both;
}
@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}
@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}
@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}