import { makeStyles } from '@material-ui/core/styles';

/*
 * Version 1.13.0
 * Original: https://github.com/KingSora/OverlayScrollbars/blob/master/css/OverlayScrollbars.css
 *
 * Global styles are same as original stylesheet but without vendor prefixes (done ny JSS)
 * Os light and dark theme selectors are modified not to target elements with dynamic styles
 * applied trough components classes property which prevents global styles from having higher specificity.
 * */
export const useGlobalOsStyles = makeStyles({
	'@global': {
		'html.os-html, html.os-html > .os-host': {
			display: 'block',
			overflow: 'hidden',
			boxSizing: 'border-box',
			height: '100% !important',
			width: '100% !important',
			minWidth: '100% !important',
			minHeight: '100% !important',
			margin: '0 !important',
			position: 'absolute !important'
		},
		'html.os-html > .os-host > .os-padding': {
			position: 'absolute'
		},
		'body.os-dragging, body.os-dragging *': {
			cursor: 'default'
		},
		'.os-host, .os-host-textarea': {
			position: 'relative',
			overflow: 'visible !important',
			flexDirection: 'column',
			flexWrap: 'nowrap',
			justifyContent: 'flex-start',
			alignContent: 'flex-start',
			alignItems: 'flex-start'
		},
		'.os-host-flexbox': {
			overflow: 'hidden !important',
			display: 'flex'
		},
		'.os-host-flexbox > .os-size-auto-observer': {
			height: 'inherit !important'
		},
		'.os-host-flexbox > .os-content-glue': {
			flexGrow: 1,
			flexShrink: 0
		},
		'.os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue': {
			minHeight: 0,
			minWidth: 0,
			flexGrow: 0,
			flexShrink: 1,
			flexBasis: 'auto'
		},
		'#os-dummy-scrollbar-size': {
			position: 'fixed',
			opacity: 0,
			visibility: 'hidden',
			overflow: 'scroll',
			height: '500px',
			width: '500px'
		},
		'#os-dummy-scrollbar-size > div': {
			width: '200%',
			height: '200%',
			margin: '10px 0'
		},
		'#os-dummy-scrollbar-size:before, #os-dummy-scrollbar-size:after, .os-content:before, .os-content:after': {
			content: '',
			display: 'table',
			width: '0.01px',
			height: '0.01px',
			lineHeight: 0,
			fontSize: 0,
			flexGrow: 0,
			flexShrink: 0,
			visibility: 'hidden'
		},
		'.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport': {
			scrollbarWidth: 'none !important'
		},
		'.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner': {
			display: 'none !important',
			width: '0px !important',
			height: '0px !important',
			visibility: 'hidden !important',
			background: 'transparent !important'
		},
		'.os-content-glue': {
			boxSizing: 'inherit',
			maxHeight: '100%',
			maxWidth: '100%',
			width: '100%',
			pointerEvents: 'none'
		},
		'.os-padding': {
			boxSizing: 'inherit',
			direction: 'inherit',
			position: 'absolute',
			overflow: 'visible',
			padding: 0,
			margin: 0,
			left: 0,
			top: 0,
			bottom: 0,
			right: 0,
			width: 'auto !important',
			height: 'auto !important',
			zIndex: 0
		},
		'.os-host-overflow > .os-padding': {
			overflow: 'hidden'
		},
		'.os-viewport': {
			direction: 'inherit !important',
			boxSizing: 'inherit !important',
			resize: 'none !important',
			outline: 'none !important',
			position: 'absolute',
			overflow: 'hidden',
			top: 0,
			left: 0,
			bottom: 0,
			right: 0,
			padding: 0,
			margin: 0,
			WebkitOverflowScrolling: 'touch'
		},
		'.os-content-arrange': {
			position: 'absolute',
			zIndex: -1,
			minHeight: '1px',
			minWidth: '1px',
			pointerEvents: 'none'
		},
		'.os-content': {
			direction: 'inherit',
			boxSizing: 'border-box !important',
			position: 'relative',
			display: 'block',
			height: '100%',
			width: '100%',
			visibility: 'visible'
		},
		'.os-content > .os-textarea': {
			boxSizing: 'border-box !important',
			direction: 'inherit !important',
			background: 'transparent !important',
			outline: '0px none transparent !important',
			overflow: 'hidden !important',
			position: 'absolute !important',
			display: 'block !important',
			top: '0 !important',
			left: '0 !important',
			margin: '0 !important',
			borderRadius: '0px !important',
			float: 'none !important',
			filter: 'none !important',
			border: 'none !important',
			resize: 'none !important',
			transform: 'none !important',
			maxWidth: 'none !important',
			maxHeight: 'none !important',
			boxShadow: 'none !important',
			perspective: 'none !important',
			opacity: '1 !important',
			zIndex: '1 !important',
			clip: 'auto !important',
			verticalAlign: 'baseline !important',
			padding: '0px'
		},
		'.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea': {
			right: '0 !important'
		},
		'.os-content > .os-textarea-cover': {
			zIndex: -1,
			pointerEvents: 'none'
		},
		".os-content > .os-textarea[wrap='off']": {
			whiteSpace: 'pre !important',
			margin: '0px !important'
		},
		'.os-text-inherit': {
			fontFamily: 'inherit',
			fontSize: 'inherit',
			fontWeight: 'inherit',
			fontStyle: 'inherit',
			fontVariant: 'inherit',
			textTransform: 'inherit',
			textDecoration: 'inherit',
			textIndent: 'inherit',
			textAlign: 'inherit',
			textShadow: 'inherit',
			textOverflow: 'inherit',
			letterSpacing: 'inherit',
			wordSpacing: 'inherit',
			lineHeight: 'inherit',
			unicodeBidi: 'inherit',
			direction: 'inherit',
			color: 'inherit',
			cursor: 'text'
		},
		'.os-resize-observer, .os-resize-observer-host': {
			boxSizing: 'inherit',
			display: 'block',
			visibility: 'hidden',
			position: 'absolute',
			top: 0,
			left: 0,
			height: '100%',
			width: '100%',
			overflow: 'hidden',
			pointerEvents: 'none',
			zIndex: -1
		},
		'.os-resize-observer-host': {
			padding: 'inherit',
			border: 'inherit',
			borderColor: 'transparent',
			borderStyle: 'solid',
			boxSizing: 'border-box'
		},
		'.os-resize-observer-host.observed': {
			display: 'flex',
			flexDirection: 'column',
			justifyContent: 'flex-start',
			alignItems: 'flex-start'
		},
		'.os-resize-observer-host > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer': {
			height: '200%',
			width: '200%',
			padding: 'inherit',
			border: 'inherit',
			margin: '0',
			display: 'block',
			boxSizing: 'content-box'
		},
		'.os-resize-observer-host > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer:before': {
			display: 'flex',
			position: 'relative',
			flexGrow: 1,
			flexShrink: 0,
			flexBasis: 'auto',
			boxSizing: 'border-box'
		},
		'.os-resize-observer-host.observed > .os-resize-observer:before': {
			content: '',
			boxSizing: 'content-box',
			padding: 'inherit',
			border: 'inherit',
			margin: 0
		},
		'.os-size-auto-observer': {
			boxSizing: 'inherit !important',
			height: '100%',
			width: 'inherit',
			maxWidth: '1px',
			position: 'relative',
			float: 'left',
			maxHeight: '1px',
			overflow: 'hidden',
			zIndex: -1,
			padding: 0,
			margin: 0,
			pointerEvents: 'none',
			flexGrow: 'inherit',
			flexShrink: 0,
			flexBasis: 0
		},
		'.os-size-auto-observer > .os-resize-observer': {
			width: '1000%',
			height: '1000%',
			minHeight: '1px',
			minWidth: '1px'
		},
		'.os-resize-observer-item': {
			position: 'absolute',
			top: 0,
			right: 0,
			bottom: 0,
			left: 0,
			overflow: 'hidden',
			zIndex: -1,
			opacity: 0,
			direction: 'ltr !important',
			flex: 'none !important'
		},
		'.os-resize-observer-item-final': {
			position: 'absolute',
			left: 0,
			top: 0,
			transition: 'none !important',
			flex: 'none !important'
		},
		'.os-resize-observer': {
			animationDuration: '0.001s',
			animationName: 'os-resize-observer-dummy-animation'
		},
		'object.os-resize-observer': {
			boxSizing: 'border-box !important'
		},
		'@keyframes os-resize-observer-dummy-animation': {
			from: {
				zIndex: 0
			},
			to: {
				zIndex: -1
			}
		},
		'.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner': {
			transition:
				'opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s'
		},
		'html.os-html > .os-host > .os-scrollbar': {
			position: 'absolute',
			zIndex: 999999
		},
		'.os-scrollbar, .os-scrollbar-corner': {
			position: 'absolute',
			opacity: 1,
			zIndex: 1
		},
		'.os-scrollbar-corner': {
			bottom: 0,
			right: 0
		},
		'.os-scrollbar': {
			pointerEvents: 'none'
		},
		'.os-scrollbar-track': {
			pointerEvents: 'auto',
			position: 'relative',
			height: '100%',
			width: '100%',
			padding: '0 !important',
			border: 'none !important'
		},
		'.os-scrollbar-handle': {
			pointerEvents: 'auto',
			position: 'absolute',
			width: '100%',
			height: '100%'
		},
		'.os-scrollbar-handle-off, .os-scrollbar-track-off': {
			pointerEvents: 'none'
		},
		'.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *': {
			pointerEvents: 'none !important'
		},
		'.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle': {
			opacity: '0 !important'
		},
		'.os-scrollbar-horizontal': {
			bottom: 0,
			left: 0
		},
		'.os-scrollbar-vertical': {
			top: 0,
			right: 0
		},
		'.os-host-rtl > .os-scrollbar-horizontal': {
			right: 0
		},
		'.os-host-rtl > .os-scrollbar-vertical': {
			right: 'auto',
			left: 0
		},
		'.os-host-rtl > .os-scrollbar-corner': {
			right: 'auto',
			left: 0
		},
		'.os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner': {
			opacity: 0,
			visibility: 'hidden',
			pointerEvents: 'none'
		},
		'.os-scrollbar-corner-resize-both': {
			cursor: 'nwse-resize'
		},
		'.os-host-rtl > .os-scrollbar-corner-resize-both': {
			cursor: 'ew-resize'
		},
		'.os-scrollbar-corner-resize-vertical': {
			cursor: 'ns-resize'
		},
		'.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize': {
			cursor: 'default'
		},
		'.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical': {
			top: 0,
			bottom: 0
		},
		'.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal': {
			right: 0,
			left: 0
		},
		'.os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize': {
			opacity: '1 !important',
			visibility: 'visible !important'
		},
		'.os-scrollbar-corner.os-scrollbar-corner-resize': {
			backgroundImage:
				'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+)',
			backgroundRepeat: 'no-repeat',
			backgroundPosition: '100% 100%',
			pointerEvents: 'auto !important'
		},
		'.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize': {
			transform: 'scale(-1, 1)'
		},
		'.os-host-overflow': {
			overflow: 'hidden !important'
		},
		'.os-not-initialized, .os-not-initialized > *': {
			display: 'none !important'
		},
		'.os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner': {
			display: 'none !important'
		},
		'.os-theme-none > .os-scrollbar-corner-resize': {
			display: 'block !important',
			minWidth: '0.625rem',
			minHeight: '0.625rem'
		},
		'.os-theme-dark > .os-scrollbar-horizontal:not(.dynamic-styles), .os-theme-light > .os-scrollbar-horizontal:not(.dynamic-styles)': {
			right: '0.625rem',
			height: '0.625rem'
		},
		'.os-theme-dark > .os-scrollbar-vertical:not(.dynamic-styles), .os-theme-light > .os-scrollbar-vertical:not(.dynamic-styles)': {
			bottom: '0.625rem',
			width: '0.625rem'
		},
		'.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal:not(.dynamic-styles), .os-theme-light.os-host-rtl > .os-scrollbar-horizontal:not(.dynamic-styles)': {
			left: '0.625rem',
			right: 0
		},
		'.os-theme-dark > .os-scrollbar-corner:not(.dynamic-styles), .os-theme-light > .os-scrollbar-corner:not(.dynamic-styles)': {
			height: '0.625rem',
			width: '0.625rem',
			backgroundColor: 'transparent'
		},
		'.os-theme-dark > .os-scrollbar:not(.dynamic-styles), .os-theme-light > .os-scrollbar:not(.dynamic-styles)': {
			padding: '0.125rem',
			boxSizing: 'border-box',
			background: 'transparent'
		},
		'.os-theme-dark > .os-scrollbar.os-scrollbar-unusable:not(.dynamic-styles), .os-theme-light > .os-scrollbar.os-scrollbar-unusable:not(.dynamic-styles)': {
			background: 'transparent'
		},
		'.os-theme-dark > .os-scrollbar > .os-scrollbar-track:not(.dynamic-styles), .os-theme-light > .os-scrollbar > .os-scrollbar-track:not(.dynamic-styles)': {
			background: 'transparent'
		},
		'.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles), .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			minWidth: '2rem'
		},
		'.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles), .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			minHeight: '2rem'
		},
		'.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles), .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			transition: 'background-color 0.3s'
		},
		'.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles), .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles), .os-theme-dark > .os-scrollbar > .os-scrollbar-track:not(.dynamic-styles), .os-theme-light > .os-scrollbar > .os-scrollbar-track:not(.dynamic-styles)': {
			borderRadius: '0.625rem'
		},
		'.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			background: 'rgba(0, 0, 0, 0.4)'
		},
		'.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			background: 'rgba(255, 255, 255, 0.4)'
		},
		'.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			background: 'rgba(0, 0, 0, .55)'
		},
		'.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle:not(.dynamic-styles)': {
			background: 'rgba(255, 255, 255, .55)'
		},
		'.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active:not(.dynamic-styles)': {
			background: 'rgba(0, 0, 0, .7)'
		},
		'.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active:not(.dynamic-styles)': {
			background: 'rgba(255, 255, 255, .7)'
		},
		'.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before': {
			content: '""',
			position: 'absolute',
			left: 0,
			right: 0,
			top: 0,
			bottom: 0,
			display: 'block'
		},
		'.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before': {
			display: 'none'
		},
		'.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:not(.dynamic-styles):before': {
			top: '-0.375rem',
			bottom: '-0.125rem'
		},
		'.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before': {
			left: '-0.375rem',
			right: '-0.125rem'
		},
		'.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:not(.dynamic-styles):before': {
			right: '-0.375rem',
			left: '-0.125rem'
		}
	}
});