#on-paste-click {
	margin-left: unset;
}

#on-paste-click-4 {
	background: var(--dark);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 12px;
	cursor: pointer;
}

#on-paste-click-4 img {
	opacity: 0.8;
	height: 20px;
	display: block;
}

#on-paste-click-4:hover {
	background-color: var(--hover);
}

[class*="oxygen-oxy-oxyninja_slider"] .oxy-style-indicator {
	display: none !important;
}

.oxyninja-lock-box {
	line-height: 1.15;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	visibility: inherit;
	font-family: "Source Sans Pro", serif;
	-webkit-font-smoothing: antialiased;
	color: white;
	font-size: 14px;
	box-sizing: inherit;
	display: flex;
	border-radius: 4px;
	background-color: #3a444b;
	height: 31px;
	margin-left: 5px;
	align-items: center;
	justify-content: space-between;
	padding: 0px 8px;
	cursor: pointer;
	box-shadow: none;
}
.oxyninja-lock-box-active {
	background-color: unset;
	background: linear-gradient(180deg, #26a0f5 0%, #0c89e1 100%);
}
.oxyninja-lock-box-class-active {
	background-color: #009688;
}
.oxyninja-lock-box-hide {
	display: none;
}
.oxyninja-lock-box img {
	opacity: 0.8;
}
.oxyninja-lock-box:hover img {
	opacity: 1;
}
.oxygen-classes-dropdown {
	right: -40px !important;
}
.oxygen-states-dropdown {
	right: -40px !important;
}
.on-button-hover:hover {
	background-color: #116daf !important;
}
.on-button-hover-active {
	background: linear-gradient(180deg, #26a0f5 0%, #0c89e1 100%) !important;
}

#splide-previw-button {
	height: 31px;
	border-radius: 4px;
	/*background-color: #222b34;*/
	border: solid 1px #0c89e1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 9px;
	padding-right: 9px;
	color: white;
	font-size: 12px;
	flex-grow: 1;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	cursor: pointer;
}

#splide-previw-button:hover {
	background: linear-gradient(-45deg, #3f00b5, #9f69fe, #27c8b7, #3f00b5);
	background-size: 800% 400%;
	-webkit-animation: Gradient 10s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
	-moz-animation: Gradient 10s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
	animation: Gradient 10s infinite cubic-bezier(0.62, 0.28, 0.23, 0.99) both;
	border: solid 1px transparent;
}

#oxygen-sidebar-control-panel-basic-styles
	[ng-if="isActiveName('oxy-oxyninja_slider')&&!hasOpenTabs('oxy-oxyninja_slider')"]
	.oxygen-button-list
	.oxygen-button-list-button.oxygen-button-list-button-active:not(.oxygen-button-list-button-default) {
	background: linear-gradient(180deg, #116daf 0%, #0c89e1 100%) !important;
}

#oxygen-sidebar-control-panel-basic-styles
	[ng-if="isActiveName('oxy-oxyninja_slider')&&!hasOpenTabs('oxy-oxyninja_slider')"]
	.oxygen-button-list
	.oxygen-button-list-button-default {
	outline: unset;
	outline-offset: unset;
	background: linear-gradient(180deg, #116daf 0%, #0c89e1 100%) !important;
}

#on-badges-above {
	margin-top: 10px;
	border-top: solid 1px #3e454c;
}

.ui-autocomplete {
	z-index: 2147483647 !important;
}

.swal2-content {
	z-index: 99 !important;
}

.reset-auto-search {
	background: black;
	width: 415px;
	height: 200px;
	position: absolute;
	border-radius: 4px;
}

.ee-oxyninja-logo-wrap {
	display: grid !important;
	place-items: center !important;
	align-items: center !important;
}

.ee-oxyninja-logo {
	display: block !important;
	margin-right: 0px !important;
	width: 40% !important;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}