.hulk-settings-wrap {

	.flex {
		display: flex;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.items-center {
		align-items: center;
	}

	.w-full {
		width: 100%;
	}

	.flex-grow {
		flex-grow: 1;
	}

	.p-2 {
		padding: 8px;
	}

	.pl-0 {
		padding-left: 0;
	}

	.gap-4 {
		gap: 16px;
	}

	.mb-4 {
		margin-bottom: 16px;
	}

	.mb-0 {
		margin-bottom: 0;
	}

	.hulk-settings-header {
		background: #fff;
		border-bottom: 1px solid #e2e4e7;
		padding: 12px 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		margin: 0;

		.hulk-brand {
			display: flex;
			align-items: center;
		}

		.hulk-logo {
			padding: 0;
			margin: 0 15px 0 0;
			display: flex;
			align-items: center;

			img {
				max-width: 100%;
			}
		}

		.hulk-heading {
			display: flex;
			align-items: center;
			margin: 0;
			padding: 0;
			color: var(--hulk-settings-text-color);
		}
	}

	.hulk-settings-version {
		margin: 0 0 0 auto;
		background: #f0f0f1;
		display: inline-block;
		padding: 0 10px;
		border-radius: 13px;
		height: 26px;
		line-height: 26px;
		white-space: nowrap;
		box-sizing: border-box;
		color: #656565;
	}
}
