@charset 'utf-8'

$theme-color = convert(themeColor)
$theme-color-foreground = convert(themeColorForeground)

@import './reset'

/*
	::selection
		background $theme-color
		color #fff
*/

*
	tap-highlight-color rgba($theme-color, 0.7)
	-webkit-tap-highlight-color rgba($theme-color, 0.7)

html, body
	margin 0
	padding 0
	scroll-behavior smooth
	overflow-x hidden
	text-size-adjust 100%
	font-family sans-serif

html
	&.progress
		&, *
			cursor progress !important

#error
	position fixed
	z-index 32768
	top 0
	left 0
	width 100%
	height 100%
	background #00f
	color #fff

	> p
		text-align center

#nprogress
	pointer-events none

	position absolute
	z-index 65536

	.bar
		background $theme-color

		position fixed
		z-index 65537
		top 0
		left 0

		width 100%
		height 2px

	/* Fancy blur effect */
	.peg
		display block
		position absolute
		right 0px
		width 100px
		height 100%
		box-shadow 0 0 10px $theme-color, 0 0 5px $theme-color
		opacity 1

		transform rotate(3deg) translate(0px, -4px)

#wait
	display block
	position fixed
	z-index 65537
	top 15px
	right 15px

	&:before
		content ""
		display block
		width 18px
		height 18px
		box-sizing border-box

		border solid 2px transparent
		border-top-color $theme-color
		border-left-color $theme-color
		border-radius 50%

		animation progress-spinner 400ms linear infinite

	@keyframes progress-spinner
		0%
			transform rotate(0deg)
		100%
			transform rotate(360deg)

a
	text-decoration none
	color $theme-color
	cursor pointer

	&:hover
		text-decoration underline

	*
		cursor pointer

pre
	overflow auto

	> code
		font-family Consolas, 'Courier New', Courier, Monaco, monospace
		tab-size 2

		.comment
			opacity 0.5

		.string
			color #e96900

		.regexp
			color #e9003f

		.keyword
			color #2973b7

			&.true
			&.false
			&.null
			&.nil
			&.undefined
				color #ae81ff

		.symbol
			color #42b983

		.number
		.nan
			color #ae81ff

		.var:not(.keyword)
			font-weight bold
			font-style italic
			//text-decoration underline

		.method
			font-style italic
			color #8964c1

		.property
			color #a71d5d

		.label
			color #e9003f

mk-locker
	display block
	position fixed
	top 0
	left 0
	z-index 65536
	width 100%
	height 100%
	cursor wait