.ols-settings-tabs {
	display: flex;
	max-width: 1200px;
	margin: 2rem auto;
	> .components-tab-panel__tabs {
		flex-direction: column;
		min-width: min(200px, 100%);
		display: none;
		.components-button {
			font-size: 16px;
			&:hover {
				color: #890f4c;
			}
		}
		.active-tab {
			background-color: #fff;
			border-radius: var(--ols-border-radius) 0 0 var(--ols-border-radius);
			box-shadow: -4px 0px 5px #efeeee;
			color: #890f4c;
		}
	}
	> .components-tab-panel__tab-content {
		flex: 1;
		background-color: #fff;
		padding: 0 2rem 2rem 2rem;
		border-radius: var(--ols-border-radius);
		box-shadow: 0px 0px 5px #efeeee;
		margin-left: -3px;
	}
}
