//.window-app .window-header a.header-button {
//	@mixin hoverWidth($class) {
//		&.#{$class}:hover {
//			max-width: 200px;
//			color: #292929f0;
//		}
//	}
//	display: flex;
//	flex-flow: row-reverse;
//	align-items: center;
//	max-width: 34px;
//	height: 26px;
//	white-space: nowrap;
//	line-height: 1;
//	overflow: hidden;
//	padding: 0 6px;
//	margin: 0 0 0 4px;
//	color: transparent;
//	transition: max-width 1s ease;
//	@include hoverWidth("char-gen");
//	@include hoverWidth("custom-roll");
//	@include hoverWidth("push-roll");
//	@include hoverWidth("configure-sheet");
//	@include hoverWidth("configure-token");
//	@include hoverWidth("item-post");
//	@include hoverWidth("share-image");
//	@include hoverWidth("entry-text");
//	@include hoverWidth("entry-image");
//	@include hoverWidth("close");
//	> i {
//		font-size: var(--font-size--default);
//		margin-left: 10px;
//		margin-top: 2px;
//		color: #292929f0;
//	}
//}

/* -------------- */
/*  Font Awesome  */
/*   Overrides    */
/* -------------- */

//.fa-suitcase {
//	font-family: RPGAwesome;
//	font-size: 1.6rem;
//	transform: translateY(1px);
//	&:before {
//		content: "\ea72";
//	}
//}

//.fa-comments {
//	font-family: RPGAwesome;
//	font-size: 1.5rem;
//	transform: translateY(1px);
//	&:before {
//		content: "\ea8f";
//	}
//}

//.fa-fist-raised {
//	font-family: Swordlings;
//	transform: translate(1.3px, -0.6px);
//	font-size: 1.5rem;
//	&:before {
//		content: "x";
//	}
//}

/* ------------- */

//h3 {
//	&.entity-name {
//		& > a {
//			color: #111;
//			text-shadow: 0px 0px 5px #fff;
//			font-weight: bold;
//			text-transform: uppercase;
//			margin: 2%;
//		}
//	}
//}

//.window-app {
//	.window-content {
//		padding: 2px 4px;
//	}
//	.window-resizable-handle {
//		background: none;
//		border: none;
//		width: 19px;
//		height: 19px;
//		transform: translate(12px, 12px);
//
//		&:hover {
//			text-shadow: 0 0 5px #a00;
//		}
//
//		i.fas {
//			transform: translateY(-1.5px) rotate(45deg);
//		}
//	}
//	&.image-popout {
//		form.flexcol {
//			background: #fff;
//		}
//		.form-group {
//			&.title {
//				input {
//					font-family: "IM FELL THREE LINE PICA";
//					font-size: var(--font-size--extra-large);
//					text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
//					text-transform: uppercase;
//					border: none;
//				}
//			}
//			&.picker {
//				opacity: 0.2;
//			}
//			input,
//			button {
//				background: #999;
//			}
//		}
//	}
//	.window-header {
//		border: none;
//	}
//	&.minimized {
//		.window-header {
//			border: none;
//			margin-top: -10px;
//			display: flex;
//			align-items: center;
//			line-height: 1.5;
//			padding: unset;
//			.window-title {
//				overflow: hidden;
//				white-space: pre;
//			}
//		}
//	}
//	// Override weirdly big settings input box for numbers
//	&#client-settings .settings-list input[data-dtype="Number"] {
//		max-width: 3rem;
//		text-align: center;
//	}
//}

//body,
//button {
//	font-family: Poppins, sans-serif;
//	font-size: var(--font-size--small);
//}
//img {
//	border: none;
//	&.profile {
//		padding: 5px;
//	}
//}
//
//.app,
//#hotbar .macro,
//#hotbar .macro .macro-key,
//#hotbar .bar-controls,
//#controls .scene-control,
//#controls .control-tool,
//#navigation #nav-toggle,
//#navigation #scene-list .scene {
//	background: #292929f0;
//}

a.entity-link,
a.inline-roll {
	border: none;
	background: transparent;
	border-bottom: 1px dotted grey;
	padding: 0;
}
a {
	&.inline-roll {
		border: none;
	}
	&:hover {
		text-shadow: 0 0 5px #a00;
	}
}

