
:root {
	--gtmkit-background-white: #fff;
	--gtmkit-background-grey: #f0f0f1;
	--gtmkit-border-color: #ddd;
	--gtmkit-text-color-heading: #454545;
	--gtmkit-text-color-grey: #777;
	--gtmkit-color-grey: #888;
	--gtmkit-color-primary: #3969bb;
	--gtmkit-color-secondary: #00a32a;
	--gtmkit-color-button: #3969bb;
	--gtmkit-color-success: #00a32a;
	--gtmkit-color-warning: orange;
	--gtmkit-color-error: red;
	--gtmkit-space-h: 2rem;
	--gtmkit-space-v: 1.5rem;
	--gtmkit-font-size-l: 18px;
	--gtmkit-font-size-m: 16px;
	--gtmkit-font-size-s: 14px;
	--gtmkit-font-size-xl: 22px;
	--gtmkit-font-size-xs: 12px;
	--gtmkit-font-size-xxl: 24px;
	--gtmkit-button-disabled: #bbb;
	--gtmkit-button-disabled-bg: #f5f5f5;
	--gtmkit-button-disabled-border: 1px solid #ddd;
	--gtmkit-button-disabled-text: #bbb;
	--gtmkit-button-primary-bg: var(--gtmkit-color-primary);
	--gtmkit-button-primary-bg-hover: #397eeb;
	--gtmkit-button-primary-text: #fff;
	--gtmkit-button-primary-text-hover: #fff;
	--gtmkit-button-secondary-bg: #f8f8f8;
	--gtmkit-button-secondary-bg-hover: #fff;
	--gtmkit-button-secondary-border: #ddd;
	--gtmkit-button-secondary-text: #777;
	--gtmkit-button-secondary-text-hover: #454545;
}

#gtmkit-event-inspector {
	background-color: var(--gtmkit-background-white);
	border-top: 2px solid var(--gtmkit-color-grey);
	bottom: 0;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
	left: 0;
	max-height: 25%;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	z-index: 99999;
}

#gtmkit-event-inspector.restrict {
	display: none;
}

#gtmkit-event-inspector-wrapper {
	align-items: center;
	display: flex;
	gap: 2rem;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
	width: -moz-max-content;
	width: max-content;
}

#gtmkit-event-inspector-title {
	color: var(--gtmkit-color-primary);
	font-size: 1.125rem;
	font-weight: 600;
}

#gtmkit-event-inspector-list {
	display: flex;
	gap: 1rem;
	margin: 0;
}

#gtmkit-event-inspector-list li {
	color: var(--gtmkit-text-color-grey);
	list-style: none;
	padding: .1rem 0;
}

#gtmkit-event-inspector-list li:first-of-type {
	border-bottom: 2px solid var(--gtmkit-color-grey);
	color: var(--gtmkit-text-color-heading);
	font-weight: 500;
}
