:host {
	font-family: "Fira Sans", sans-serif;
	font-size: 15px;
	// margin-bottom: ;
}

.studio-tabs {
	appearance: none;
	display: grid;
	grid-auto-flow: column;
  	grid-auto-columns: 1fr;
	list-style: none;
	width: 100%;
	padding-inline-start: 0px;

	.studio-tabs-tab {

		// width: max-content;
		display: inline-flex;
		justify-content: center;
		// flex: 1;
		border: none;
		padding: 1rem;
		border-bottom: 4px solid transparent;
		color: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		font-weight: 500;
		white-space: nowrap;
		border-bottom: 4px solid var(--color-toolbar-background-light);

		&.selected-tab {
			color: #fff;
			border-bottom: 4px solid #e66462;
		}
	}



}