#pause {
	background: none;
	& > img {
		width: 200px;
		height: 200px;
		top: -50px;
		left: calc(50% - 100px);
		opacity: 0.7;
		-webkit-animation: rotation 10s infinite linear;
		animation: rotation 10s infinite linear;
	}
	h3 {
		font-family: @font-special;
		font-size: 32px;
		text-shadow: 0px 3px 5px rgba(0, 0, 0, 1);
	}
}
//#navigation {
//	left: 180px;
//}
//#scenes {
//	.scene {
//		h3 {
//			background-color: #cccccc60;
//			white-space: pre-wrap;
//			line-height: 1;
//			display: grid;
//			& > a {
//				place-self: center;
//			}
//		}
//	}
//}
//#chat-log {
//	.message {
//		position: relative;
//		&:after {
//			content: "";
//			border: 10px solid transparent;
//			border-image: url(../assets/journal-art/small-border.webp) 100/10px repeat;
//			position: absolute;
//			height: calc(100% - 24px);
//			width: calc(100% - 24px);
//			margin: -3px 7px 7px -3px;
//			pointer-events: none;
//		}
//	}
//}
//.chat-message {
//	font-size: var(--font-size--very-small);
//	.message-header {
//		padding: 8px 13px;
//		border-bottom: rgba(0, 0, 0, 0.2);
//	}
//	.message-content {
//		border: none;
//		padding: 0 13px 13px;
//	}
//}
//#playlists {
//	li {
//		&.playlist {
//			.sound-control {
//				color: #666;
//			}
//		}
//	}
//}

//form {
//	& > select[name="folder"] {
//		display: none;
//	}
//	& > .lightbox-image {
//		background: rgb(255, 255, 255);
//	}
//}
//.window-app.image-popout .form-group.picker:hover,
//.window-app.image-popout .form-group.picker:focus-within {
//	opacity: 1;
//}
//li {
//	&.directory-item {
//		&.entity {
//			background: #eee;
//			color: #222;
//			border-radius: 6px;
//			margin: 0 6px;
//		}
//	}
//}
//
//.sheet .tabs .item {
//	white-space: nowrap;
//}
//
//.app.sidebar-popout .folder > .folder-header .create-folder,
//.app.sidebar-popout li.folder > .folder-header .create-entity {
//	color: #444;
//}
//
//#player-config {
//	.avatar {
//		border: 2px dotted #444;
//		border-image: url(../assets/journal-art/small-border.webp) 100/10px repeat;
//	}
//	.directory-item.context {
//		border-top: 1px solid black;
//		border-bottom: 1px solid #666;
//		background: #ccc;
//		h3.entity-name > a {
//			font-weight: 600;
//		}
//	}
//	h3.entity-name > a {
//		font-weight: 400;
//		font-size: 1.2rem;
//		&:hover {
//			text-shadow: 0 0 6px #333;
//		}
//	}
//}
//
//#sidebar-tabs {
//	border-bottom: 1px solid #fff;
//	box-shadow: 0 0 6px #fff;
//
//	& > .item.active {
//		border: 1px solid #fff;
//		box-shadow: 0 0 6px inset #fffc;
//	}
//}
//
//#navigation #scene-list .scene.view,
//#navigation #scene-list .scene.context {
//	border: 1px solid #fff;
//	border-bottom: 1px solid #fffc;
//	box-shadow: 0 0 10px #fffc;
//}
//
//#controls .scene-control.active,
//#controls .control-tool.active,
//#controls .scene-control:hover,
//#controls .control-tool:hover {
//	border: 1px solid #fff;
//	border-bottom: 1px solid #fffc;
//	box-shadow: 0 0 10px #fffc;
//}
//
//#controls .control-tool.toggle {
//	background: #666;
//	border: 1px solid #fff;
//
//	&:hover,
//	&.active {
//		background: #700;
//	}
//}

// Fixing scrollbars!
::-webkit-scrollbar-thumb {
	outline: none;
	border-radius: 3px;
	background: #999 !important;
	border: 1px solid #333 !important;
	border-color: #333 !important;
}
::-webkit-scrollbar-track {
	box-shadow: 0 0 3px #005d67 inset !important;
	border-radius: 3px;
}

* {
	scrollbar-width: thin !important;
	scrollbar-color: #005d67 #ccc !important;
}
