:root,
* {
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: inherit;
}

* {
	-webkit-font-smoothing: antialiased;
	/* Chrome, Safari */
	-moz-osx-font-smoothing: grayscale;
	/* Firefox */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

*:not(.ardplayer-addon-jumpmark) {
	outline-color: #fff;
	outline-offset: 0.25rem;
}

@font-face {
	font-family: 'Mikado';
	font-weight: 500;
	src: url(/kikare-assets/fonts/mikado/MikadoWeb-Medium.woff2) format('woff2');
}

/** fallback for old games */
@font-face {
	font-family: 'ultramagnetic';
	src: url(/kikare-assets/fonts/mikado/MikadoWeb-Medium.woff2) format('woff2');
}

@font-face {
	font-family: 'ultramagnetic';
	font-weight: 500;
	src: url(/kikare-assets/fonts/mikado/MikadoWeb-Medium.woff2) format('woff2');
}

@font-face {
	font-family: 'Mikado';
	font-weight: bold;
	src: url(/kikare-assets/fonts/mikado/MikadoWeb-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Mikado';
	src: url(/kikare-assets/fonts/mikado/MikadoWeb-Regular.woff2) format('woff2');
}

/** prevent img and link dragging */
a,
img {
	user-select: none;
	-webkit-user-drag: none;
}

@font-face {
	font-family: kikons;
	font-style: normal;
	font-weight: bold;
	font-display: block;
	src: url('https://www.kika.de/resources/fonts/kika/kicons.woff') format('woff');
}

* {
	font-family: Mikado, Arial, sans-serif;
	font-variant-ligatures: none;
}

body {
	position: relative;
	font-variant-ligatures: none;
}

select {
	font-family: Arial, Helvetica, sans-serif;
}

@supports (height: 100dvh) {
  .modal {
    height: 100dvh;
  }
}

@supports (height: 100dvh) {
  .modal {
    height: 100dvh !important;
  }
}

@supports (height: 100dvh) {
  .modal {
    height: 100dvh !important;
  }
}

html.mouse-active a:focus,
html.mouse-active a:focus :first-child,
html.mouse-active button:focus,
html.mouse-active button:focus :first-child {
	outline: 0 !important;
}

input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	display: none;
}

.ardplayer-preview {
	opacity: 0 !important;
}

.avDetails {
	display: none !important;
}

.ardplayer {
	>* {
		font-family: Mikado, Arial, sans-serif !important;
	}

	* {
		scrollbar-width: thin !important;
		scrollbar-color: rgba(255, 255, 255, 0.5) transparent !important;
	}

	*::-webkit-scrollbar {
		width: 0.33rem !important;
		height: 4px !important;
	}

	/* Track */

	*::-webkit-scrollbar-track {
		background: rgba(255, 255, 255, 0.1) !important;
		right: 1rem !important;
		height: 4px !important;
	}

	/* Handle */

	*::-webkit-scrollbar-thumb {
		background: rgba(255, 255, 255, 0.3) !important;
		height: 4px !important;
	}

	/* Handle on hover */

	*::-webkit-scrollbar-thumb:hover {
		background: rgba(255, 255, 255, 0.8) !important;
	}

	.ardplayer-bottom-sheet-content-wrapper {
		margin-bottom: 0 !important;
	}

	.ardplayer-icon-info,
	.ardplayer-bottom-sheet-sharing .ardplayer-icon-arrowleft,
	.ardplayer-bottom-sheet-sharing .ardplayer-icon-arrowright {
		display: none !important;
	}

	.ardplayer-bottom-sheet-stage {
		font-weight: 800;

		.ardplayer-addon-recos-timeout {
			span {
				color: #febe00 !important;
			}
		}
	}

	.ardplayer-addon-recos-autoplay-buttons>div:after {
		display: none !important;
	}

	.ardplayer-font-byline {
		display: none !important;
	}

	.ardplayer-button-pill {
		color: #13314b !important;
		font-weight: 500;

		&.ardplayer-button-pill-secondary {
			color: #2be8bc !important;
			border: 0 !important;
			background-color: rgba(43, 232, 188, 0.2) !important;
		}
	}

	.ardplayer-chip-highlight {
		padding: 0.5rem 0.1rem 0.5rem 0.5rem;
		color: #14334d;
		top: 0.75rem !important;
		left: -0.25rem !important;
		text-transform: unset !important;
		font-weight: 500 !important;
		background-color: #febe00 !important;
		border-radius: 2px 0 0 2px;

		&:before {
			background-image: url(/kikare-assets/flag.svg);
			display: block;
			content: '';
			background-color: transparent;
			background-size: contain;
			background-repeat: no-repeat;
			color: black;
			position: absolute;
			right: -100%;
			margin-right: 1px;
			height: 100%;
			width: 100%;
			top: 0;
		}
	}

	&:not(.ardplayer-s) .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser {}

	.ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser {
		img {
			opacity: 0.8;
			transform: scale(1) !important;
			transition: all 0.18s ease-out;
			border-radius: 0.75rem;
			box-shadow:
				25px 25px 50px 0 rgba(0, 0, 0, 0.3),
				7px 7px 15px 0 rgba(0, 0, 0, 0.21),
				2px 2px 4px 0 rgba(0, 0, 0, 0.15);
		}

		.ardplayer-recos-teaser-time {
			top: 0.5rem !important;
			right: 0.5rem !important;
			text-shadow: 1px 0 8px rgba(0, 0, 0, 1);
		}

		padding: 0.5rem;
	}

	.ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser:focus,
	.ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser:hover {
		background-color: transparent !important;

		img {
			transform: scale(1.04) !important;
		}
	}
}